diff --git a/data/blocks/block.jM9IKerPOI.json b/data/blocks/block.jM9IKerPOI.json new file mode 100644 index 00000000..76f31c11 --- /dev/null +++ b/data/blocks/block.jM9IKerPOI.json @@ -0,0 +1,13 @@ +{ + "id": "jM9IKerPOI", + "data": { + "items": [ + { + "fileId": "NpV47EII6zCxkpPoChejg0", + "nodeId": "31457:408218" + } + ] + }, + "size": "large", + "blockType": "design-src-tiles" +} diff --git a/data/blocks/block.tkwfpYYFLp.json b/data/blocks/block.tkwfpYYFLp.json new file mode 100644 index 00000000..5b9a9638 --- /dev/null +++ b/data/blocks/block.tkwfpYYFLp.json @@ -0,0 +1,89 @@ +{ + "id": "tkwfpYYFLp", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Anatomy", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "A ", + "type": "text" + }, + { + "text": "button", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " consists of either a ", + "type": "text" + }, + { + "text": "label", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": ", an ", + "type": "text" + }, + { + "text": "icon", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": ", or both. Contained, outlined and text buttons have a visible ", + "type": "text" + }, + { + "text": "button surface", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": ". In the case of text buttons, that button surface becomes visible only when interacting with it. Link buttons do not have a visible button surface.", + "type": "text" + } + ] + } + ] + } + }, + "size": "large", + "blockType": "text-editor" +} diff --git a/data/db.yml b/data/db.yml index 11ceb220..b25e544e 100644 --- a/data/db.yml +++ b/data/db.yml @@ -22,6 +22,11 @@ settings: type: figma url: https://www.figma.com/file/rzMpZtZ3PLH3eutORdrJ2o?version-id=5763001927 version: '6248118586' + - fileId: NpV47EII6zCxkpPoChejg0 + name: ❖ Digital HIG UI toolkit + type: figma + url: https://www.figma.com/file/NpV47EII6zCxkpPoChejg0?version-id=6526948086 + version: '6526948086' logoUrl: https://knapsack.imgix.net/site/public-demo/knapsack-logomark-primary@3x-c3fjqx5ll_.png prototyping: patternId: one-pager diff --git a/data/knapsack.navs.yml b/data/knapsack.navs.yml index d448cea7..fa4dcf5e 100644 --- a/data/knapsack.navs.yml +++ b/data/knapsack.navs.yml @@ -68,7 +68,7 @@ byId: path: /pages/Shadow Simple: id: Simple - name: Simple Patterns + name: Components parentId: Components-aPh3G1bbrX path: '' adding-design-tokens: diff --git a/data/knapsack.pattern.author.json b/data/knapsack.pattern.author.json index 53cfda2d..1b49cb85 100644 --- a/data/knapsack.pattern.author.json +++ b/data/knapsack.pattern.author.json @@ -19,9 +19,7 @@ "twig": "ready", "react": "ready", "design": "needs-design", - "handlebars": "ready", - "web-components": "ready", - "qEBpl8oPtd": "BAwEpqi4W" + "handlebars": "ready" }, "subPages": [], "templates": [ diff --git a/data/knapsack.pattern.button.json b/data/knapsack.pattern.button.json index 9fbb565f..f3618ab9 100644 --- a/data/knapsack.pattern.button.json +++ b/data/knapsack.pattern.button.json @@ -1,7 +1,7 @@ { "id": "button", "title": "Button", - "description": "Buttons are used to initialize an action. Button labels express what action will occur when the user interacts with it.", + "description": "A button initiates an action or navigates to a new destination. Buttons help users discover available actions and accomplish their goals. Different button variants establish a hierarchy and guide users through the interface.", "demoWidths": [ { "width": 180 @@ -34,6 +34,8 @@ "id": "Overview", "title": "Usage", "blockIds": [ + "tkwfpYYFLp", + "jM9IKerPOI", "YkyHkvdzp_", "vFalbAV-gx", "1LTGO8xsrC", @@ -111,11 +113,11 @@ } ], "statuses": { - "design": "needs-updated", + "design": "ready", "react": "ready", "twig": "ready", "handlebars": "ready", - "web-components": "needs-dev" + "XxoaFhU8EE": "ready" }, "designSrcComponentsById": { "P1BaxXtxDV": { diff --git a/data/knapsack.pattern.card.json b/data/knapsack.pattern.card.json index e66de2a4..2a51cfb3 100644 --- a/data/knapsack.pattern.card.json +++ b/data/knapsack.pattern.card.json @@ -6,9 +6,7 @@ "design": "ready", "twig": "needs-updated", "react": "needs-updated", - "handlebars": "ready", - "web-components": "needs-dev", - "qEBpl8oPtd": "CaUlKPrsPQ" + "handlebars": "ready" }, "templates": [ { diff --git a/data/knapsack.pattern.footer.json b/data/knapsack.pattern.footer.json index 52f60aaa..8347143e 100644 --- a/data/knapsack.pattern.footer.json +++ b/data/knapsack.pattern.footer.json @@ -11,9 +11,7 @@ "twig": "wont-build", "react": "ready", "design": "ready", - "handlebars": "wont-build", - "web-components": "needs-dev", - "qEBpl8oPtd": "BAwEpqi4W" + "handlebars": "wont-build" }, "subPages": [], "templates": [ diff --git a/data/knapsack.pattern.header.json b/data/knapsack.pattern.header.json index a4c692c9..01652167 100644 --- a/data/knapsack.pattern.header.json +++ b/data/knapsack.pattern.header.json @@ -12,9 +12,7 @@ "twig": "wont-build", "react": "ready", "design": "ready", - "handlebars": "wont-build", - "web-components": "needs-dev", - "qEBpl8oPtd": "BAwEpqi4W" + "handlebars": "wont-build" }, "subPages": [], "templates": [ diff --git a/data/knapsack.pattern.hero.json b/data/knapsack.pattern.hero.json index caac5591..ae25bd63 100644 --- a/data/knapsack.pattern.hero.json +++ b/data/knapsack.pattern.hero.json @@ -14,9 +14,7 @@ "statuses": { "twig": "needs-dev", "react": "ready", - "design": "ready", - "web-components": "needs-dev", - "qEBpl8oPtd": "BAwEpqi4W" + "design": "ready" }, "subPages": [ { diff --git a/data/knapsack.pattern.input-field.json b/data/knapsack.pattern.input-field.json index 621fef78..38ec5bcc 100644 --- a/data/knapsack.pattern.input-field.json +++ b/data/knapsack.pattern.input-field.json @@ -15,9 +15,7 @@ "twig": "needs-dev", "react": "needs-dev", "design": "needs-updated", - "handlebars": "wont-build", - "web-components": "wont-build", - "qEBpl8oPtd": "BAwEpqi4W" + "handlebars": "wont-build" }, "subPages": [ { diff --git a/data/knapsack.pattern.layout.json b/data/knapsack.pattern.layout.json index 9f8be9f0..5d5c2441 100644 --- a/data/knapsack.pattern.layout.json +++ b/data/knapsack.pattern.layout.json @@ -14,9 +14,7 @@ "statuses": { "twig": "needs-dev", "react": "ready", - "design": "ready", - "web-components": "needs-dev", - "qEBpl8oPtd": "BAwEpqi4W" + "design": "ready" }, "subPages": [ { diff --git a/data/knapsack.pattern.message.json b/data/knapsack.pattern.message.json index b77e76e7..c6c3a294 100644 --- a/data/knapsack.pattern.message.json +++ b/data/knapsack.pattern.message.json @@ -15,9 +15,7 @@ "twig": "wont-build", "react": "needs-dev", "design": "ready", - "handlebars": "wont-build", - "web-components": "needs-dev", - "qEBpl8oPtd": "BAwEpqi4W" + "handlebars": "wont-build" }, "subPages": [ { diff --git a/data/knapsack.pattern.one-pager.json b/data/knapsack.pattern.one-pager.json index 85d4dbbf..32b35483 100644 --- a/data/knapsack.pattern.one-pager.json +++ b/data/knapsack.pattern.one-pager.json @@ -15,8 +15,7 @@ "twig": "needs-dev", "react": "ready", "design": "ready", - "handlebars": "wont-build", - "web-components": "wont-build" + "handlebars": "wont-build" }, "subPages": [ { diff --git a/data/knapsack.pattern.top-nav.json b/data/knapsack.pattern.top-nav.json index 10698c64..e7b0022f 100644 --- a/data/knapsack.pattern.top-nav.json +++ b/data/knapsack.pattern.top-nav.json @@ -18,9 +18,7 @@ "statuses": { "twig": "needs-dev", "react": "needs-qa", - "design": "ready", - "web-components": "needs-dev", - "qEBpl8oPtd": "CaUlKPrsPQ" + "design": "ready" }, "subPages": [ { diff --git a/data/knapsack.patterns.json b/data/knapsack.patterns.json index ee63f122..aba91772 100644 --- a/data/knapsack.patterns.json +++ b/data/knapsack.patterns.json @@ -63,8 +63,8 @@ ] }, { - "id": "web-components", - "title": "Web Components", + "id": "XxoaFhU8EE", + "title": "CSS", "statuses": [ { "id": "unset", @@ -102,22 +102,6 @@ "title": "Won't Build" } ] - }, - { - "id": "qEBpl8oPtd", - "title": "Mobile", - "statuses": [ - { - "id": "CaUlKPrsPQ", - "color": "#ccedb1", - "title": "Ready" - }, - { - "id": "BAwEpqi4W", - "color": "#ff9fd3", - "title": "Not Ready" - } - ] } ] }