diff --git a/packages/web/generated/components.json b/packages/web/generated/components.json index fcdfc4d..33589e5 100644 --- a/packages/web/generated/components.json +++ b/packages/web/generated/components.json @@ -2,63 +2,117 @@ "fileId": "GCvY3Qv8czRgZgvl1dG6lp", "fileUrl": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/Primer%20Web", "fileName": "Primer Web", - "lastModified": "2024-12-17T13:35:26Z", + "lastModified": "2024-12-18T21:32:22Z", "components": [ { - "id": "action_list_section_header", - "name": "ActionList.Section/Header", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=6%3A38837", + "id": "action_list_item_loading_single_select", + "name": "ActionList.Item/LoadingSingleSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A4912", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "title", - "type": "TEXT", - "defaultValue": "Section header", + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", "values": [] }, { - "name": "variant", + "name": "size", "type": "VARIANT", - "defaultValue": "subtle", + "defaultValue": "small (default)", "values": [ - "subtle", - "filled" + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + }, + { + "name": "leadingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "trailingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" ] } ], "thumbnails": [], - "createdAt": "2021-08-05T03:44:39.541Z", - "updatedAt": "2024-12-03T11:42:45.663Z", + "createdAt": "2023-12-21T14:23:56.835Z", + "updatedAt": "2024-12-18T21:18:33.818Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "link", - "name": "Link", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=20953%3A78768", + "id": "deprecated_secondary_buttons_small_end", + "name": "[DEPRECATED] Secondary-Buttons/small/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88797", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "link text", - "type": "TEXT", - "defaultValue": "Link", - "values": [] - }, - { - "name": "trailingVisual?", + "name": "leadingIcon?", "type": "BOOLEAN", - "defaultValue": "false", + "defaultValue": "true", "values": [ "true", "false" ] }, { - "name": "inline", + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", "type": "BOOLEAN", "defaultValue": "true", "values": [ @@ -67,66 +121,73 @@ ] }, { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "leadingVisual", + "name": "leadingIcon", "type": "INSTANCE_SWAP", "defaultValue": "EXTERNAL_COMPONENT", "values": [] }, { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "muted", + "name": "state", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "rest", "values": [ - "false", - "true" + "rest", + "hover", + "pressed", + "disabled", + "focus" ] - }, + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:47.327Z", + "updatedAt": "2024-12-18T21:18:12.980Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "status", + "name": "Status", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19009%3A64826", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { - "name": "bold", + "name": "filled", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "true", "values": [ - "false", - "true" + "true", + "false" ] }, { - "name": "size", + "name": "status", "type": "VARIANT", - "defaultValue": "normal", + "defaultValue": "success", "values": [ - "normal", - "small" + "success", + "attention", + "severe", + "error", + "neutral" ] } ], "thumbnails": [], - "createdAt": "2023-02-09T13:58:53.028Z", - "updatedAt": "2024-12-03T11:42:57.594Z", + "createdAt": "2022-11-16T15:35:01.983Z", + "updatedAt": "2024-12-18T21:18:33.813Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "action_list_item_loading_single_select", - "name": "ActionList.Item/LoadingSingleSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A4912", + "id": "action_list_item_loading_multi_select", + "name": "ActionList.Item/LoadingMultiSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A5141", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ @@ -201,1658 +262,603 @@ } ], "thumbnails": [], - "createdAt": "2023-12-21T14:23:56.835Z", - "updatedAt": "2024-12-16T14:29:14.016Z", + "createdAt": "2023-12-21T14:24:25.879Z", + "updatedAt": "2024-12-18T21:18:19.299Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "header", - "name": "Header", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26738%3A6196", + "id": "action_list_item_default", + "name": "ActionList.Item/Default", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15096%3A47245", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "PRs?", + "name": "currentSelection", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, { - "name": "Create new button", + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "leadingVisual?", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, { - "name": "Copilot?", + "name": "divider?", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, { - "name": "Issues?", + "name": "trailingVisual?", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, { - "name": "TabNav", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", "values": [ - "true", - "false" + "small (default)", + "medium", + "large" ] }, { - "name": "Logged-in", + "name": "state", "type": "VARIANT", - "defaultValue": "True", + "defaultValue": "rest", "values": [ - "True", - "False" + "rest", + "hover", + "pressed", + "focus", + "disabled" ] - }, + } + ], + "thumbnails": [], + "createdAt": "2022-08-04T20:16:55.732Z", + "updatedAt": "2024-12-18T21:18:19.321Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "avatar_pair", + "name": "AvatarPair", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13006%3A42855", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { - "name": "Type", + "name": "combination (parent/child)", "type": "VARIANT", - "defaultValue": "Desktop", + "defaultValue": "human/entity", "values": [ - "Desktop", - "Mobile" + "human/entity", + "entity/human" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e7b9891-8084-42e0-9cef-1c28ba502929", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8250ad59-2277-4057-9c29-439f51ab7d9f", "props": [ { - "name": "TabNav", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" + "name": "combination (parent/child)", + "value": "human/entity" } ], "dimensions": { - "width": 1280, - "height": 108 + "width": 53, + "height": 53 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ccf834d-a5a8-4a91-a9c6-dff7e4b5add8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c3d33cd8-4ea1-40a9-ac86-17eb2386edaf", "props": [ { - "name": "PRs?", - "value": "true" - }, + "name": "combination (parent/child)", + "value": "entity/human" + } + ], + "dimensions": { + "width": 53, + "height": 53 + } + } + ], + "createdAt": "2022-03-28T23:28:17.588Z", + "updatedAt": "2024-12-18T21:18:26.839Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "filter_input", + "name": "FilterInput", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19293%3A74564", + "status": "EXPERIMENTAL", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small", + "values": [ + "small", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest (default)", + "values": [ + "rest (default)", + "focus", + "loading" + ] + }, + { + "name": "placeholder", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d40e5719-3cf6-4599-abe2-015cec555013", + "props": [ { - "name": "Create new button", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "Copilot?", - "value": "true" + "name": "state", + "value": "rest (default)" }, { - "name": "Issues?", - "value": "true" - }, + "name": "placeholder", + "value": "false" + } + ], + "dimensions": { + "width": 542, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fadac23-8e5b-4395-8011-0053a56a52ae", + "props": [ { - "name": "TabNav", - "value": "true" + "name": "size", + "value": "small" }, { - "name": "Logged-in", - "value": "True" + "name": "state", + "value": "focus" }, { - "name": "Type", - "value": "Mobile" + "name": "placeholder", + "value": "false" } ], "dimensions": { - "width": 465, - "height": 108 + "width": 542, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27b1cadb-07f4-47d0-8657-69348e70bf10", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cda3709e-5efa-4e02-b34a-c3e01e9fe53b", "props": [ { - "name": "Create new button", - "value": "true" + "name": "size", + "value": "small" }, { - "name": "Issues?", - "value": "true" + "name": "state", + "value": "loading" }, { - "name": "Copilot?", + "name": "placeholder", "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, + } + ], + "dimensions": { + "width": 542, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39a2218c-1ed4-4d40-a67e-0845e5955ced", + "props": [ { - "name": "TabNav", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "Logged-in", - "value": "True" + "name": "state", + "value": "rest (default)" }, { - "name": "Type", - "value": "Desktop" + "name": "placeholder", + "value": "false" } ], "dimensions": { - "width": 1280, - "height": 108 + "width": 542, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ccb086c0-3a96-4396-b886-7ff282ee2a77", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87428ab2-df0a-4b1b-89ba-c661b60175e9", "props": [ { - "name": "PRs?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "Create new button", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "Copilot?", + "name": "placeholder", "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, + } + ], + "dimensions": { + "width": 542, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/72691395-e8be-4a4f-90e4-b2d25aab9546", + "props": [ { - "name": "TabNav", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "Logged-in", - "value": "True" + "name": "state", + "value": "loading" }, { - "name": "Type", - "value": "Mobile" + "name": "placeholder", + "value": "false" } ], "dimensions": { - "width": 465, - "height": 108 + "width": 542, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20232c26-8752-4514-b88e-017c71076707", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b78090ae-a8f5-43db-96b4-6aea6554467a", "props": [ { - "name": "TabNav", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Copilot?", - "value": "true" + "name": "state", + "value": "rest (default)" }, { - "name": "Create new button", - "value": "true" - }, + "name": "placeholder", + "value": "false" + } + ], + "dimensions": { + "width": 542.22998046875, + "height": 40 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf795a72-e47c-4b62-880b-c132b8f13021", + "props": [ { - "name": "Issues?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Logged-in", - "value": "False" + "name": "state", + "value": "focus" }, { - "name": "Type", - "value": "Desktop" + "name": "placeholder", + "value": "false" } ], "dimensions": { - "width": 1280, - "height": 172 + "width": 542.22998046875, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4076f46-621e-4a36-8135-cf576fdb8266", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/172741bc-51e2-423f-b022-313b8da3450b", "props": [ { - "name": "TabNav", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Logged-in", - "value": "False" + "name": "state", + "value": "loading" }, { - "name": "Type", - "value": "Mobile" + "name": "placeholder", + "value": "false" } ], "dimensions": { - "width": 465, - "height": 172 + "width": 542.22998046875, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a3a608b-ea5b-439c-a4d1-ee567cb55e22", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe524b75-8663-430c-8b7e-d801e62c4d21", "props": [ { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "PRs?", - "value": "true" + "name": "state", + "value": "rest (default)" }, { - "name": "TabNav", + "name": "placeholder", "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" } ], "dimensions": { - "width": 1280, - "height": 172 + "width": 542, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d3e9dfa-d35f-45c5-b3ca-ea473fb6370c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38cecea1-b360-4a00-a360-1a25e46de43f", "props": [ { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" + "name": "size", + "value": "small" }, { - "name": "Copilot?", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "TabNav", + "name": "placeholder", "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" } ], "dimensions": { - "width": 465, - "height": 172 + "width": 542, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6dbc55ad-b463-42de-8d9f-3f09504a70bd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d9c7221-9f6a-4807-bf87-ee270dbf71be", "props": [ { - "name": "Create new button", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "Copilot?", - "value": "true" + "name": "state", + "value": "rest (default)" }, { - "name": "PRs?", + "name": "placeholder", "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" } ], "dimensions": { - "width": 1280, - "height": 64 + "width": 542, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67f02f33-97a0-42f7-91de-c82602a25050", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1074fb2e-6e80-4a4e-9e1d-4d4f2cb3bb6d", "props": [ { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "Copilot?", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "Issues?", + "name": "placeholder", "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" } ], "dimensions": { - "width": 465, - "height": 64 + "width": 542, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22aec67c-8579-4ab2-9991-3cdf861ea705", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d87153c-5db0-45fa-a77b-530f9a9c803e", "props": [ { - "name": "Create new button", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Copilot?", - "value": "false" + "name": "state", + "value": "rest (default)" }, { - "name": "PRs?", + "name": "placeholder", "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" } ], "dimensions": { - "width": 1280, - "height": 64 + "width": 542.22998046875, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4d1fa14-7368-4e8a-ba26-621d5b8f84f3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3e51233-c199-41fd-87cb-7b9c585639b4", "props": [ { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "Copilot?", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "Issues?", + "name": "placeholder", "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" } ], "dimensions": { - "width": 465, - "height": 64 + "width": 542.22998046875, + "height": 40 } + } + ], + "createdAt": "2022-12-07T16:11:58.891Z", + "updatedAt": "2024-12-18T21:18:26.844Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_section_header", + "name": "ActionList.Section/Header", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=6%3A38837", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "title", + "type": "TEXT", + "defaultValue": "Section header", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/632f796a-ae4d-4338-92dc-692af05dd434", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 128 - } + "name": "variant", + "type": "VARIANT", + "defaultValue": "subtle", + "values": [ + "subtle", + "filled" + ] + } + ], + "thumbnails": [], + "createdAt": "2021-08-05T03:44:39.541Z", + "updatedAt": "2024-12-18T21:18:26.850Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_leading_collapse", + "name": "ActionList.Item/LeadingCollapse", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15828%3A61220", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ce48ab3-d0b2-4a23-9550-d03c6aa96ea9", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 128 - } + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3eda7db7-b513-4c9a-8af4-cc8615e4ed46", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 128 - } + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe8d9f77-ac65-4365-8a06-2f28503479dc", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 128 - } + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79911758-a61c-4436-9754-ca22f85108e5", - "props": [ - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 108 - } + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e95dbf88-e09d-4382-9c6d-9603fce26abc", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 108 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dfe594e-5df4-4fcb-a3ae-b5367eb07e2d", - "props": [ - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 108 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7eebbb13-0761-4565-9a30-83a2eb79f9a2", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 108 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78ff61d1-da19-4dff-a92f-91119081e56f", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 172 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98d9f346-ee86-4f0d-ba42-1581bd43fca8", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 172 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a08a1e1-34be-426b-9bbb-86709a1eddab", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 172 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1cd9f213-f277-4096-8669-1b27195064b4", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "TabNav", - "value": "true" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 172 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6c776f1-2d7f-4d81-80e5-b063f5bba751", - "props": [ - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 64 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f32f4937-91c6-4609-8144-9581afbac32c", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 64 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eaa443a6-7a66-42b4-a73e-103dbe35175e", - "props": [ - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 64 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3a95312c-d017-42fe-bb79-3cbe3724e083", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "True" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 64 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59ee676a-014b-4f6c-82a8-b8dff9c8fe23", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 128 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14338968-f5a3-4ea1-bcf6-3087f976f03b", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 128 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19c56781-7e82-46f6-a6f7-a08a6146c519", - "props": [ - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "PRs?", - "value": "true" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Desktop" - } - ], - "dimensions": { - "width": 1280, - "height": 128 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8f34956-6183-4ff0-8dfa-96675a7cd184", - "props": [ - { - "name": "PRs?", - "value": "true" - }, - { - "name": "Create new button", - "value": "false" - }, - { - "name": "Issues?", - "value": "true" - }, - { - "name": "Copilot?", - "value": "false" - }, - { - "name": "TabNav", - "value": "false" - }, - { - "name": "Logged-in", - "value": "False" - }, - { - "name": "Type", - "value": "Mobile" - } - ], - "dimensions": { - "width": 465, - "height": 128 - } - } - ], - "createdAt": "2023-09-04T13:54:40.190Z", - "updatedAt": "2024-12-16T14:28:58.201Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "data_table_header", - "name": "DataTable/Header", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28509%3A38091", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "title", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "subtitle", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "actions", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "filter", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-12T17:17:22.276Z", - "updatedAt": "2024-12-16T14:28:58.239Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_menu_content", - "name": "ActionMenu/Content", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26998%3A4650", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icons", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "items", - "type": "VARIANT", - "defaultValue": "various", - "values": [ - "multi-selection", - "single-selection", - "submenus", - "various", - "actions" - ] - }, - { - "name": "shortcuts", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-09-11T06:41:12.567Z", - "updatedAt": "2024-12-16T14:28:58.248Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_loading_multi_select", - "name": "ActionList.Item/LoadingMultiSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A5141", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest" - ] - }, - { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - }, - { - "name": "leadingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "trailingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-12-21T14:24:25.879Z", - "updatedAt": "2024-12-16T14:29:06.461Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_default", - "name": "ActionList.Item/Default", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15096%3A47245", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "focus", - "disabled" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-08-04T20:16:55.732Z", - "updatedAt": "2024-12-16T14:29:06.525Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "avatar_pair", - "name": "AvatarPair", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13006%3A42855", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "combination (parent/child)", - "type": "VARIANT", - "defaultValue": "human/entity", - "values": [ - "human/entity", - "entity/human" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c137184d-3113-4959-a693-d92f3b4844c2", - "props": [ - { - "name": "combination (parent/child)", - "value": "human/entity" - } - ], - "dimensions": { - "width": 53, - "height": 53 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/315ea1af-f432-47c9-92cb-3e0c624f89b2", - "props": [ - { - "name": "combination (parent/child)", - "value": "entity/human" - } - ], - "dimensions": { - "width": 53, - "height": 53 - } - } - ], - "createdAt": "2022-03-28T23:28:17.588Z", - "updatedAt": "2024-12-16T14:29:13.971Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_leading_collapse", - "name": "ActionList.Item/LeadingCollapse", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15828%3A61220", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { "name": "trailingVisual", @@ -1895,314 +901,119 @@ ], "thumbnails": [], "createdAt": "2022-10-06T19:30:01.287Z", - "updatedAt": "2024-12-16T14:29:13.984Z", + "updatedAt": "2024-12-18T21:18:26.855Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "action_list_item_multi_select", - "name": "ActionList.Item/MultiSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56203", + "id": "example", + "name": "_Example", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47253", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "disabled", - "pressed", - "focus" - ] - }, - { - "name": "selected?", + "name": "type", "type": "VARIANT", - "defaultValue": "true", + "defaultValue": "singleList", "values": [ - "false", - "true" + "groups", + "singleList" ] } ], "thumbnails": [], - "createdAt": "2022-08-04T20:16:55.709Z", - "updatedAt": "2024-12-16T14:29:13.991Z", + "createdAt": "2022-07-21T21:24:43.898Z", + "updatedAt": "2024-12-18T21:18:26.859Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "action_list_item_inactive_single_select", - "name": "ActionList.Item/InactiveSingleSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A70674", + "id": "announcement", + "name": "Announcement", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=31888%3A12487", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "currentSelection", + "name": "Title?", "type": "BOOLEAN", - "defaultValue": "false", + "defaultValue": "true", "values": [ "true", "false" ] }, { - "name": "divider?", + "name": "Dismiss?", "type": "BOOLEAN", - "defaultValue": "false", + "defaultValue": "true", "values": [ "true", "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest" - ] - }, - { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - }, - { - "name": "leadingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "trailingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-11-22T17:05:31.311Z", - "updatedAt": "2024-12-16T14:29:14.003Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "select_panel", - "name": "SelectPanel", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=35402%3A45806", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "example", - "type": "VARIANT", - "defaultValue": "user", - "values": [ - "user", - "event", - "repository", - "pull-request", - "issue", - "organization", - "language", - "label", - "project", - "branch" - ] - }, - { - "name": "type", - "type": "VARIANT", - "defaultValue": "single", - "values": [ - "single", - "multi" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "popover", - "values": [ - "popover", - "mobile (not implemented)", - "modal (not implemented)" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-08-07T15:28:31.264Z", - "updatedAt": "2024-12-16T14:29:21.878Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "select_panel_v2", - "name": "🛑 SelectPanel v2", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27681%3A11681", - "status": "DEPRECATED", - "type": "COMPONENT_SET", - "properties": [ + ] + }, { - "name": "example", - "type": "VARIANT", - "defaultValue": "user", + "name": "SecondaryAction?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ - "user", - "event", - "repository", - "pull-request", - "issue", - "organization", - "language", - "label", - "project", - "branch" + "true", + "false" ] }, { - "name": "type", - "type": "VARIANT", - "defaultValue": "single", + "name": "Icon?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ - "single", - "single-save", - "multi" + "true", + "false" + ] + }, + { + "name": "PrimaryAction?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" ] }, { "name": "variant", "type": "VARIANT", - "defaultValue": "popover", + "defaultValue": "warning", "values": [ - "popover", - "mobile", - "modal" + "warning", + "critical", + "info" ] } ], "thumbnails": [], - "createdAt": "2023-09-19T13:05:12.874Z", - "updatedAt": "2024-12-16T14:29:21.893Z", + "createdAt": "2024-12-03T11:42:00.818Z", + "updatedAt": "2024-12-18T21:17:33.063Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "text_input_value", - "name": "Text Input/value", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46407", + "id": "text_input_placeholder", + "name": "Text Input/placeholder", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46435", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { "name": "text", "type": "TEXT", - "defaultValue": "Value", + "defaultValue": "Placeholder", "values": [] }, { @@ -2216,8 +1027,8 @@ } ], "thumbnails": [], - "createdAt": "2022-08-01T20:14:30.799Z", - "updatedAt": "2024-12-03T11:42:36.105Z", + "createdAt": "2022-08-01T20:14:30.814Z", + "updatedAt": "2024-12-18T21:17:33.075Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -2257,80 +1068,22 @@ ], "thumbnails": [], "createdAt": "2023-12-14T08:41:26.581Z", - "updatedAt": "2024-12-03T11:42:00.960Z", + "updatedAt": "2024-12-18T21:17:33.103Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "progress_bar", - "name": "ProgressBar", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34727%3A143491", + "id": "data_table_header", + "name": "DataTable/Header", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28509%3A38091", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "size", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "large", - "default", - "small" - ] - }, - { - "name": "items", + "name": "title", "type": "VARIANT", - "defaultValue": "1", - "values": [ - "1", - "2", - "3", - "4", - "5", - "6", - "7", - "8", - "9", - "empty" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-07-03T11:39:43.697Z", - "updatedAt": "2024-12-03T11:43:08.970Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_small_end", - "name": "[DEPRECATED] Secondary-Buttons/small/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88797", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", "defaultValue": "true", "values": [ "true", @@ -2338,217 +1091,108 @@ ] }, { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", + "name": "subtitle", "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.327Z", - "updatedAt": "2024-12-03T11:42:36.068Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_medium_start", - "name": "[DEPRECATED] Primary-Buttons/medium/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88885", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ - "true", - "false" + "false", + "true" ] }, { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "actions", + "type": "VARIANT", + "defaultValue": "false", "values": [ - "true", - "false" + "false", + "true" ] }, { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", + "name": "filter", "type": "VARIANT", - "defaultValue": "rest", + "defaultValue": "false", "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" + "false", + "true" ] } ], "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.972Z", - "updatedAt": "2024-12-03T11:42:15.047Z", + "createdAt": "2023-10-12T17:17:22.276Z", + "updatedAt": "2024-12-18T21:17:33.114Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "icon_button", - "name": "IconButton", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30468%3A5843", + "id": "data_table_text_cell", + "name": "DataTable/TextCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28242%3A7395", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "dropdown?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, { "name": "leadingVisual?", "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "false", + "defaultValue": "true", "values": [ "true", "false" ] }, { - "name": "aria-label", - "type": "TEXT", - "defaultValue": "add label", - "values": [] - }, - { - "name": "icon", + "name": "leadingVisual", "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", + "defaultValue": "Icon", "values": [] }, { - "name": "variant", + "name": "align", "type": "VARIANT", - "defaultValue": "secondary", + "defaultValue": "left", "values": [ - "primary", - "secondary", - "danger", - "outline", - "invisible" + "left", + "right" ] }, { - "name": "size", + "name": "loading", "type": "VARIANT", - "defaultValue": "medium", + "defaultValue": "false", "values": [ - "small", - "medium", - "large" + "false", + "true" ] }, { - "name": "state", + "name": "placeholder", "type": "VARIANT", - "defaultValue": "rest", + "defaultValue": "false", "values": [ - "rest", - "focus", - "hover", - "pressed", - "disabled", - "loading", - "inactive" + "true", + "false" ] } ], "thumbnails": [], - "createdAt": "2024-01-09T14:50:07.648Z", - "updatedAt": "2024-12-03T11:42:45.686Z", + "createdAt": "2023-10-12T17:17:22.290Z", + "updatedAt": "2024-12-18T21:17:33.139Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "deprecated_danger_buttons_medium_middle", - "name": "[DEPRECATED] Danger-Buttons/medium/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91765", + "id": "deprecated_secondary_buttons_medium_end", + "name": "[DEPRECATED] Secondary-Buttons/medium/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55792", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", + "name": "leadingIcon?", "type": "BOOLEAN", "defaultValue": "true", "values": [ @@ -2557,7 +1201,13 @@ ] }, { - "name": "leadingIcon?", + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", "type": "BOOLEAN", "defaultValue": "true", "values": [ @@ -2585,39 +1235,8 @@ } ], "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.334Z", - "updatedAt": "2024-12-03T11:42:08.942Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "text_input_placeholder", - "name": "Text Input/placeholder", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46435", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "Placeholder", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "small" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-08-01T20:14:30.814Z", - "updatedAt": "2024-12-03T11:42:00.923Z", + "createdAt": "2023-10-31T13:50:36.988Z", + "updatedAt": "2024-12-18T21:17:42.519Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -2675,326 +1294,179 @@ ], "thumbnails": [], "createdAt": "2023-10-31T13:50:36.978Z", - "updatedAt": "2024-12-03T11:42:09.014Z", + "updatedAt": "2024-12-18T21:17:42.530Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "action_list_item_sub_item", - "name": "ActionList.Item/SubItem", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15175%3A71561", + "id": "deprecated_button_group", + "name": "[DEPRECATED] ButtonGroup", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88865", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "State", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "active", - "disabled", - "hover", - "rest" - ] - }, - { - "name": "Current selection", + "name": "Size", "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-08-04T20:16:55.726Z", - "updatedAt": "2024-12-03T11:42:51.632Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "comment_box", - "name": "CommentBox", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=17120%3A68733", - "status": "EXPERIMENTAL", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "placeholder?", - "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "medium", "values": [ - "true", - "false" + "medium", + "small" ] }, { - "name": "text", - "type": "TEXT", - "defaultValue": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more...", - "values": [] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Add a comment", - "values": [] - }, - { - "name": "preview", - "type": "TEXT", - "defaultValue": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more...", - "values": [] - }, - { - "name": "placeholder", - "type": "TEXT", - "defaultValue": "Type here...\n\n\n", - "values": [] - }, - { - "name": "mode", + "name": "variant", "type": "VARIANT", - "defaultValue": "default", + "defaultValue": "secondary", "values": [ - "default", - "write", - "preview" + "secondary", + "primary", + "danger" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95af8464-263e-4edb-a9d0-dbb69039139b", - "props": [ - { - "name": "label", - "value": "Add a comment" - }, - { - "name": "placeholder", - "value": "Type here...\n\n\n" - }, - { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder?", - "value": "true" - }, - { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "mode", - "value": "default" - } - ], - "dimensions": { - "width": 680, - "height": 200 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/068dce00-604f-4f9d-bdc0-f5a80fb4dd2c", - "props": [ - { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder?", - "value": "false" - }, - { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder", - "value": "Type here...\n\n\n" - }, - { - "name": "label", - "value": "Add a comment" - }, - { - "name": "mode", - "value": "default" - } - ], - "dimensions": { - "width": 680, - "height": 200 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/68aa9cdb-e413-4790-9e6c-3c515cceb368", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6134f9e9-b9a4-49e4-b87b-d5a60c1ed7d9", "props": [ { - "name": "label", - "value": "Add a comment" - }, - { - "name": "placeholder?", - "value": "true" - }, - { - "name": "placeholder", - "value": "Type here...\n\n\n" - }, - { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." + "name": "Size", + "value": "medium" }, { - "name": "mode", - "value": "write" + "name": "variant", + "value": "secondary" } ], "dimensions": { - "width": 680, - "height": 200 + "width": 213, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7ddc6a4-9555-47bb-b963-1c45937a3fd8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/65eac6c6-20a1-446b-a985-f757e3aee5a3", "props": [ { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder", - "value": "Type here...\n\n\n" - }, - { - "name": "placeholder?", - "value": "false" - }, - { - "name": "label", - "value": "Add a comment" + "name": "Size", + "value": "medium" }, { - "name": "mode", - "value": "write" + "name": "variant", + "value": "primary" } ], "dimensions": { - "width": 680, - "height": 200 + "width": 213, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c052b221-e223-4c4c-a310-c51f506f93a3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2f805ab-1540-417b-a542-575b76ba2d37", "props": [ { - "name": "label", - "value": "Add a comment" - }, - { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder", - "value": "Type here...\n\n\n" - }, - { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." - }, - { - "name": "placeholder?", - "value": "true" + "name": "Size", + "value": "medium" }, { - "name": "mode", - "value": "preview" + "name": "variant", + "value": "danger" } ], "dimensions": { - "width": 680, - "height": 184 + "width": 213, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ee2e7ac-1e34-4275-bfc1-6837efd4cb2e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/63da7101-7e07-4739-802e-9a51ea2ff421", "props": [ { - "name": "placeholder?", - "value": "false" + "name": "Size", + "value": "small" }, { - "name": "text", - "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." - }, + "name": "variant", + "value": "secondary" + } + ], + "dimensions": { + "width": 192, + "height": 29 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b2cdfa1-e2d9-446e-aae3-126c4ad12148", + "props": [ { - "name": "placeholder", - "value": "Type here...\n\n\n" + "name": "Size", + "value": "small" }, { - "name": "preview", - "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." - }, + "name": "variant", + "value": "primary" + } + ], + "dimensions": { + "width": 192, + "height": 29 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fea3ca6-d101-4793-b129-d3cd0a0b52f0", + "props": [ { - "name": "label", - "value": "Add a comment" + "name": "Size", + "value": "small" }, { - "name": "mode", - "value": "preview" + "name": "variant", + "value": "danger" } ], "dimensions": { - "width": 680, - "height": 184 + "width": 192, + "height": 29 } } ], - "createdAt": "2022-10-20T20:27:12.963Z", - "updatedAt": "2024-12-09T17:32:55.024Z", + "createdAt": "2023-10-31T13:50:59.890Z", + "updatedAt": "2024-12-18T21:17:42.559Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "example", - "name": "_Example", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47253", + "id": "deprecated_primary_buttons_middle", + "name": "[DEPRECATED] Primary-Buttons/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52226", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "type", + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", "type": "VARIANT", - "defaultValue": "singleList", + "defaultValue": "rest", "values": [ - "groups", - "singleList" + "disabled", + "focus", + "hover", + "pressed", + "rest" ] } ], "thumbnails": [], - "createdAt": "2022-07-21T21:24:43.898Z", - "updatedAt": "2024-12-03T11:42:51.619Z", + "createdAt": "2023-10-30T14:27:33.331Z", + "updatedAt": "2024-12-18T21:17:42.570Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -3019,7 +1491,7 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a2afa20-d052-4597-ae3f-7fba29279611", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/958ae0d4-c0e9-4864-8442-03996e3be23b", "props": [ { "name": "isCompact?", @@ -3032,7 +1504,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c8a29222-b2a2-46f2-96b3-6adc870468e5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27022ee2-4077-46fe-b379-19be53a935df", "props": [ { "name": "isCompact?", @@ -3046,21 +1518,21 @@ } ], "createdAt": "2021-06-04T00:46:31.382Z", - "updatedAt": "2024-12-03T11:42:09.106Z", + "updatedAt": "2024-12-18T21:17:42.584Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "status", - "name": "Status", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19009%3A64826", + "id": "action_menu_content", + "name": "ActionMenu/Content", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26998%3A4650", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "filled", + "name": "icons", "type": "VARIANT", "defaultValue": "true", "values": [ @@ -3069,5548 +1541,4545 @@ ] }, { - "name": "status", + "name": "items", "type": "VARIANT", - "defaultValue": "success", + "defaultValue": "various", "values": [ - "success", - "attention", - "severe", - "error", - "neutral" + "multi-selection", + "single-selection", + "submenus", + "various", + "actions" + ] + }, + { + "name": "shortcuts", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" ] } ], "thumbnails": [], - "createdAt": "2022-11-16T15:35:01.983Z", - "updatedAt": "2024-12-03T11:42:57.601Z", + "createdAt": "2023-09-11T06:41:12.567Z", + "updatedAt": "2024-12-18T21:17:42.609Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "overlay", - "name": "Overlay", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9685%3A44751", + "id": "deprecated_danger_buttons_medium_middle", + "name": "[DEPRECATED] Danger-Buttons/medium/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91765", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "SLot", - "type": "INSTANCE_SWAP", - "defaultValue": "Type=text", + "name": "label", + "type": "TEXT", + "defaultValue": "Button", "values": [] }, { - "name": "header", - "type": "VARIANT", - "defaultValue": "off", + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ - "off", - "on" + "true", + "false" ] }, { - "name": "footer", - "type": "VARIANT", - "defaultValue": "off", + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ - "off", - "on" + "true", + "false" ] }, { - "name": "overflow", + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "rest", "values": [ - "false", - "true" + "rest", + "hover", + "pressed", + "disabled", + "focus" ] } ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc51fd78-9255-4f31-99b7-fd8b2e2aaf4b", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "off" - }, - { - "name": "footer", - "value": "off" - }, - { - "name": "overflow", - "value": "false" - } - ], - "dimensions": { - "width": 197, - "height": 88 - } - }, + "thumbnails": [], + "createdAt": "2023-10-31T13:50:47.334Z", + "updatedAt": "2024-12-18T21:17:49.365Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_medium_start", + "name": "[DEPRECATED] Primary-Buttons/medium/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88885", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/898ce76b-f65d-4d28-b0ff-d32d91a30292", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "on" - }, - { - "name": "footer", - "value": "off" - }, - { - "name": "overflow", - "value": "false" - } - ], - "dimensions": { - "width": 356, - "height": 136 - } + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b154eb3b-bdf1-4b86-b8d7-4fe5884d65d8", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "on" - }, - { - "name": "footer", - "value": "on" - }, - { - "name": "overflow", - "value": "false" - } - ], - "dimensions": { - "width": 356, - "height": 176 - } + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b3d97ef-6c86-4987-8703-84dfb005c429", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "off" - }, - { - "name": "footer", - "value": "off" - }, - { - "name": "overflow", - "value": "true" - } - ], - "dimensions": { - "width": 197, - "height": 88 - } + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bab3161c-e216-4086-92d8-176d9614d80f", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "on" - }, - { - "name": "footer", - "value": "off" - }, - { - "name": "overflow", - "value": "true" - } - ], - "dimensions": { - "width": 356, - "height": 136 - } + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5b144910-00f4-411d-bc36-6c643624c698", - "props": [ - { - "name": "SLot", - "value": "9396:37209" - }, - { - "name": "header", - "value": "on" - }, - { - "name": "footer", - "value": "on" - }, - { - "name": "overflow", - "value": "true" - } - ], - "dimensions": { - "width": 356, - "height": 176 - } + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] } ], - "createdAt": "2021-10-05T21:34:39.753Z", - "updatedAt": "2024-12-09T17:32:55.045Z", + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.972Z", + "updatedAt": "2024-12-18T21:17:49.370Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "filter_input", - "name": "FilterInput", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19293%3A74564", - "status": "EXPERIMENTAL", + "id": "deprecated_secondary_buttons_medium_middle", + "name": "[DEPRECATED] Secondary-Buttons/medium/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55791", + "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "size", - "type": "VARIANT", - "defaultValue": "small", - "values": [ - "small", - "medium", - "large" - ] + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest (default)", + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ - "rest (default)", - "focus", - "loading" + "true", + "false" ] }, { - "name": "placeholder", - "type": "VARIANT", - "defaultValue": "false", + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", "values": [ "true", "false" ] - } - ], - "thumbnails": [ + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abcc7db7-85dc-4221-89f4-6cb8728d7352", - "props": [ - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest (default)" - }, - { - "name": "placeholder", - "value": "false" - } - ], - "dimensions": { - "width": 542, - "height": 28 - } + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56f61028-e638-42be-b0e2-8ff08d81adfa", - "props": [ - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "placeholder", - "value": "false" - } - ], - "dimensions": { - "width": 542, - "height": 28 - } + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.996Z", + "updatedAt": "2024-12-18T21:17:49.376Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "popover", + "name": "Popover", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19015%3A63778", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "body", + "type": "TEXT", + "defaultValue": "Message about this particular piece of UI.", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2e2cf8e-d76a-4869-a3dc-986b43c9b4ea", - "props": [ - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "loading" - }, - { - "name": "placeholder", - "value": "false" - } - ], - "dimensions": { - "width": 542, - "height": 28 - } + "name": "heading", + "type": "TEXT", + "defaultValue": "Heading", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25e73594-9245-4b95-8c3c-e5801575e6cc", + "name": "caret", + "type": "VARIANT", + "defaultValue": "top", + "values": [ + "top", + "top-left", + "top-right", + "bottom", + "bottom-left", + "bottom-right", + "left", + "left-top", + "left-bottom", + "right", + "right-top", + "right-bottom" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22d57d21-0814-43ec-8274-3614afe0b400", "props": [ { - "name": "size", - "value": "medium" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "rest (default)" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "top" } ], "dimensions": { - "width": 542, - "height": 32 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0830526e-2d10-43c9-ab62-39f440f6910b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/903cdd11-7746-4ac8-9459-35d25739c6c9", "props": [ { - "name": "size", - "value": "medium" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "focus" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "top-left" } ], "dimensions": { - "width": 542, - "height": 32 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d0b4f3c5-11ce-4a6f-9412-a8b3f4d02a96", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7c2c1ab-3345-4021-9190-2556223ff31e", "props": [ { - "name": "size", - "value": "medium" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "loading" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "top-right" } ], "dimensions": { - "width": 542, - "height": 32 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22ccf970-8bf1-4857-a32a-4c7ef5690fa9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ef3732ee-2d4c-4d35-9dbd-23134ee843aa", "props": [ { - "name": "size", - "value": "large" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "rest (default)" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "bottom" } ], "dimensions": { - "width": 542.22998046875, - "height": 40 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f80b3ad-0edd-43fb-8be1-47eafdf3550f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b06b9a8-5f35-4716-8598-c560471f4853", "props": [ { - "name": "size", - "value": "large" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "focus" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "bottom-left" } ], "dimensions": { - "width": 542.22998046875, - "height": 40 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/889b1553-9d25-406b-a01e-3cbcb1fdb9ae", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18d98c23-e95f-4039-9c1a-845c727bf46a", "props": [ { - "name": "size", - "value": "large" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "loading" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "false" + "name": "caret", + "value": "bottom-right" } ], "dimensions": { - "width": 542.22998046875, - "height": 40 + "width": 276, + "height": 214 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71905be9-b2cd-4c1a-9147-03116b1435b6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2ae8031-2465-470a-8b1c-7590b20e51a5", "props": [ { - "name": "size", - "value": "small" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "rest (default)" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "left" } ], "dimensions": { - "width": 542, - "height": 28 + "width": 282, + "height": 208 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/405e3c17-2f71-44f6-b25f-b574b1611745", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d807fb88-89c1-4385-ace5-3fdd97500723", "props": [ { - "name": "size", - "value": "small" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "focus" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "left-top" } ], "dimensions": { - "width": 542, - "height": 28 + "width": 282, + "height": 208 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30287016-d092-4786-96f8-5569dd3b9dde", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f012fb95-829e-4ce0-af68-e48099017c8d", "props": [ { - "name": "size", - "value": "medium" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "rest (default)" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "left-bottom" } ], "dimensions": { - "width": 542, - "height": 32 + "width": 282, + "height": 208 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b815d05b-2672-4e54-b9af-dd98469fb16b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17f9c965-013f-463f-a6a1-9b96553db634", "props": [ { - "name": "size", - "value": "medium" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "focus" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "right" } ], "dimensions": { - "width": 542, - "height": 32 + "width": 282, + "height": 208 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62b9889f-4d02-446a-b88d-5e5a958acfcb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/691dd738-bbbf-4cec-ac55-0823d316c8d7", "props": [ { - "name": "size", - "value": "large" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "rest (default)" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "right-top" } ], "dimensions": { - "width": 542.22998046875, - "height": 40 + "width": 282, + "height": 208 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec37fc25-60fc-43a4-af05-3f1b3358992a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce08170c-00f0-462f-9070-cc31cfa6166c", "props": [ { - "name": "size", - "value": "large" + "name": "heading", + "value": "Heading" }, { - "name": "state", - "value": "focus" + "name": "body", + "value": "Message about this particular piece of UI." }, { - "name": "placeholder", - "value": "true" + "name": "caret", + "value": "right-bottom" } ], "dimensions": { - "width": 542.22998046875, - "height": 40 + "width": 282, + "height": 208 } } ], - "createdAt": "2022-12-07T16:11:58.891Z", - "updatedAt": "2024-12-16T14:29:06.491Z", + "createdAt": "2022-11-16T15:34:38.421Z", + "updatedAt": "2024-12-18T21:17:49.383Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "blankslate", - "name": "Blankslate", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4398%3A2383", + "id": "text_input", + "name": "TextInput", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46504", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "leadingVisual", - "type": "VARIANT", - "defaultValue": "icon", - "values": [ - "icon", - "spinner" - ] + "name": "inputTextDisabled", + "type": "INSTANCE_SWAP", + "defaultValue": "size=default", + "values": [] }, { - "name": "primaryAction", - "type": "VARIANT", + "name": "trailingActionDisabled", + "type": "INSTANCE_SWAP", + "defaultValue": "size=medium, state=disabled", + "values": [] + }, + { + "name": "inputTextType", + "type": "INSTANCE_SWAP", + "defaultValue": "size=default", + "values": [] + }, + { + "name": "label?", + "type": "BOOLEAN", "defaultValue": "true", "values": [ - "false", - "true" + "true", + "false" ] }, { - "name": "secondaryAction", - "type": "VARIANT", - "defaultValue": "true", + "name": "trailingAction", + "type": "INSTANCE_SWAP", + "defaultValue": "size=medium, state=rest", + "values": [] + }, + { + "name": "trailingAction?", + "type": "BOOLEAN", + "defaultValue": "false", "values": [ - "false", - "true" + "true", + "false" ] }, { - "name": "narrow?", - "type": "VARIANT", - "defaultValue": "off", + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", "values": [ - "off", - "on" + "true", + "false" ] }, { - "name": "spacious?", - "type": "VARIANT", - "defaultValue": "off", + "name": "caption?", + "type": "BOOLEAN", + "defaultValue": "false", "values": [ - "off", - "on" + "true", + "false" ] }, { - "name": "border?", + "name": "size", "type": "VARIANT", - "defaultValue": "on", + "defaultValue": "medium", "values": [ - "on", - "off" + "small", + "medium", + "large" ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6ab3ce7b-bb20-4688-8297-ddd5c3d67453", - "props": [ - { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "true" - }, - { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 280 - } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6da5fbf9-a61b-4404-a33a-484c8ac6d76f", - "props": [ - { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "true" - }, - { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 980, - "height": 280 - } + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "focus", + "disabled", + "read-only" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9f7ed899-be93-4bf6-a248-31c3d7758017", - "props": [ - { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "true" - }, - { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "on" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 212 - } + "name": "validation", + "type": "VARIANT", + "defaultValue": "none", + "values": [ + "none", + "invalid", + "success" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9716792f-b8a5-422e-ba3a-bef479d24b27", - "props": [ - { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "true" - }, - { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "on" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 485, - "height": 212 - } + "name": "inset?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1450fac-fc42-4035-a570-fe634cf6c7e3", - "props": [ - { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "false" - }, - { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 216 - } - }, + "name": "fullWidth?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2213c6da-bfc4-42bf-a706-4fb9e579d892", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dfaf4a98-02d1-4f7f-ada7-f742958b98c3", "props": [ { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" - }, - { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 980, - "height": 216 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4e853a2-3463-4e0b-8d8d-a2a37dab43d9", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "primaryAction", + "name": "leadingVisual?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "on" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "spacious?", - "value": "off" + "name": "label?", + "value": "true" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 156 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d6916dc-58b0-481f-a611-7acb77549424", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "on" - }, - { - "name": "spacious?", - "value": "off" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 485, - "height": 156 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/929fc5e6-6f56-41cd-b007-c6d196c3b8b7", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "true" + "name": "state", + "value": "rest" }, { - "name": "narrow?", - "value": "off" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "on" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "on" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 376 + "width": 95, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74c5996e-de6c-494b-bc65-35a99a662a6c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2d4ca77-e2d3-4794-80aa-64701b7d8fec", "props": [ { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "true" - }, - { - "name": "secondaryAction", + "name": "label?", "value": "true" }, { - "name": "narrow?", - "value": "off" + "name": "caption?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 980, - "height": 376 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b31ea1e-ca13-42bd-9450-912d5f9e2970", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "leadingVisual?", + "value": "false" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "secondaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "narrow?", - "value": "on" + "name": "icon", + "value": "31742:155958" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 260 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9f5d4883-b579-4b86-b5d6-9e87d30ad6ff", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "primaryAction", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "true" + "name": "state", + "value": "rest" }, { - "name": "narrow?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "on" + "name": "inset?", + "value": "true" }, { - "name": "border?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 260 + "width": 95, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7307e1c5-bcc7-4f7d-a006-238e914020c9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd64699b-ee3a-4071-a760-2018f4d0ebe6", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "leadingVisual?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "narrow?", - "value": "off" + "name": "trailingAction?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 312 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40768ca1-a5c3-4a0e-9024-ab7df6b62d44", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "on" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 980, - "height": 312 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98314f36-9333-41a4-aefb-64e2e05917ec", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "primaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "narrow?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "on" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "on" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 204 + "width": 95, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b5a739d1-63bb-45a5-9d90-c1918d99b0f1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2223e3c-db8b-4fa0-8804-46eba65aa25d", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" - }, - { - "name": "narrow?", - "value": "on" + "name": "icon", + "value": "31742:155958" }, { - "name": "spacious?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 485, - "height": 204 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c05a0c7f-813e-4367-b298-33f55543f3cd", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 228 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c916cf28-1af6-4f91-aa5f-e2d74b4fe688", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "primaryAction", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "narrow?", - "value": "off" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "off" + "name": "inset?", + "value": "true" }, { - "name": "border?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 228 + "width": 95, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62239f61-4e2e-4a6b-af65-6a5d9657cd60", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d72a85ed-acbc-443e-b433-7f1ace24694a", "props": [ { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", + "name": "label?", "value": "true" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "on" - }, - { - "name": "spacious?", - "value": "off" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 176 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1f57cf2-5ab5-4641-b8a3-1307b05622b1", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "leadingVisual?", + "value": "false" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 485, - "height": 176 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1177563-3cac-42bc-bb61-26ff516fcea2", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "narrow?", - "value": "off" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "off" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "on" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 164 + "width": 74, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7338657-8dab-4217-957d-27ea747b18cc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/855d4105-c954-4e9d-bdff-51ce59144636", "props": [ { - "name": "leadingVisual", - "value": "icon" - }, - { - "name": "primaryAction", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "off" - }, - { - "name": "spacious?", - "value": "off" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 980, - "height": 164 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3062a0a1-f4ee-45c9-bb29-d1c9e3ad1da3", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "leadingVisual?", + "value": "false" }, { - "name": "primaryAction", - "value": "false" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 120 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eaa5e51e-9958-45c7-b85b-0a4bcf7ce36a", - "props": [ - { - "name": "leadingVisual", - "value": "icon" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "secondaryAction", - "value": "false" + "name": "state", + "value": "read-only" }, { - "name": "narrow?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "off" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 120 + "width": 68, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c438e07-f723-498f-b15c-23abf475bd31", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60dc06b5-a7a5-408f-bbd4-b4359fef65d1", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "secondaryAction", + "name": "icon", + "value": "31742:155958" + }, + { + "name": "trailingAction?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "spacious?", - "value": "on" + "name": "caption?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 324 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/241b4956-6a32-4017-8ff9-a08054cf00f3", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { - "name": "leadingVisual", - "value": "icon" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "secondaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "narrow?", - "value": "off" + "name": "state", + "value": "rest" }, { - "name": "spacious?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "border?", - "value": "off" + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 980, - "height": 324 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e126ef0-498d-4e08-9aaf-7b2cf5f79c41", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69014e8d-d949-4b3d-bb15-9159f274601d", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "icon", + "value": "31742:155958" }, { - "name": "spacious?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 224 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79d870c0-cb39-497f-b31d-900bb52646ec", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", - "value": "false" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 485, - "height": 224 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34390d2f-83fe-402f-8100-08d5bb4bf2db", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/159ef20b-b0aa-40cf-9abb-8fbdef20f11b", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "icon", + "value": "31742:155958" + }, + { + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", + "name": "leadingVisual?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "on" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 260 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfff05ff-3cac-4033-ad6a-f3d69259f01c", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "false" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "secondaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "narrow?", - "value": "off" + "name": "state", + "value": "focus" }, { - "name": "spacious?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "border?", - "value": "off" + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 980, - "height": 260 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19e1c4de-846a-48e2-81eb-6b8dc86a27f7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09dbe3e7-b822-40a6-a1fc-559fb1973d29", "props": [ { - "name": "leadingVisual", - "value": "icon" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", + "name": "leadingVisual?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "on" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 168 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ddb7be82-498f-487c-a6a3-4eb2b43c9b7a", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "icon" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "secondaryAction", - "value": "false" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "focus" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 485, - "height": 168 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7665c8fa-2553-4db2-a63c-ec4e21d954c8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6630ea0b-2a66-4ce3-a426-db285a33f68e", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 320 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ae85fc4-c578-4034-8073-d19dcd4b4a8c", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "off" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "off" + "name": "state", + "value": "disabled" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 980, - "height": 320 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbfdba89-6d8f-45a8-967c-279e531b6a44", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f3c25f6-f6b6-4629-8cb3-41da6f2a3260", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 276 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46255f3a-ebf7-4e37-bb93-4bcf53b53ef2", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "off" + "name": "state", + "value": "read-only" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 485, - "height": 276 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b36bc856-dc3e-4f2e-b7b0-d20578273b6f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c7c7ba6-949c-40e9-b69d-b328425d914e", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "icon", + "value": "31742:155958" + }, + { + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 256 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf68da8d-aa2a-4182-8ac5-06e0607e8fb8", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "primaryAction", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "secondaryAction", - "value": "true" + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" }, { - "name": "narrow?", - "value": "off" + "name": "validation", + "value": "invalid" }, { - "name": "spacious?", - "value": "off" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 256 + "width": 131, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc6dbd70-e750-49ef-aac0-4d81b957fb1b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/553bc10f-a3fe-4139-9af3-a65d8a821933", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 220 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d93d77e9-c484-4434-8f4f-6f06bf42f0d7", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "secondaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "off" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 220 + "width": 131, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4cd1ed0-b3cd-4d72-9ffb-c74bd8ca741a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70f6c5fc-8134-42df-8c34-f5207d042b7d", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "secondaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 416 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f07b168-90ca-4f4c-a823-f471085e1145", - "props": [ + "name": "icon", + "value": "31742:155958" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingAction?", + "value": "false" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "off" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 980, - "height": 416 + "width": 133, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93ca1df8-ccfe-478f-8228-5aadd86b41c9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9a4c896-a606-44af-aecf-e8ad8d061c46", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 324 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7cfee4e8-a18d-46ca-be98-a252fd7019db", - "props": [ + "name": "icon", + "value": "31742:155958" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 485, - "height": 324 + "width": 133, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd4a169a-4c5c-4543-81d0-f765f25b1508", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/022458dd-0d42-4394-94d4-a9d19cae3e4f", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "narrow?", - "value": "off" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 352 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a6f3bfc-2257-4bf9-8228-e0b022f0d4ff", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "primaryAction", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "secondaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "off" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "success" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 352 + "width": 131, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98e20669-0205-4928-a4c7-bb3ecdb50cf5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49007f2a-ab5a-4f69-980f-ec55367a7f37", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "false" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 268 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df341878-3c1d-48ae-bb4f-f219e86e39c1", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "secondaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "success" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 268 + "width": 131, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbc37442-41c2-4f8b-94aa-47d242fc45a7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/668da483-928b-44fd-ba41-fdc30e1c0c1f", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "secondaryAction", + "name": "trailingActionDisabled", + "value": "15341:46476" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 268 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98eb7955-8d14-416f-871d-620423c24dec", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "secondaryAction", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "narrow?", - "value": "off" + "name": "state", + "value": "rest" }, { - "name": "spacious?", - "value": "off" + "name": "validation", + "value": "success" }, { - "name": "border?", - "value": "off" + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 980, - "height": 268 + "width": 133, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4ac0735-f88d-4215-a58f-098dbd4b0c2c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6d0b346-1be7-48f8-8ed3-b5fe0f98f38f", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "spacious?", - "value": "off" + "name": "leadingVisual?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 224 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea2ea2b4-db30-4567-9d55-5c2f05c106e3", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "secondaryAction", - "value": "false" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "medium" }, { - "name": "spacious?", - "value": "off" + "name": "state", + "value": "rest" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "success" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 485, - "height": 224 + "width": 133, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71046241-f2b5-46be-bca0-17152df8deac", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5065b009-0f09-4593-bbbb-800b7f80cf03", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "icon", + "value": "31742:155958" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "secondaryAction", + "name": "trailingAction?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 204 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee4a18cd-0bbf-4311-bef9-549ba9564957", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "primaryAction", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "secondaryAction", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "narrow?", - "value": "off" + "name": "validation", + "value": "none" }, { - "name": "spacious?", - "value": "off" + "name": "inset?", + "value": "false" }, { - "name": "border?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 204 + "width": 95, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b2af49e-261c-4846-88f2-cc473c342401", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76d97f2c-e3df-4728-b9e9-34bafda695ea", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", + "name": "trailingActionDisabled", + "value": "15341:46476" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "spacious?", - "value": "off" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 176 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/408086c1-36a6-4fe7-a3b2-e10a41239b93", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "primaryAction", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "secondaryAction", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "narrow?", - "value": "on" + "name": "state", + "value": "rest" }, { - "name": "spacious?", - "value": "off" + "name": "validation", + "value": "none" }, { - "name": "border?", - "value": "off" + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 168 + "width": 95, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0591aec9-0eda-44ee-8d2a-10752c17636f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0bdddfbb-98f6-45e5-8b08-c24dd5ccea35", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 364 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a4eca25-5619-4cd3-83e9-e019aeb5b864", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "primaryAction", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "secondaryAction", - "value": "false" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "off" + "name": "size", + "value": "small" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "focus" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 364 + "width": 95, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ce0e6e2-5600-4824-bade-0496d4415fc2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e827a501-6b6d-437b-8b39-97d7fbe60514", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "secondaryAction", + "name": "caption?", "value": "false" }, { - "name": "narrow?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 272 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60ec826c-221d-4d17-91e1-1e05d5c1a6a8", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "icon", + "value": "31742:155958" }, { - "name": "primaryAction", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "secondaryAction", - "value": "false" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "narrow?", - "value": "on" + "name": "size", + "value": "small" }, { - "name": "spacious?", - "value": "on" + "name": "state", + "value": "focus" }, { - "name": "border?", - "value": "off" + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 485, - "height": 272 + "width": 95, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d6047d3-58a5-4e16-b57f-4addc9499110", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9433bbca-e139-4523-91e9-7e8627d9234e", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "narrow?", - "value": "off" + "name": "trailingAction?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 980, - "height": 300 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa3d3ecd-6478-4de2-ae98-798e6331403c", - "props": [ + "name": "icon", + "value": "31742:155958" + }, { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "primaryAction", - "value": "false" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "secondaryAction", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "narrow?", - "value": "off" + "name": "state", + "value": "disabled" }, { - "name": "spacious?", - "value": "on" + "name": "validation", + "value": "none" }, { - "name": "border?", - "value": "off" + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 980, - "height": 300 + "width": 74, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6943afdc-32d5-4d28-b083-554056e70d42", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b41a983b-14b3-4dce-8687-d17f21905d5b", "props": [ { - "name": "leadingVisual", - "value": "spinner" + "name": "label?", + "value": "true" }, { - "name": "primaryAction", + "name": "caption?", "value": "false" }, { - "name": "secondaryAction", - "value": "false" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "narrow?", - "value": "on" + "name": "leadingVisual?", + "value": "false" }, { - "name": "spacious?", - "value": "on" + "name": "trailingAction?", + "value": "false" }, { - "name": "border?", - "value": "on" - } - ], - "dimensions": { - "width": 485, - "height": 216 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8597447-8087-41a1-8e6e-c83587800c3e", - "props": [ - { - "name": "leadingVisual", - "value": "spinner" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "primaryAction", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "secondaryAction", - "value": "false" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "narrow?", - "value": "on" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "spacious?", - "value": "on" + "name": "size", + "value": "small" }, { - "name": "border?", - "value": "off" - } - ], - "dimensions": { - "width": 485, - "height": 216 - } - } - ], - "createdAt": "2020-12-10T22:53:13.613Z", - "updatedAt": "2024-12-09T17:32:55.057Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "subhead", - "name": "Subhead", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9658%3A48165", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "type", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "danger", - "default" - ] - }, - { - "name": "description", - "type": "VARIANT", - "defaultValue": "none", - "values": [ - "none", - "short", - "long" - ] - }, - { - "name": "actions", - "type": "VARIANT", - "defaultValue": "none", - "values": [ - "button", - "link", - "none" - ] - }, - { - "name": "isSpacious?", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fed7e705-ec94-449d-8d31-7ca8010ffb0c", - "props": [ - { - "name": "type", - "value": "default" + "name": "state", + "value": "read-only" }, { - "name": "description", + "name": "validation", "value": "none" }, { - "name": "actions", - "value": "none" + "name": "inset?", + "value": "false" }, { - "name": "isSpacious?", - "value": "off" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 940, - "height": 56 + "width": 68, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a56014a7-f64a-477e-a56b-729dd0e25e27", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/db96869e-6365-4ecf-aca1-27a6e11916d3", "props": [ { - "name": "type", - "value": "default" + "name": "label?", + "value": "true" }, { - "name": "description", - "value": "long" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "actions", - "value": "none" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 104 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe69fb88-423c-4b93-a523-ee4160ce68b0", - "props": [ + "name": "caption?", + "value": "false" + }, { - "name": "type", - "value": "default" + "name": "trailingAction?", + "value": "false" }, { - "name": "description", - "value": "short" + "name": "leadingVisual?", + "value": "false" }, { - "name": "actions", - "value": "none" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 80 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/02074c88-104b-4b4b-9b2a-06f8a80d942c", - "props": [ + "name": "icon", + "value": "31742:155958" + }, + { + "name": "inputTextDisabled", + "value": "15341:46418" + }, + { + "name": "size", + "value": "small" + }, { - "name": "type", - "value": "default" + "name": "state", + "value": "rest" }, { - "name": "description", + "name": "validation", "value": "none" }, { - "name": "actions", - "value": "none" + "name": "inset?", + "value": "false" }, { - "name": "isSpacious?", - "value": "on" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 940, - "height": 96 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dde9dd0-7159-4df0-b9ca-53c3251dfba1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf6454e6-bc5e-44f0-91b1-3b6c48b39179", "props": [ { - "name": "type", - "value": "default" + "name": "label?", + "value": "true" }, { - "name": "description", - "value": "long" + "name": "caption?", + "value": "false" }, { - "name": "actions", - "value": "none" + "name": "leadingVisual?", + "value": "false" }, { - "name": "isSpacious?", - "value": "on" - } - ], - "dimensions": { - "width": 940, - "height": 144 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34318ad7-2c04-4bf9-86cb-826280b05ebf", - "props": [ - { - "name": "type", - "value": "default" + "name": "trailingAction?", + "value": "false" }, { - "name": "description", - "value": "short" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "actions", - "value": "none" + "name": "icon", + "value": "31742:155958" }, { - "name": "isSpacious?", - "value": "on" - } - ], - "dimensions": { - "width": 940, - "height": 136 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad4e2876-7816-43b4-9c12-aec5ac0a7c90", - "props": [ - { - "name": "type", - "value": "danger" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "description", - "value": "none" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "actions", - "value": "none" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 56 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49959985-8e24-4609-ac92-77d46396fb9a", - "props": [ + "name": "size", + "value": "small" + }, { - "name": "type", - "value": "danger" + "name": "state", + "value": "rest" }, { - "name": "description", + "name": "validation", "value": "none" }, { - "name": "actions", - "value": "none" + "name": "inset?", + "value": "true" }, { - "name": "isSpacious?", - "value": "on" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 940, - "height": 96 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9a6c5a6-542d-4ade-b8b6-325e610c67ab", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93ba9c04-55bf-4332-bdb2-39a22c2f45c4", "props": [ { - "name": "type", - "value": "default" + "name": "label?", + "value": "true" }, { - "name": "description", - "value": "none" + "name": "caption?", + "value": "false" }, { - "name": "actions", - "value": "button" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 56 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13a45dd3-44a7-498e-9864-8a36175978f9", - "props": [ - { - "name": "type", - "value": "default" + "name": "leadingVisual?", + "value": "false" }, { - "name": "description", - "value": "short" + "name": "trailingAction?", + "value": "false" }, { - "name": "actions", - "value": "button" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 96 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f37ee6a-f6c6-4765-a961-e6e251b0a540", - "props": [ - { - "name": "type", - "value": "default" + "name": "icon", + "value": "31742:155958" }, { - "name": "description", - "value": "none" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "actions", - "value": "button" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "isSpacious?", - "value": "on" - } - ], - "dimensions": { - "width": 940, - "height": 96 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/902f1673-2e6d-4f43-8fd5-06645f4b2671", - "props": [ + "name": "size", + "value": "small" + }, { - "name": "type", - "value": "default" + "name": "state", + "value": "focus" }, { - "name": "description", - "value": "short" + "name": "validation", + "value": "none" }, { - "name": "actions", - "value": "button" + "name": "inset?", + "value": "false" }, { - "name": "isSpacious?", - "value": "on" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 940, - "height": 136 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e9e6a52f-3f1c-4782-b93f-b74f0b103be0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d0237958-8bc2-4084-b75f-3ff514a9a2b5", "props": [ { - "name": "type", - "value": "default" + "name": "label?", + "value": "true" }, { - "name": "description", - "value": "none" + "name": "caption?", + "value": "false" }, { - "name": "actions", - "value": "link" + "name": "leadingVisual?", + "value": "false" }, { - "name": "isSpacious?", - "value": "off" - } - ], - "dimensions": { - "width": 940, - "height": 56 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/277fd063-7fc3-42cd-beb2-bb71287eb8da", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "type", - "value": "default" + "name": "trailingAction?", + "value": "false" }, { - "name": "description", - "value": "none" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "actions", - "value": "link" + "name": "icon", + "value": "31742:155958" }, { - "name": "isSpacious?", - "value": "on" - } - ], - "dimensions": { - "width": 940, - "height": 96 - } - } - ], - "createdAt": "2021-10-04T18:25:17.002Z", - "updatedAt": "2024-12-09T17:33:02.221Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "issue_label_token", - "name": "IssueLabelToken", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10490%3A36900", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small", - "values": [ - "large", - "medium", - "small", - "xlarge" - ] - }, - { - "name": "adaptive color (background)", - "type": "VARIANT", - "defaultValue": "dark", - "values": [ - "dark", - "light" - ] - }, - { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "remove?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/904a9ee5-5dd8-4024-9c0b-1270daba38c4", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, + { + "name": "inputTextDisabled", + "value": "15341:46418" + }, { "name": "size", "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "remove?", - "value": "false" + "name": "inset?", + "value": "true" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 49, - "height": 16 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d90784f-0833-4325-bed2-f7ad3800d7a5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ae5b81d6-d58e-4120-bb3e-cf1f60640603", "props": [ { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "caption?", + "value": "false" }, { - "name": "selected?", + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "remove?", + "name": "trailingAction?", "value": "false" - } - ], - "dimensions": { - "width": 49, - "height": 16 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/80f9522b-fd47-43cb-8552-fd97bdd543c5", - "props": [ + }, { - "name": "size", - "value": "small" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "icon", + "value": "31742:155958" }, { - "name": "selected?", - "value": "false" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 61, - "height": 16 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f1363e6-2333-406d-8a4c-e1d4245cf576", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { "name": "size", "value": "small" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "state", + "value": "disabled" }, { - "name": "selected?", + "name": "validation", + "value": "none" + }, + { + "name": "inset?", "value": "false" }, { - "name": "remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 61, - "height": 16 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1055d28-41cd-483f-9372-97e1edaee297", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71fbffc7-3129-4698-b748-a2f75062840a", "props": [ { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "caption?", + "value": "false" }, { - "name": "selected?", + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "remove?", + "name": "trailingAction?", "value": "false" - } - ], - "dimensions": { - "width": 49, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ef93acd5-7f05-49f2-8538-cc1dac38369d", - "props": [ + }, { - "name": "size", - "value": "large" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "icon", + "value": "31742:155958" }, { - "name": "selected?", - "value": "false" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "remove?", - "value": "false" - } - ], - "dimensions": { - "width": 49, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1fed78c9-56aa-47c6-852e-3af75cca9e26", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "read-only" }, { - "name": "selected?", + "name": "validation", + "value": "none" + }, + { + "name": "inset?", "value": "false" }, { - "name": "remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 63, - "height": 24 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ccd1487d-fb6c-4829-9fb0-dd7a157fe2c4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c610e4ea-537e-4069-9e01-c85a6cce22f2", "props": [ { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "caption?", + "value": "false" }, { - "name": "selected?", + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 63, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b564149-767f-475d-9827-45c803cab944", - "props": [ + "name": "trailingAction?", + "value": "false" + }, + { + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "icon", + "value": "31742:155958" + }, + { + "name": "inputTextDisabled", + "value": "15341:46418" + }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "rest" }, { - "name": "selected?", + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", "value": "false" }, { - "name": "remove?", + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 20 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3f6f18d-742b-43a3-9eab-3951a761f005", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2300aabb-2587-42e6-a71e-14a9ccf815b2", "props": [ { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "caption?", + "value": "false" }, { - "name": "selected?", + "name": "trailingAction?", "value": "false" }, { - "name": "remove?", + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 49, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62a6487f-4079-4641-bd28-e265e4759117", - "props": [ + }, { - "name": "size", - "value": "medium" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "selected?", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 63, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa394757-50d8-458c-aec3-40f316ee5937", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "remove?", + "name": "inset?", "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 63, - "height": 20 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b6904d0-928d-46da-88a0-70865e9216d4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a64be68e-59b7-45a2-9006-c82692980e51", "props": [ { - "name": "size", - "value": "xlarge" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "selected?", + "name": "caption?", "value": "false" }, { - "name": "remove?", + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 54, - "height": 32 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dca2b8ac-657a-4446-9669-c4d557e54ecd", - "props": [ + }, { - "name": "size", - "value": "xlarge" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "icon", + "value": "31742:155958" }, { - "name": "selected?", - "value": "false" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "remove?", + "name": "trailingAction?", "value": "false" - } - ], - "dimensions": { - "width": 54, - "height": 36 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a43c0ae-1f03-4319-8a81-a31faa28f915", - "props": [ + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "rest" }, { - "name": "selected?", + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", "value": "false" }, { - "name": "remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 68, - "height": 32 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe5367b8-9295-4420-acd2-c927eada053a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1ddbdd50-bfd7-4e30-9059-dcc13c510349", "props": [ { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "false" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "leadingVisual?", + "value": "false" }, { - "name": "selected?", + "name": "trailingAction?", "value": "false" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 68, - "height": 36 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9bb10873-7578-4d52-ac6e-fd4791c6e6dd", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { - "name": "size", - "value": "small" + "name": "icon", + "value": "31742:155958" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "selected?", + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "label?", "value": "true" }, { - "name": "remove?", - "value": "false" - } - ], - "dimensions": { - "width": 53, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/389cd617-cdc5-42c9-83d9-bf80d6fb9624", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", "value": "small" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "state", + "value": "rest" }, { - "name": "selected?", + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", "value": "true" }, { - "name": "remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 53, - "height": 20 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0bfac756-1741-4603-993c-e49ad76de362", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc670b21-b532-456c-ab45-3ddb637bd585", "props": [ { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "caption?", + "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 65, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c66ab1d-0923-43fe-bd4e-66d741e41e2b", - "props": [ + "name": "trailingAction?", + "value": "false" + }, { - "name": "size", - "value": "small" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "selected?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 65, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/db4460f9-c341-4f0a-98ae-46fe55660e02", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "remove?", + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 53, - "height": 28 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/214403de-19d6-4b59-9b4f-413aa7353feb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37108f56-bc20-4662-bc01-c4aae242b2c6", "props": [ { - "name": "size", - "value": "large" + "name": "caption?", + "value": "false" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "leadingVisual?", + "value": "false" }, { - "name": "selected?", + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "label?", "value": "true" }, { - "name": "remove?", - "value": "false" - } - ], - "dimensions": { - "width": 53, - "height": 28 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/530048ae-2d41-425f-9e29-9f6c794b5ee8", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, { - "name": "size", - "value": "large" + "name": "trailingAction?", + "value": "false" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "selected?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 67, - "height": 28 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b7b631d-8d16-4795-9461-161ddf6bb63f", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "remove?", + "name": "inset?", "value": "true" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 67, - "height": 28 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6306cb9e-49e0-46e2-8cfe-09f37ccdfbe8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/546153a0-6fec-4e96-a9af-a8d5f8386a48", "props": [ { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "caption?", + "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "remove?", + "name": "icon", + "value": "31742:155958" + }, + { + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 53, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2cd65a60-b78a-4257-8a11-2e2d63eda23a", - "props": [ + }, { - "name": "size", - "value": "medium" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "selected?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "remove?", - "value": "false" - } - ], - "dimensions": { - "width": 53, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df5d3075-3919-49cc-8ee9-d5b6cc714112", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "remove?", + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 67, - "height": 24 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a8ff499-d813-496a-b16b-3a3de3655d2c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7acc37b2-b786-4713-8337-7f08c6aea112", "props": [ { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "selected?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 67, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad3e3e56-f21e-40ce-8261-a9a6b313022b", - "props": [ + "name": "icon", + "value": "31742:155958" + }, + { + "name": "trailingAction?", + "value": "false" + }, + { + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" }, { - "name": "selected?", + "name": "inset?", "value": "true" }, { - "name": "remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 58, - "height": 36 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b409bbf-1b97-4f01-a8c9-118ffa184f8c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b321a2c1-7bb3-4784-8545-7f5c16d43c99", "props": [ { - "name": "size", - "value": "xlarge" + "name": "label?", + "value": "true" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "caption?", + "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "remove?", + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 58, - "height": 36 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b58af98c-220f-44dd-b41e-e29960c8bc9a", - "props": [ + }, { - "name": "size", - "value": "xlarge" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "adaptive color (background)", - "value": "dark" + "name": "trailingAction?", + "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "remove?", - "value": "true" - } - ], - "dimensions": { - "width": 72, - "height": 36 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ae5a9137-7b74-4afc-8322-41fec0202f1d", - "props": [ + "name": "inputTextDisabled", + "value": "15341:46418" + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { "name": "size", - "value": "xlarge" + "value": "large" }, { - "name": "adaptive color (background)", - "value": "light" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "remove?", - "value": "true" + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 72, - "height": 36 + "width": 103, + "height": 64 } - } - ], - "createdAt": "2022-03-28T23:30:59.488Z", - "updatedAt": "2024-12-03T11:42:57.619Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "banner", - "name": "Banner", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34303%3A2712", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "SecondaryAction?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "Icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "PrimaryAction?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "Variant", - "type": "VARIANT", - "defaultValue": "warning", - "values": [ - "warning", - "critical", - "success", - "info", - "upsell" - ] - }, - { - "name": "Title?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "Dismissible?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] }, { - "name": "Small", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/12a588e1-f211-4347-ae98-deabd2d73362", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/821654fc-be8d-43f0-b3cf-0ed25735edc8", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Variant", - "value": "warning" + "name": "icon", + "value": "31742:155958" }, { - "name": "Title?", + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "leadingVisual?", "value": "false" }, { - "name": "Dismissible?", + "name": "inputTextDisabled", + "value": "15341:46418" + }, + { + "name": "inputTextType", + "value": "15341:46436" + }, + { + "name": "trailingActionDisabled", + "value": "15341:46476" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "inset?", "value": "true" }, { - "name": "Small", + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 972, - "height": 49 + "width": 103, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40c1b2fb-2812-49fc-8c04-d6083a2e3653", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3eafefdc-c118-4db1-92b3-4e3802875135", "props": [ { - "name": "PrimaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", + "name": "leadingVisual?", + "value": "false" + }, + { + "name": "trailingAction?", + "value": "false" + }, + { + "name": "trailingAction", + "value": "15341:46485" + }, + { + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "warning" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Title?", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "Dismissible?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Small", - "value": "true" + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "focus" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "inset?", + "value": "false" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 103, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cda8ddd8-f3c2-4108-8bf6-49b955189415", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f64c23c8-839d-4498-8a23-ae1e7606329c", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "warning" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Title?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Dismissible?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Small", + "name": "trailingAction?", "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 117 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd6826aa-43e1-4c75-8ae3-061f46e55292", - "props": [ + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "warning" + "name": "state", + "value": "focus" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "true" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 103, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/137f6ee4-a0db-4160-9cf8-775928e0066a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64eaf9d8-ff80-4ee1-944f-4b94a43b2100", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "warning" + "name": "trailingAction?", + "value": "false" }, { - "name": "Title?", - "value": "false" + "name": "icon", + "value": "31742:155958" }, { - "name": "Dismissible?", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Small", + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0e80c3d-9a19-45c8-a30d-d5197d87dd0a", - "props": [ + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "warning" + "name": "state", + "value": "disabled" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 82, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3252678e-45fc-4a80-8ce8-bcceb63cdac3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/11e8347e-3c3e-4606-b243-880d40ba6640", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "warning" + "name": "trailingAction?", + "value": "false" }, { - "name": "Title?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Dismissible?", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Small", + "name": "leadingVisual?", "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 73 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e96617eb-0fe3-468e-acd6-72649021c3f8", - "props": [ + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "warning" + "name": "state", + "value": "read-only" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 68, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0007fdac-8848-4161-9f6c-230f32fd5508", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a470c63-6970-4a66-b306-ac27711beac3", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "critical" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Title?", + "name": "trailingAction?", "value": "false" }, { - "name": "Dismissible?", - "value": "false" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20a1ea01-eba3-4ba4-ba40-d9516b4a8387", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Icon", - "value": "31764:4542" + "name": "icon", + "value": "31742:155958" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "critical" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3057806a-7a41-48f3-bb8e-61ee68a7c1bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f684b8e-e3dc-4bb8-a1f1-d93a393a5847", "props": [ { - "name": "PrimaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Icon", - "value": "31764:4542" + "name": "leadingVisual?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Variant", - "value": "critical" + "name": "trailingAction?", + "value": "false" }, { - "name": "Title?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Dismissible?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 73 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/08907a79-ed04-4a4c-9c72-2f417e0080c8", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "icon", + "value": "31742:155958" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "critical" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", - "value": "false" + "name": "inset?", + "value": "true" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e8d2cea-4dcf-4820-bccb-a73c0fca3276", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3bfe678-f206-4d4b-927c-decd862a46b1", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Variant", - "value": "success" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Title?", + "name": "leadingVisual?", "value": "false" }, { - "name": "Dismissible?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14a93b85-daad-4161-97cf-30cdcd9a1f75", - "props": [ + "name": "icon", + "value": "31742:155958" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Icon", - "value": "31764:4542" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "success" + "name": "state", + "value": "focus" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", - "value": "true" + "name": "inset?", + "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b00588aa-01bd-4474-821c-ae215e53a370", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d75cdbf-26d3-4482-91b6-39bb7399ea30", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "leadingVisual?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Variant", - "value": "success" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Title?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Dismissible?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 117 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3896fd6-5b2e-4ad6-89ac-c3749e562e2c", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "success" + "name": "state", + "value": "focus" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "true" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df934611-62a8-47ae-90ce-d446f924d129", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/acff2d2e-2efb-444d-bf0a-3cd96e736888", "props": [ { - "name": "PrimaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Icon", - "value": "31764:4542" + "name": "leadingVisual?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Variant", - "value": "success" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Title?", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Dismissible?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e24946b-69a6-417b-a94c-f63c3ace17ae", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Icon", - "value": "31764:4542" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "success" + "name": "state", + "value": "disabled" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd8150d8-34a5-4a01-a54a-98ebb569ddbe", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/319f3bfb-7bbf-45d8-97ba-f30b2164682d", "props": [ { - "name": "PrimaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Icon", - "value": "31764:4542" + "name": "leadingVisual?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Variant", - "value": "success" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Title?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Dismissible?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 73 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a067069-f6e3-4793-8004-cdcd5d07c594", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Icon", - "value": "31764:4542" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "success" + "name": "state", + "value": "read-only" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/529aeb69-6a90-4b0a-9b81-b07975d646be", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f421658f-9b69-42b0-b783-c63b2d4802bb", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Icon", - "value": "31764:4542" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Variant", - "value": "info" + "name": "caption?", + "value": "false" }, { - "name": "Title?", + "name": "trailingAction?", "value": "false" }, { - "name": "Dismissible?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42b08d72-83bb-40c4-ae4d-fc865512b5fd", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "info" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "Dismissible?", - "value": "true" + "name": "inset?", + "value": "false" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 131, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d9e790f6-d959-4c4c-b0e7-fb7f82b09e75", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ba5fbf1-c3bd-4906-9bfa-48a09a64de9e", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Variant", - "value": "info" + "name": "icon", + "value": "31742:155958" }, { - "name": "Title?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Dismissible?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 117 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46f14d92-6045-4ece-82d5-b30781440612", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "info" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "Dismissible?", + "name": "inset?", "value": "true" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 131, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5dd4506a-1d14-4451-a8b2-a51e839ad2a0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1dc110f-84e3-48b2-9dd1-2240a92791ba", "props": [ { - "name": "PrimaryAction?", - "value": "true" - }, - { - "name": "SecondaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" - }, - { - "name": "Variant", - "value": "info" + "name": "icon", + "value": "31742:155958" }, { - "name": "Title?", + "name": "caption?", "value": "false" }, { - "name": "Dismissible?", + "name": "trailingAction?", "value": "false" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/256767e2-3af8-422e-8b93-73ff4038d584", - "props": [ + "name": "trailingActionDisabled", + "value": "15341:46476" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Icon", - "value": "31764:4542" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Variant", - "value": "info" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Title?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "Dismissible?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "inset?", "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/486dff55-b1a0-4ae2-80fd-3779d6309d19", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/02ab51bf-455a-4b09-b104-72f0fdbc5ac7", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Variant", - "value": "info" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Title?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Dismissible?", + "name": "trailingAction?", "value": "false" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 73 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f5b2b51e-e5c5-4118-802d-55e9b0570a9e", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "info" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "Dismissible?", - "value": "false" + "name": "inset?", + "value": "true" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c01812e8-4671-445e-b300-5d693aa70c62", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c76ffc46-a857-4de1-9fa8-3a41c92c04bf", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "Variant", - "value": "upsell" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Title?", + "name": "trailingAction?", "value": "false" }, { - "name": "Dismissible?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64f97cd8-599b-4677-99d2-3f468c542196", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "upsell" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "Dismissible?", - "value": "true" + "name": "inset?", + "value": "false" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 131, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e57341df-28d3-4444-891c-09984b443d00", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1c357eb-27d6-44b5-b95b-2e919fefad4a", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "caption?", + "value": "false" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Variant", - "value": "upsell" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Title?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Dismissible?", - "value": "true" + "name": "trailingAction?", + "value": "false" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 117 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d09604f5-dbb5-4988-88a3-d7e3161dfb13", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "upsell" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "Dismissible?", + "name": "inset?", "value": "true" }, { - "name": "Small", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 131, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33fd688b-72ac-4e69-9b4c-d17e51668996", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f29d0082-9732-45d0-a99f-cec6357964dd", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Icon", - "value": "31764:4542" + "name": "icon", + "value": "31742:155958" }, { - "name": "Variant", - "value": "upsell" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Title?", - "value": "false" + "name": "trailingAction", + "value": "15341:46485" }, { - "name": "Dismissible?", + "name": "trailingAction?", "value": "false" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 49 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6e8f2a6-0df6-445c-bf5b-58c4e30941ef", - "props": [ + "name": "inputTextType", + "value": "15341:46436" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "upsell" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "Dismissible?", + "name": "inset?", "value": "false" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 133 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f6532862-e9f7-405e-9a29-0309251256a8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d019c6d-74ce-4a7b-9e69-550499c7d196", "props": [ { - "name": "PrimaryAction?", + "name": "label?", "value": "true" }, { - "name": "Icon", - "value": "31764:4542" + "name": "trailingActionDisabled", + "value": "15341:46476" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "Variant", - "value": "upsell" + "name": "leadingVisual?", + "value": "false" }, { - "name": "Title?", - "value": "true" + "name": "inputTextType", + "value": "15341:46436" }, { - "name": "Dismissible?", + "name": "trailingAction?", "value": "false" }, { - "name": "Small", - "value": "false" - } - ], - "dimensions": { - "width": 972, - "height": 73 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aba6711e-2ae5-419e-8fe1-c80f6d4f7e8d", - "props": [ + "name": "trailingAction", + "value": "15341:46485" + }, { - "name": "PrimaryAction?", - "value": "true" + "name": "icon", + "value": "31742:155958" }, { - "name": "SecondaryAction?", - "value": "true" + "name": "inputTextDisabled", + "value": "15341:46418" }, { - "name": "Icon", - "value": "31764:4542" + "name": "size", + "value": "large" }, { - "name": "Variant", - "value": "upsell" + "name": "state", + "value": "rest" }, { - "name": "Title?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "Dismissible?", - "value": "false" + "name": "inset?", + "value": "true" }, { - "name": "Small", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 328, - "height": 157 + "width": 142, + "height": 88 } } ], - "createdAt": "2024-06-12T14:47:25.015Z", - "updatedAt": "2024-12-09T17:32:55.064Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_middle", - "name": "[DEPRECATED] Danger-Buttons/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28856%3A52022", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:21.989Z", - "updatedAt": "2024-12-03T11:42:08.996Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_end", - "name": "[DEPRECATED] Danger-Buttons/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28856%3A52021", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.307Z", - "updatedAt": "2024-12-03T11:42:51.661Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_start", - "name": "[DEPRECATED] Danger-Buttons/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28855%3A51983", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.313Z", - "updatedAt": "2024-12-03T11:42:09.097Z", + "createdAt": "2022-07-21T21:24:43.887Z", + "updatedAt": "2024-12-18T21:17:49.407Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "deprecated_primary_buttons_medium_end", - "name": "[DEPRECATED] Primary-Buttons/medium/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88969", + "id": "deprecated_danger_buttons_medium_end", + "name": "[DEPRECATED] Danger-Buttons/medium/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91827", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ @@ -8658,60 +6127,20 @@ } ], "thumbnails": [], - "createdAt": "2023-10-31T13:50:59.897Z", - "updatedAt": "2024-12-03T11:42:09.121Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_start", - "name": "[DEPRECATED] Primary-Buttons/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52225", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.325Z", - "updatedAt": "2024-12-03T11:42:57.562Z", + "createdAt": "2023-10-31T13:50:47.320Z", + "updatedAt": "2024-12-18T21:18:06.221Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "deprecated_primary_buttons_small_middle", - "name": "[DEPRECATED] Primary-Buttons/small/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88948", + "id": "deprecated_secondary_buttons_medium_start", + "name": "[DEPRECATED] Secondary-Buttons/medium/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55790", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, { "name": "counter?", "type": "BOOLEAN", @@ -8730,6 +6159,12 @@ "false" ] }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, { "name": "leadingIcon", "type": "INSTANCE_SWAP", @@ -8750,11639 +6185,12208 @@ } ], "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.957Z", - "updatedAt": "2024-12-03T11:42:57.574Z", + "createdAt": "2023-10-31T13:50:47.299Z", + "updatedAt": "2024-12-18T21:18:06.239Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "tab_nav", - "name": "TabNav", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=24375%3A94677", + "id": "token", + "name": "Token", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10351%3A34099", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "trailingAction?", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "state", + "type": "VARIANT", + "defaultValue": "default", "values": [ - "true", - "false" + "default", + "hover" ] }, { - "name": "leadingGap?", - "type": "BOOLEAN", + "name": "size", + "type": "VARIANT", + "defaultValue": "small", + "values": [ + "large", + "medium", + "small", + "xlarge" + ] + }, + { + "name": "leadingVisual", + "type": "VARIANT", "defaultValue": "false", "values": [ - "true", - "false" + "false", + "true" ] }, { - "name": "", + "name": "selected?", "type": "VARIANT", - "defaultValue": "5", + "defaultValue": "false", "values": [ - "2", - "3", - "4", - "5" + "false", + "true" + ] + }, + { + "name": "❌ remove?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55520d67-f760-4bcf-8741-f11c789badf2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9020cccf-08bc-469d-abf8-3f24b06724f0", "props": [ { - "name": "trailingAction?", - "value": "true" + "name": "state", + "value": "default" }, { - "name": "leadingGap?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "", - "value": "5" - } - ], - "dimensions": { - "width": 472, - "height": 40 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b426f18a-2622-4321-91e2-f573320a56af", - "props": [ - { - "name": "leadingGap?", + "name": "leadingVisual", "value": "false" }, { - "name": "trailingAction?", + "name": "selected?", "value": "false" }, { - "name": "", - "value": "5" + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 41, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be0d818f-dba7-446f-8332-28e38fc9d6e8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/db68706f-d4bc-4b3f-8d39-11eec943b7ce", "props": [ { - "name": "trailingAction?", - "value": "true" + "name": "state", + "value": "default" }, { - "name": "leadingGap?", + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "2" + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77d22577-941e-4d79-8249-ebfa81abdea2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a176ba58-b0f9-4537-9a7e-653d8b8a24c7", "props": [ { - "name": "leadingGap?", + "name": "state", + "value": "default" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "trailingAction?", + "name": "selected?", "value": "false" }, { - "name": "", - "value": "2" + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8638b1b2-ce73-4838-8a57-ce408c7c335a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/769b9c9a-cc3d-424e-9fef-e5c5df0879fa", "props": [ { - "name": "trailingAction?", - "value": "true" + "name": "state", + "value": "default" }, { - "name": "leadingGap?", + "name": "size", + "value": "xlarge" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "3" + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 54, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f262bcc7-6ec8-412f-ac82-63051606533e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0bba5efc-2eb7-4666-aa3f-cb21b8ebf3f0", "props": [ { - "name": "leadingGap?", - "value": "false" + "name": "state", + "value": "default" }, { - "name": "trailingAction?", + "name": "size", + "value": "small" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "3" + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 41, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc2fbcfc-d8a4-4f3e-b9a7-7f4a4f992b76", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/12b77ee1-e24f-4a97-be2a-a03f1041f34b", "props": [ { - "name": "trailingAction?", - "value": "true" + "name": "state", + "value": "default" }, { - "name": "leadingGap?", + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "4" + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79410246-72a0-47a0-b10d-dfba622521c5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/63359919-c27a-49b7-aaae-5f503f1a9722", "props": [ { - "name": "leadingGap?", - "value": "false" + "name": "state", + "value": "default" }, { - "name": "trailingAction?", + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "4" + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/272f09c1-dbc5-48df-91c4-25718de208ab", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23c65458-785c-43ce-96fb-23ecead0432d", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "default" }, { - "name": "trailingAction?", + "name": "size", + "value": "xlarge" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", "value": "true" }, { - "name": "", - "value": "5" + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 54, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f7d91c1-0a6e-4fac-8af8-ee1cdfb2f31a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b167019e-e384-4bb9-ac56-fbccf3423773", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", + "name": "size", + "value": "small" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "5" + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 41, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54307802-4e0b-4747-978f-794dbd2479f6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/727a89bd-b510-4dfb-9ad8-45d4e3e7a455", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "", - "value": "2" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c3139b9-ac07-4468-8cf9-d18f69e4fbe9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/10d6cbe8-a63b-40b1-b3dd-224c2cbf3cc3", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "2" + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a34afe0-d72e-44a0-adc8-a2a3f078973d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/318b854a-4a1b-449a-ae07-641be80f925d", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", - "value": "true" + "name": "size", + "value": "xlarge" }, { - "name": "", - "value": "3" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 54, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d4200aa-ef12-485f-ba74-4dca21c3ec5c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8610e74-534f-4420-bead-84d5551ef8f1", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", + "name": "size", + "value": "small" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "3" + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 41, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/99936b85-2ec0-4326-8d63-b10a8798fe3a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c8ca2da-b329-432f-832d-3f5eb5a25e70", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", "value": "true" }, { - "name": "", - "value": "4" + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9464866f-7601-4da9-a296-c409cb89563a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9fe79d3e-ab4e-4510-8fb2-bd95beeea2ff", "props": [ { - "name": "leadingGap?", - "value": "true" + "name": "state", + "value": "hover" }, { - "name": "trailingAction?", + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", "value": "false" }, { - "name": "", - "value": "4" + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 472, - "height": 40 - } - } - ], - "createdAt": "2023-05-15T09:30:31.736Z", - "updatedAt": "2024-12-09T17:32:47.394Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_small_start", - "name": "[DEPRECATED] Secondary-Buttons/small/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88755", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.307Z", - "updatedAt": "2024-12-03T11:42:15.068Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "secondary_controls", - "name": "SecondaryControls", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=23598%3A90888", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "Type", - "type": "VARIANT", - "defaultValue": "link", - "values": [ - "button", - "checkbox", - "link" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-04-11T13:10:37.836Z", - "updatedAt": "2024-12-10T14:45:01.491Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "counter_label", - "name": "CounterLabel", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64970", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "primary", - "values": [ - "primary", - "secondary" - ] - } - ], - "thumbnails": [ + "width": 49, + "height": 20 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17107e3e-d19c-40dc-a5fe-1f783a5dee46", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59eb4720-1b63-419e-997e-8f085855c1c4", "props": [ { - "name": "variant", - "value": "primary" + "name": "state", + "value": "hover" + }, + { + "name": "size", + "value": "xlarge" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 28, - "height": 18 + "width": 54, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc4cd8d3-4845-43e1-b344-7003017b6e3a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc969715-3abb-4f8e-bd48-4f2b1df87d3c", "props": [ { - "name": "variant", - "value": "secondary" + "name": "state", + "value": "default" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 28, - "height": 18 + "width": 73, + "height": 24 } - } - ], - "createdAt": "2022-11-16T15:34:48.354Z", - "updatedAt": "2024-12-03T11:42:51.610Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_trailing_collapse", - "name": "ActionList.Item/TrailingCollapse", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15836%3A63593", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "disabled", - "pressed", - "focus", - "hover-icon" - ] - }, - { - "name": "collapsed?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-10-06T19:30:01.294Z", - "updatedAt": "2024-12-16T14:29:06.500Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "filter_tabs_item", - "name": "FilterTabs/Item", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27509%3A259", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "selected", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "counter", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "hover", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-09-21T12:50:44.985Z", - "updatedAt": "2024-12-03T11:42:36.088Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "native_select_list_item", - "name": "NativeSelect/ListItem", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47234", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "Item text", - "values": [] - }, - { - "name": "checked?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "groupItem?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest (default)", - "values": [ - "rest (default)", - "hover" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-07-21T21:24:43.829Z", - "updatedAt": "2024-12-03T11:42:00.934Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "state_label", - "name": "StateLabel", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64962", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "issue", - "values": [ - "issue", - "pull request" - ] - }, - { - "name": "status", - "type": "VARIANT", - "defaultValue": "draft", - "values": [ - "draft", - "open", - "closed", - "merged", - "queued", - "unavailable" - ] }, { - "name": "size", - "type": "VARIANT", - "defaultValue": "normal", - "values": [ - "small", - "normal" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f13de37-ce46-4ece-94cb-f87437603f67", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/babbbbb0-92c4-4792-85cb-003d03d2a844", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "draft" + "name": "size", + "value": "medium" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 80, - "height": 32 + "width": 69, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62ee0f3b-7b7c-4247-854c-b4b27e5ded38", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62f42798-b240-4a66-a752-3e0fa46c6940", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "open" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 81, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e341884f-0dfd-43fb-99be-098ba35549c8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c332cf1-2fc5-4e45-9e77-b967d762854a", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "closed" + "name": "size", + "value": "large" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 92, - "height": 32 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1a86ebb-0b15-4c28-9d06-c0bc3d9f951a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4deae926-e9b3-422b-bc17-7178454bed81", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "unavailable" + "name": "size", + "value": "medium" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 124, - "height": 32 + "width": 69, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/525a8ada-f56e-4316-90d7-a586273276f9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b7f9bde-84e0-42d0-92f3-932ada1c197a", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "draft" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 80, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3451c267-290d-41d5-9245-52d168e1329a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec6f152b-9ccd-4bcd-988e-eb077dee638a", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "open" + "name": "size", + "value": "large" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 81, - "height": 32 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bb59ca34-60fa-40cd-b393-4dad584d4f2d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83a23409-6a1c-49de-a370-a724d84333c5", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "closed" + "name": "size", + "value": "medium" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 92, - "height": 32 + "width": 69, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6950544-5ca8-406b-bb69-f21e39d052eb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b9d929d-d845-41b4-b15a-1538cc9ceb5e", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "merged" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 97, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b35ee8a-2eaa-4fb9-8234-5a8c083a6206", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d65b1cee-2839-4eaf-a2d7-b1758334411b", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "unavailable" + "name": "size", + "value": "large" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 124, - "height": 32 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/03b55683-49ef-43f2-8fe3-2e3f4748bcc5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/655a0565-1cfc-4e7a-b492-5f950f9dbadb", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", + "value": "true" }, { - "name": "status", - "value": "queued" + "name": "selected?", + "value": "true" }, { - "name": "size", - "value": "normal" + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 98, - "height": 32 + "width": 69, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a95bd8d-453d-464e-918a-0c1dfb4089d4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4c40c5d-a902-4994-b6b7-9baf3da3a011", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "draft" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "false" } ], "dimensions": { - "width": 80, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1937f311-67d2-4329-beee-1e77e779938e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/699bee7b-97aa-45f0-ba11-b2f4df93aa79", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "open" + "name": "size", + "value": "small" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 81, - "height": 32 + "width": 61, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa6deb86-5a14-4a58-8756-958fcd26c4a7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97f2536e-f836-403a-a3cf-05597e520915", "props": [ { - "name": "variant", - "value": "issue" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "closed" + "name": "size", + "value": "large" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 92, - "height": 32 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/402c3337-9ad0-4e6a-ae92-32b2d87edb57", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00d29d25-9b2a-49d3-8f1d-d3f8f6b6b75a", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "unavailable" + "name": "size", + "value": "medium" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 124, - "height": 32 + "width": 63, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/06c3d3c4-ea15-4196-b55d-1917146c7e41", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a177333e-60a6-45e5-ace1-6c46ff39e576", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "draft" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 80, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/751adc97-2b52-46bf-b54c-6d2c7dd61606", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a398148-e968-42d4-9f0f-c224ae37a27a", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "open" + "name": "size", + "value": "small" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 81, - "height": 32 + "width": 57, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e631029e-f42c-4538-8e07-afdd0b5697b6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc29ae98-d762-43a2-9c8a-33b76dcd4be0", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "closed" + "name": "size", + "value": "large" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 92, - "height": 32 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39a93928-1ee5-4818-8447-8ee69e547165", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24c5e338-e439-443c-9e4b-7aacfe4d5b65", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "merged" + "name": "size", + "value": "medium" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 97, - "height": 32 + "width": 63, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1fd6de49-e86e-4fe4-af84-3d1100777729", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e5af5ed-1813-46de-b178-754e5294d8b9", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "default" }, { - "name": "status", - "value": "unavailable" + "name": "size", + "value": "xlarge" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 124, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df26a70e-98ea-4beb-8007-011c8feb339f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/adf37144-2f01-4e93-b093-0a284b1323c8", "props": [ { - "name": "variant", - "value": "pull request" + "name": "state", + "value": "hover" }, { - "name": "status", - "value": "queued" + "name": "size", + "value": "small" }, { - "name": "size", - "value": "normal" + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 98, - "height": 32 + "width": 61, + "height": 16 } - } - ], - "createdAt": "2022-11-16T15:35:01.994Z", - "updatedAt": "2024-12-03T11:42:00.967Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "notification_indicator", - "name": "NotificationIndicator", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26729%3A4902", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "Element", - "type": "INSTANCE_SWAP", - "defaultValue": "variant=secondary, size=medium, state=rest", - "values": [] }, { - "name": "onBg", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "subtle", - "inset" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce0c5870-d450-4aca-93bf-dab39dc9bf74", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aafd47ac-0e33-413b-836e-072edc3f5407", "props": [ { - "name": "Element", - "value": "30468:5844" + "name": "state", + "value": "hover" }, { - "name": "onBg", - "value": "default" + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 36, - "height": 37 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2b971d4-310a-4133-960b-e363a2d67785", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e1e6d23f-037c-4f1c-b323-f84c0e177514", "props": [ { - "name": "Element", - "value": "30468:5844" + "name": "state", + "value": "hover" }, { - "name": "onBg", - "value": "subtle" + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 36, - "height": 37 + "width": 63, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4b863f9-6753-4077-be18-020f831be015", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83a7d384-9431-4b1e-b8f8-9ae24650e854", "props": [ { - "name": "Element", - "value": "30468:5844" + "name": "state", + "value": "hover" }, { - "name": "onBg", - "value": "inset" - } - ], - "dimensions": { - "width": 36, - "height": 37 - } - } - ], - "createdAt": "2023-09-04T13:54:40.198Z", - "updatedAt": "2024-12-09T17:32:47.301Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "pagination", - "name": "Pagination", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34607%3A94621", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "showPages", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/43e63272-d53f-42d3-b8a6-663ce8ee1fc0", - "props": [ + "name": "size", + "value": "xlarge" + }, { - "name": "showPages", + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", "value": "true" } ], "dimensions": { - "width": 576, + "width": 78, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc0523c7-919a-4b79-a1dd-37b8963b2fae", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a8f1f83-280c-4462-9295-df0570d1d09d", "props": [ { - "name": "showPages", + "name": "state", + "value": "hover" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "leadingVisual", "value": "false" - } - ], - "dimensions": { - "width": 176, - "height": 30 - } - } - ], - "createdAt": "2024-07-01T12:06:32.166Z", - "updatedAt": "2024-12-10T14:28:58.441Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "button_group", - "name": "ButtonGroup", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=36325%3A3634", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "5th Button?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "3rd Button?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Last Button", - "type": "INSTANCE_SWAP", - "defaultValue": "variant=secondary, size=medium, state=rest, alignContent=center", - "values": [] - }, - { - "name": "4th Button?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "2nd Button?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "Size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "secondary", - "values": [ - "secondary", - "primary", - "danger" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-08-28T11:46:24.008Z", - "updatedAt": "2024-12-09T17:32:55.032Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "topic_tag", - "name": "TopicTag", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64965", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "Label", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest (default)", - "values": [ - "rest (default)", - "hover" - ] - } - ], - "thumbnails": [ + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" + } + ], + "dimensions": { + "width": 57, + "height": 16 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e580fb7-63f6-471a-bf04-adfa59fcde6e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c0fa185-3736-4ff5-82c1-eaba3c72590c", "props": [ { - "name": "text", - "value": "Label" + "name": "state", + "value": "hover" }, { - "name": "state", - "value": "rest (default)" + "name": "size", + "value": "large" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 57, - "height": 26 + "width": 73, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4aed314-e4e1-4507-8938-0597768b6128", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c00b38c5-5dda-49be-be44-bda5e3e997a0", "props": [ { - "name": "text", - "value": "Label" + "name": "state", + "value": "hover" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" }, + { + "name": "❌ remove?", + "value": "true" + } + ], + "dimensions": { + "width": 63, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e62a37d-213c-4abd-bbdb-6074e108b099", + "props": [ { "name": "state", "value": "hover" + }, + { + "name": "size", + "value": "xlarge" + }, + { + "name": "leadingVisual", + "value": "false" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 57, - "height": 26 + "width": 78, + "height": 32 } - } - ], - "createdAt": "2022-11-16T15:34:48.361Z", - "updatedAt": "2024-12-03T11:42:36.075Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "heading", - "name": "Heading", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=21069%3A78785", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "heading", - "type": "TEXT", - "defaultValue": "Content heading", - "values": [] }, { - "name": "variant", - "type": "VARIANT", - "defaultValue": "large", - "values": [ - "large", - "medium", - "small" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee49c3e5-af03-4386-bb09-d82f639396b6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31f1a1b0-4ab2-48ef-8604-7a3e803a1a5a", "props": [ { - "name": "heading", - "value": "Content heading" + "name": "state", + "value": "default" }, { - "name": "variant", + "name": "size", "value": "large" + }, + { + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 236, - "height": 48 + "width": 97, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8a51515-21fa-4ad8-a514-c5d409d7672f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9cb12011-5ea0-4baa-b927-7627a03a2a45", "props": [ { - "name": "heading", - "value": "Content heading" + "name": "state", + "value": "default" }, { - "name": "variant", + "name": "size", "value": "medium" + }, + { + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 148, - "height": 32 + "width": 83, + "height": 20 } - } - ], - "createdAt": "2023-02-01T08:45:56.968Z", - "updatedAt": "2024-12-03T11:42:09.130Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_small_middle", - "name": "[DEPRECATED] Danger-Buttons/small/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91796", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.314Z", - "updatedAt": "2024-12-03T11:42:09.039Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_medium_start", - "name": "[DEPRECATED] Danger-Buttons/medium/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91703", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.944Z", - "updatedAt": "2024-12-03T11:42:15.064Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "sub_nav_link", - "name": "SubNav.Link", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19008%3A62778", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "Link", - "values": [] }, { - "name": "position", - "type": "VARIANT", - "defaultValue": "start (left)", - "values": [ - "start (left)", - "middle", - "end (right)" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6cf1f827-3e2e-4695-9853-329ceee2ca1f", + "props": [ + { + "name": "state", + "value": "default" + }, + { + "name": "size", + "value": "xlarge" + }, + { + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" + } + ], + "dimensions": { + "width": 102, + "height": 32 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest (default)", - "values": [ - "rest (default)", - "hover", - "selected (current)" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cecb2846-26c9-48a7-958e-6b6fdc462113", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/29f91ab6-72f0-4a07-af81-fc2fc2b7715f", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "default" }, { - "name": "position", - "value": "start (left)" + "name": "size", + "value": "large" }, { - "name": "state", - "value": "rest (default)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, - "height": 33 + "width": 97, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d13f8e7b-e109-4ac5-a542-b4bd35dd5a46", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b26b8116-7716-49aa-9b51-2821775f0daa", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "default" }, { - "name": "position", - "value": "start (left)" + "name": "size", + "value": "medium" }, { - "name": "state", - "value": "hover" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 67, - "height": 38 + "width": 83, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/367f0e5f-031d-4a17-a625-58707fb965c7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87eb12f5-eaec-4dcc-be3d-84d742009e7a", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "default" }, { - "name": "position", - "value": "start (left)" + "name": "size", + "value": "xlarge" }, { - "name": "state", - "value": "selected (current)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, + "width": 102, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4bd278c7-e464-44bc-8cfb-c56817141173", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74996351-633b-4614-8844-66bdff4d9056", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" }, { - "name": "position", - "value": "middle" + "name": "size", + "value": "large" }, { - "name": "state", - "value": "rest (default)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, - "height": 33 + "width": 97, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2755b21-0921-423b-95e7-1ce9abecc69a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57048028-bdfb-4585-9e18-27ddf2492d1c", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" }, { - "name": "position", - "value": "middle" + "name": "size", + "value": "medium" }, { - "name": "state", - "value": "hover" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 67, - "height": 38 + "width": 83, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00409fe7-3df7-4aa8-a17b-1eaa66c4c344", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/145516ad-c295-40f1-b481-199662989f82", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" }, { - "name": "position", - "value": "middle" + "name": "size", + "value": "xlarge" }, { - "name": "state", - "value": "selected (current)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "false" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, + "width": 102, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c1a1a4d-690b-44a6-9ec5-636457cb58a2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6802d65c-83af-43be-a2a6-ef04df24da6c", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" }, { - "name": "position", - "value": "end (right)" + "name": "size", + "value": "large" }, { - "name": "state", - "value": "rest (default)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, - "height": 33 + "width": 97, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/72ad5a0c-61a8-4f89-9372-5e8d8e6d400f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1238cfa-6b0d-4e94-942f-e125c879f6aa", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "leadingVisual", + "value": "true" }, { - "name": "position", - "value": "end (right)" + "name": "selected?", + "value": "true" }, { - "name": "state", - "value": "hover" + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 67, - "height": 38 + "width": 83, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d625177-a07d-4eda-97b3-84895e504408", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1b13424-c332-4006-9a0d-1657ab3ce780", "props": [ { - "name": "text", - "value": "Link" + "name": "state", + "value": "hover" }, { - "name": "position", - "value": "end (right)" + "name": "size", + "value": "xlarge" }, { - "name": "state", - "value": "selected (current)" + "name": "leadingVisual", + "value": "true" + }, + { + "name": "selected?", + "value": "true" + }, + { + "name": "❌ remove?", + "value": "true" } ], "dimensions": { - "width": 61, + "width": 102, "height": 32 } } ], - "createdAt": "2022-11-16T15:35:02.008Z", - "updatedAt": "2024-12-03T11:42:57.583Z", + "createdAt": "2022-03-28T23:30:59.483Z", + "updatedAt": "2024-12-18T21:18:06.264Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "underline_nav_item", - "name": "UnderlineNav.Item", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18843%3A84823", + "id": "nav_list_collapse_section", + "name": "NavList/CollapseSection", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16716%3A62586", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "label", - "type": "TEXT", - "defaultValue": "Label", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "state", + "name": "collapsed?", "type": "VARIANT", - "defaultValue": "selected", + "defaultValue": "false", "values": [ - "default", - "hover", - "focus", - "selected" + "false", + "true" ] } ], "thumbnails": [], - "createdAt": "2022-11-11T02:31:08.047Z", - "updatedAt": "2024-12-03T11:43:16.299Z", + "createdAt": "2022-10-06T19:29:50.761Z", + "updatedAt": "2024-12-18T21:18:19.288Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "data_table_row_actions_cell", - "name": "DataTable/RowActionsCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16729", + "id": "text_input_value", + "name": "Text Input/value", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46407", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "Row action 2", - "type": "INSTANCE_SWAP", - "defaultValue": "Any icon", - "values": [] - }, - { - "name": "Row action 1", - "type": "INSTANCE_SWAP", - "defaultValue": "Edit", + "name": "text", + "type": "TEXT", + "defaultValue": "Value", "values": [] }, { - "name": "action count", + "name": "size", "type": "VARIANT", - "defaultValue": "1", + "defaultValue": "default", "values": [ - "1", - "2", - "3+" + "default", + "small" ] } ], "thumbnails": [], - "createdAt": "2023-11-02T08:54:29.684Z", - "updatedAt": "2024-12-09T17:32:55.081Z", + "createdAt": "2022-08-01T20:14:30.799Z", + "updatedAt": "2024-12-18T21:18:13.016Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "textarea", - "name": "Textarea", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30948%3A151237", + "id": "action_list_item_sub_item", + "name": "ActionList.Item/SubItem", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15175%3A71561", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "contrast", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "label?", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "State", + "type": "VARIANT", + "defaultValue": "rest", "values": [ - "true", - "false" + "active", + "disabled", + "hover", + "rest" ] }, { - "name": "text", - "type": "TEXT", - "defaultValue": "Placeholder", - "values": [] - }, - { - "name": "caption?", - "type": "BOOLEAN", - "defaultValue": "false", + "name": "Current selection", + "type": "VARIANT", + "defaultValue": "off", "values": [ - "true", - "false" + "off", + "on" ] - }, + } + ], + "thumbnails": [], + "createdAt": "2022-08-04T20:16:55.726Z", + "updatedAt": "2024-12-18T21:18:26.864Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "segmented_control", + "name": "SegmentedControl", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16122%3A79604", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { - "name": "state", + "name": "", "type": "VARIANT", - "defaultValue": "default", + "defaultValue": "2", "values": [ - "default", - "focus", - "disabled" + "2", + "3", + "4", + "5", + "6" ] }, { - "name": "validation", + "name": "iconOnly?", "type": "VARIANT", - "defaultValue": "none", + "defaultValue": "false", "values": [ - "none", - "error", - "success" + "false", + "true" ] }, { - "name": "text type", + "name": "size", "type": "VARIANT", - "defaultValue": "Placeholder", + "defaultValue": "medium", "values": [ - "Value", - "Placeholder" + "medium", + "small" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77d7af9b-aa39-4fc2-b533-e48f71708ae4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82b0418a-21e9-46b8-a838-c32cc4b894ac", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" + "name": "", + "value": "2" }, { - "name": "contrast", + "name": "iconOnly?", "value": "false" }, { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 151, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/807c7a27-0425-44d4-a7b8-d3efdc799324", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77235b72-4ba2-4b40-a8c3-66509c1c6133", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" + "name": "", + "value": "2" }, { - "name": "caption?", + "name": "iconOnly?", "value": "false" }, { - "name": "text", - "value": "Placeholder" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 119, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8444c62a-4737-4b50-bf36-f00c80a6896c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/759ea85d-fd1e-4174-affb-ec275ef018d2", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" + "name": "", + "value": "2" }, { - "name": "text type", - "value": "Placeholder" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/788632a6-8790-4cb1-94a8-deecfb152ad6", - "props": [ - { - "name": "label?", + "name": "iconOnly?", "value": "true" }, { - "name": "caption?", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 64, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e08810e-cb42-4c6c-ad7f-be7095f63b48", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3eaeef30-cbbd-4319-91bf-8d941e57956b", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "state", - "value": "disabled" + "name": "", + "value": "2" }, { - "name": "validation", - "value": "none" + "name": "iconOnly?", + "value": "true" }, { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 56, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ed4f81f-1a7f-4954-8816-f9d2702022e2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c472c16c-1bde-450b-a91b-4437fdad702e", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" + "name": "", + "value": "3" }, { - "name": "contrast", + "name": "iconOnly?", "value": "false" }, { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 238, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/874112f9-1f51-4cec-be75-a6a0dab3093b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d21ef883-2e43-42cb-b23f-652a72b5717b", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" + "name": "", + "value": "3" }, { - "name": "contrast", + "name": "iconOnly?", "value": "false" }, { - "name": "label?", - "value": "true" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 188, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e7ab3203-64c9-4a3f-8e92-d173cddc95c9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37d40a76-df1e-4b87-b62b-2deb299b77e7", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" + "name": "", + "value": "3" }, { - "name": "label?", + "name": "iconOnly?", "value": "true" }, { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 96, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fed8bd4d-6d49-4182-8d34-775f5c333052", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fdbd6e6e-f9c1-4234-89a6-d9f61b532322", "props": [ { - "name": "contrast", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" + "name": "", + "value": "3" }, { - "name": "label?", + "name": "iconOnly?", "value": "true" }, { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 84, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/215f90f2-a869-41a3-8023-01b6fb58fa31", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cec3313a-fa5a-465b-ac07-18a3addc75aa", "props": [ { - "name": "contrast", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "state", - "value": "focus" + "name": "", + "value": "4" }, { - "name": "validation", - "value": "none" + "name": "iconOnly?", + "value": "false" }, { - "name": "text type", - "value": "Value" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 316, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4e5de8dd-c69f-4f55-84c3-273ff85e3381", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d265a168-b91d-454a-b2a3-522dcb2e5703", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" + "name": "", + "value": "4" }, { - "name": "contrast", + "name": "iconOnly?", "value": "false" }, { - "name": "label?", - "value": "true" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 250, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77c373c5-ba8e-4889-8953-8ef67276dae6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0dd511a5-4991-43c9-b941-b498b8b25393", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "false" + "name": "", + "value": "4" }, { - "name": "caption?", + "name": "iconOnly?", "value": "true" }, { - "name": "label?", - "value": "true" - }, + "name": "size", + "value": "medium" + } + ], + "dimensions": { + "width": 128, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42c5a253-e37b-4995-b134-1024fbc212e3", + "props": [ { - "name": "state", - "value": "disabled" + "name": "", + "value": "4" }, { - "name": "validation", - "value": "none" + "name": "iconOnly?", + "value": "true" }, { - "name": "text type", - "value": "Value" + "name": "size", + "value": "small" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 112, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3c12f83-0a9c-4ca3-901c-2b9e0459cbec", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/99f78908-644a-42d6-a6a8-ed5870db29a5", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" + "name": "", + "value": "5" }, { - "name": "caption?", + "name": "iconOnly?", "value": "false" }, { - "name": "text", - "value": "Placeholder" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "error" - }, - { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 391, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/97935149-e72e-4c49-949e-eadec03297d0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/80872090-2edf-4cbe-85c4-dd832201a737", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "text", - "value": "Placeholder" + "name": "", + "value": "5" }, { - "name": "caption?", + "name": "iconOnly?", "value": "false" }, { - "name": "contrast", - "value": "false" - }, + "name": "size", + "value": "small" + } + ], + "dimensions": { + "width": 309, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a552d4d-c2b2-42e8-9908-7be2ca8c3ff0", + "props": [ { - "name": "state", - "value": "default" + "name": "", + "value": "5" }, { - "name": "validation", - "value": "error" + "name": "iconOnly?", + "value": "true" }, { - "name": "text type", - "value": "Value" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 160, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b2c3e7a-e8c5-4cf2-abab-94708b0d21ca", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f99fd93-b868-402b-963f-a249e19755e8", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "", + "value": "5" }, { - "name": "caption?", + "name": "iconOnly?", "value": "true" }, { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, + "name": "size", + "value": "small" + } + ], + "dimensions": { + "width": 140, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0bbe2462-9146-4b90-9306-e1c5ea54cbdb", + "props": [ { - "name": "state", - "value": "default" + "name": "", + "value": "6" }, { - "name": "validation", - "value": "error" + "name": "iconOnly?", + "value": "true" }, { - "name": "text type", - "value": "Placeholder" + "name": "size", + "value": "medium" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 192, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3388a7f4-fa06-4c2c-995f-269dcd41fe17", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70e6d270-27a7-4431-8ae5-6f311751cf77", "props": [ { - "name": "contrast", - "value": "false" + "name": "", + "value": "6" }, { - "name": "caption?", + "name": "iconOnly?", "value": "true" }, { - "name": "text", - "value": "Placeholder" - }, + "name": "size", + "value": "small" + } + ], + "dimensions": { + "width": 168, + "height": 28 + } + } + ], + "createdAt": "2022-08-25T21:19:46.803Z", + "updatedAt": "2024-12-18T21:18:26.912Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "overlay", + "name": "Overlay", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9685%3A44751", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "SLot", + "type": "INSTANCE_SWAP", + "defaultValue": "Type=text", + "values": [] + }, + { + "name": "header", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "footer", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "overflow", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23438faf-47fe-446e-9f7c-8c3f3101d7ea", + "props": [ { - "name": "label?", - "value": "true" + "name": "SLot", + "value": "9396:37209" }, { - "name": "state", - "value": "default" + "name": "header", + "value": "off" }, { - "name": "validation", - "value": "error" + "name": "footer", + "value": "off" }, { - "name": "text type", - "value": "Value" + "name": "overflow", + "value": "false" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 197, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/847fd168-0681-4b57-bb76-7945738f721a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16ff4c0a-14d7-4932-8785-9d95f1bb0732", "props": [ { - "name": "label?", - "value": "true" + "name": "SLot", + "value": "9396:37209" }, { - "name": "caption?", - "value": "false" + "name": "header", + "value": "on" }, { - "name": "text", - "value": "Placeholder" + "name": "footer", + "value": "off" }, { - "name": "contrast", + "name": "overflow", "value": "false" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "text type", - "value": "Placeholder" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 356, + "height": 136 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5463243-cce8-40ba-83e5-48f76c856484", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6bbd4062-df2f-4a00-b0db-c2713306281b", "props": [ { - "name": "label?", - "value": "true" + "name": "SLot", + "value": "9396:37209" }, { - "name": "caption?", - "value": "false" + "name": "header", + "value": "on" }, { - "name": "text", - "value": "Placeholder" + "name": "footer", + "value": "on" }, { - "name": "contrast", + "name": "overflow", "value": "false" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "text type", - "value": "Value" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 356, + "height": 176 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01c2e62c-fa37-440a-b70c-17fa7801b923", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f9824f1-1630-4797-ab72-df28a2a9d778", "props": [ { - "name": "contrast", - "value": "false" + "name": "SLot", + "value": "9396:37209" }, { - "name": "text", - "value": "Placeholder" + "name": "header", + "value": "off" }, { - "name": "caption?", - "value": "true" + "name": "footer", + "value": "off" }, { - "name": "label?", + "name": "overflow", "value": "true" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "text type", - "value": "Placeholder" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 197, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09799056-1548-41e0-85c4-869a501791a9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c417009-a0a1-4f81-aada-1f2fd8c58fe7", "props": [ { - "name": "contrast", - "value": "false" + "name": "SLot", + "value": "9396:37209" }, { - "name": "text", - "value": "Placeholder" + "name": "header", + "value": "on" }, { - "name": "caption?", - "value": "true" + "name": "footer", + "value": "off" }, { - "name": "label?", + "name": "overflow", "value": "true" + } + ], + "dimensions": { + "width": 356, + "height": 136 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5e89264-b48a-4010-a3d5-d04d02d238d2", + "props": [ + { + "name": "SLot", + "value": "9396:37209" }, { - "name": "state", - "value": "default" + "name": "header", + "value": "on" }, { - "name": "validation", - "value": "success" + "name": "footer", + "value": "on" }, { - "name": "text type", - "value": "Value" + "name": "overflow", + "value": "true" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 356, + "height": 176 } + } + ], + "createdAt": "2021-10-05T21:34:39.753Z", + "updatedAt": "2024-12-18T21:18:33.768Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_multi_select", + "name": "ActionList.Item/MultiSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56203", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "disabled", + "pressed", + "focus" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-08-04T20:16:55.709Z", + "updatedAt": "2024-12-18T21:18:33.773Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "data_table_column_header_cell", + "name": "DataTable/ColumnHeaderCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28503%3A10079", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "sort", + "type": "VARIANT", + "defaultValue": "none", + "values": [ + "none", + "⬆️ asc", + "⬇️ desc" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2786264-e95f-44c3-a119-ca32d155da9b", - "props": [ - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } + "name": "type", + "type": "VARIANT", + "defaultValue": "label", + "values": [ + "checkbox", + "empty", + "label" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-02-05T11:55:51.410Z", + "updatedAt": "2024-12-18T21:18:33.793Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "label", + "name": "Label", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A65008", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "Label", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfe73a74-9ef0-4b57-bf68-c329d5679891", - "props": [ - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } + "name": "size", + "type": "VARIANT", + "defaultValue": "small", + "values": [ + "small", + "large" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0655c742-f388-47c0-89d6-0a5b161b3e56", + "name": "variant", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "primary", + "secondary", + "accent", + "success", + "attention", + "severe", + "danger", + "done", + "sponsors" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c2918f0-eecf-4ba5-aecc-e26d73ef6b07", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "focus" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "default" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/45147f07-d0f9-407c-8690-068174f3f36b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0652f1ab-c053-4e66-bc75-e559879d3940", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "focus" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "primary" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37083bb5-f813-42c0-bd9f-b72c1a0a3002", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6a4e84e-6e8a-4ce8-96db-83ffa229b78b", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "disabled" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "secondary" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2f8212d-f355-44a5-86ce-90d9bc4a094b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb785288-b64d-459a-a494-b26f3970db44", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "disabled" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "accent" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a19d3876-fc52-4faa-9332-6fda711d01eb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9f27c2a6-9e98-43f6-ac9e-4393bb45ddd1", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "success" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58b82a0c-0c5b-4371-9ad4-9791935f75db", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16b1249f-ab4d-4807-959a-20c84f3757fe", "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "attention" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0fa04d9c-f9bb-4816-bb09-eea94c6c3660", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/66a498a9-73af-4b15-a06d-ec378733a108", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "focus" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "severe" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d488f9b7-80e8-4a02-b53e-3dfe74ef2f97", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d548143-aa57-46fa-9b90-36fba06a18f8", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "focus" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "danger" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4da63da9-6f6e-4873-86ea-002b4a23d361", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e65ffed7-fab4-47df-bdef-c587b7186da7", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "disabled" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "done" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25715baa-d793-462f-9eac-eb2a27b08064", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/152d3313-a367-4d63-abef-63fe75295ca7", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "disabled" + "value": "Label" }, { - "name": "validation", - "value": "none" + "name": "size", + "value": "small" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "sponsors" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 47, + "height": 22 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b103e9b5-4472-4186-ba9d-0f548ac50bcb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b97a56d1-3bcf-4b29-b191-ca6f23083d4b", "props": [ { "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", - "value": "false" + "value": "Label" }, { - "name": "label?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "state", + "name": "variant", "value": "default" - }, - { - "name": "validation", - "value": "error" - }, - { - "name": "text type", - "value": "Placeholder" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2901304-503d-4961-9d0d-569d6807c598", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86e7bd82-ee3c-4c45-b6d8-397b440b4b53", "props": [ - { - "name": "contrast", - "value": "false" - }, - { - "name": "caption?", - "value": "false" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" + "value": "Label" }, { - "name": "validation", - "value": "error" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "primary" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/284d35cd-27fa-4fab-b60c-68e0c19caa98", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5dbc5aa-cd38-44c9-b4f1-e81bd209b0ee", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" + "name": "text", + "value": "Label" }, { - "name": "validation", - "value": "error" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "secondary" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a30d8c9c-fd42-4525-bf0a-90b4e2943b40", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/43ac34a9-e7a2-4861-abe9-70c75666b026", "props": [ - { - "name": "contrast", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, { "name": "text", - "value": "Placeholder" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "state", - "value": "default" + "value": "Label" }, { - "name": "validation", - "value": "error" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "accent" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49c7a186-0279-4ce4-87fa-3c712479fe43", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6890e3c8-1ada-4992-8b6d-1e7cd804ffdb", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" + "value": "Label" }, { - "name": "caption?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "label?", - "value": "false" - }, + "name": "variant", + "value": "success" + } + ], + "dimensions": { + "width": 53, + "height": 26 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d71de1a3-c683-4fa6-98af-8d6a15a6e8de", + "props": [ { - "name": "state", - "value": "default" + "name": "text", + "value": "Label" }, { - "name": "validation", - "value": "success" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "attention" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f04263f2-4318-4be9-ae4b-1c306db7f5b2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c5ee147b-a561-452c-a987-a01f59ba4484", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" + "value": "Label" }, { - "name": "caption?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "label?", - "value": "false" - }, + "name": "variant", + "value": "severe" + } + ], + "dimensions": { + "width": 53, + "height": 26 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0bbdd433-8345-4100-a565-0adcbc56a45f", + "props": [ { - "name": "state", - "value": "default" + "name": "text", + "value": "Label" }, { - "name": "validation", - "value": "success" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Value" + "name": "variant", + "value": "danger" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0acf055d-4c4a-4ade-b447-b495ecf4e15c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ed952dd8-cd42-4266-b8fc-3790cc908269", "props": [ - { - "name": "contrast", - "value": "false" - }, { "name": "text", - "value": "Placeholder" + "value": "Label" }, { - "name": "caption?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "label?", - "value": "false" - }, + "name": "variant", + "value": "done" + } + ], + "dimensions": { + "width": 53, + "height": 26 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a04a0899-80c0-4595-a9a7-3dfecd02ba9e", + "props": [ { - "name": "state", - "value": "default" + "name": "text", + "value": "Label" }, { - "name": "validation", - "value": "success" + "name": "size", + "value": "large" }, { - "name": "text type", - "value": "Placeholder" + "name": "variant", + "value": "sponsors" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 53, + "height": 26 } + } + ], + "createdAt": "2022-11-16T15:34:48.331Z", + "updatedAt": "2024-12-18T21:18:33.808Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "select_panel_v2", + "name": "🛑 SelectPanel v2", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27681%3A11681", + "status": "DEPRECATED", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "example", + "type": "VARIANT", + "defaultValue": "user", + "values": [ + "user", + "event", + "repository", + "pull-request", + "issue", + "organization", + "language", + "label", + "project", + "branch" + ] + }, + { + "name": "type", + "type": "VARIANT", + "defaultValue": "single", + "values": [ + "single", + "single-save", + "multi" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "popover", + "values": [ + "popover", + "mobile", + "modal" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-09-19T13:05:12.874Z", + "updatedAt": "2024-12-18T21:18:55.338Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "progress_bar", + "name": "ProgressBar", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34727%3A143491", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "large", + "default", + "small" + ] + }, + { + "name": "items", + "type": "VARIANT", + "defaultValue": "1", + "values": [ + "1", + "2", + "3", + "4", + "5", + "6", + "7", + "8", + "9", + "empty" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-07-03T11:39:43.697Z", + "updatedAt": "2024-12-18T21:18:46.759Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "select_panel", + "name": "SelectPanel", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=35402%3A45806", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "example", + "type": "VARIANT", + "defaultValue": "user", + "values": [ + "user", + "event", + "repository", + "pull-request", + "issue", + "organization", + "language", + "label", + "project", + "branch" + ] + }, + { + "name": "type", + "type": "VARIANT", + "defaultValue": "single", + "values": [ + "single", + "multi" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "popover", + "values": [ + "popover", + "mobile (not implemented)", + "modal (not implemented)" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-08-07T15:28:31.264Z", + "updatedAt": "2024-12-18T21:18:40.454Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_inactive_single_select", + "name": "ActionList.Item/InactiveSingleSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A70674", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + }, + { + "name": "leadingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "trailingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-11-22T17:05:31.311Z", + "updatedAt": "2024-12-18T21:18:40.470Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "link", + "name": "Link", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=20953%3A78768", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "link text", + "type": "TEXT", + "defaultValue": "Link", + "values": [] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "inline", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "muted", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "bold", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "normal", + "values": [ + "normal", + "small" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-02-09T13:58:53.028Z", + "updatedAt": "2024-12-18T21:18:40.492Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "comment_box", + "name": "CommentBox", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=17120%3A68733", + "status": "EXPERIMENTAL", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "placeholder?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "text", + "type": "TEXT", + "defaultValue": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more...", + "values": [] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Add a comment", + "values": [] + }, + { + "name": "preview", + "type": "TEXT", + "defaultValue": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more...", + "values": [] + }, + { + "name": "placeholder", + "type": "TEXT", + "defaultValue": "Type here...\n\n\n", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6fdd5f15-6ad0-461a-ad9e-54fa2fcb75e7", + "name": "mode", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "write", + "preview" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7236b12-7e77-4e8e-abcc-442a741fd01e", "props": [ { - "name": "contrast", - "value": "false" + "name": "label", + "value": "Add a comment" + }, + { + "name": "placeholder", + "value": "Type here...\n\n\n" }, { "name": "text", - "value": "Placeholder" + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "caption?", + "name": "placeholder?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "state", + "name": "mode", "value": "default" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "text type", - "value": "Value" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 200 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c404de17-6aef-41a9-aaf4-54beaadd890c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fdf083b3-6704-427c-9068-2a39467344d1", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "caption?", + "name": "placeholder?", "value": "false" }, { - "name": "contrast", - "value": "true" - }, - { - "name": "label?", - "value": "true" + "name": "text", + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "state", - "value": "default" + "name": "placeholder", + "value": "Type here...\n\n\n" }, { - "name": "validation", - "value": "none" + "name": "label", + "value": "Add a comment" }, { - "name": "text type", - "value": "Placeholder" + "name": "mode", + "value": "default" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 200 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e325888-60ab-4af5-a3a6-ea8982bffd14", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7ca48c4-5693-49cc-b607-bcc03441777e", "props": [ { - "name": "caption?", - "value": "false" + "name": "label", + "value": "Add a comment" }, { - "name": "contrast", + "name": "placeholder?", "value": "true" }, { - "name": "text", - "value": "Placeholder" - }, - { - "name": "label?", - "value": "true" + "name": "placeholder", + "value": "Type here...\n\n\n" }, { - "name": "state", - "value": "default" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "validation", - "value": "none" + "name": "text", + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "text type", - "value": "Value" + "name": "mode", + "value": "write" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 200 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d923359-629e-4d20-b511-a1332c41400e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fed2e871-c49b-49b3-939d-16eb404b3264", "props": [ - { - "name": "contrast", - "value": "true" - }, { "name": "text", - "value": "Placeholder" + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "caption?", - "value": "false" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "label?", - "value": "true" + "name": "placeholder", + "value": "Type here...\n\n\n" }, { - "name": "state", - "value": "focus" + "name": "placeholder?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "label", + "value": "Add a comment" }, { - "name": "text type", - "value": "Placeholder" + "name": "mode", + "value": "write" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 200 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/475f8404-bbc7-4daa-bd95-8f2112d30ad2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c703e810-7a90-4e11-ae3f-9aa3f4e5eb9c", "props": [ { - "name": "contrast", - "value": "true" - }, - { - "name": "text", - "value": "Placeholder" + "name": "label", + "value": "Add a comment" }, { - "name": "caption?", - "value": "false" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "label?", - "value": "true" + "name": "placeholder", + "value": "Type here...\n\n\n" }, { - "name": "state", - "value": "focus" + "name": "text", + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "validation", - "value": "none" + "name": "placeholder?", + "value": "true" }, { - "name": "text type", - "value": "Value" + "name": "mode", + "value": "preview" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 184 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8821f4bc-9800-47f1-84dd-30eeae149667", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2ab426c-2ccd-4f2a-8264-39b0175de5cd", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", + "name": "placeholder?", "value": "false" }, { - "name": "contrast", - "value": "true" + "name": "text", + "value": "### Comment box

A CommentBox allows users to **write** and **preview** comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "label?", - "value": "true" + "name": "placeholder", + "value": "Type here...\n\n\n" }, { - "name": "state", - "value": "disabled" + "name": "preview", + "value": "Comment box

A CommentBox allows users to write and preview comments. Other features include uploading images and files, format text with Markdown and more..." }, { - "name": "validation", - "value": "none" + "name": "label", + "value": "Add a comment" }, { - "name": "text type", - "value": "Placeholder" + "name": "mode", + "value": "preview" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 680, + "height": 184 } + } + ], + "createdAt": "2022-10-20T20:27:12.963Z", + "updatedAt": "2024-12-18T21:29:15.072Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "header", + "name": "Header", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26738%3A6196", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "PRs?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/008cbbc7-ca81-48c9-a3eb-d0e9bfaca243", - "props": [ - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } + "name": "Create new button", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7da0ae4-5ecf-4ffe-9d97-08a60854f052", - "props": [ - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "contrast", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Placeholder" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } + "name": "Copilot?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "Issues?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "TabNav", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "Logged-in", + "type": "VARIANT", + "defaultValue": "True", + "values": [ + "True", + "False" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/096087f7-7fe3-44d4-9401-447f30350294", + "name": "Type", + "type": "VARIANT", + "defaultValue": "Desktop", + "values": [ + "Desktop", + "Mobile" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea0f5712-d611-423a-bded-e1a08270fa2c", "props": [ { - "name": "caption?", + "name": "TabNav", "value": "true" }, { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Copilot?", + "value": "true" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "Create new button", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a0cbd769-07e9-4e39-9937-e35ea463c359", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69e9e115-1f75-4bd0-8276-c16841de1606", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Copilot?", "value": "true" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5fcde3a-aeab-4125-ba73-9601a9c57b5a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/579d2fda-ae75-4118-99ab-ec7ec1723a96", "props": [ { - "name": "contrast", + "name": "Create new button", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", + "name": "PRs?", "value": "true" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c02f901-dae2-4994-afc1-a75c246a027d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24b7a063-3b77-4329-aed8-e6dee6107801", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "PRs?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Create new button", + "value": "false" }, { - "name": "contrast", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "disabled" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3387f193-5323-4369-8f25-dd84d18027f2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23b9066b-823e-4274-8595-cd1cc1cd4f5d", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", + "name": "TabNav", "value": "true" }, { - "name": "caption?", + "name": "PRs?", "value": "true" }, { - "name": "label?", + "name": "Copilot?", "value": "true" }, { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "text type", - "value": "Value" - } - ], - "dimensions": { - "width": 280, - "height": 148 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ceb7cccc-7521-4480-8469-5a1a31a22edb", - "props": [ - { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "contrast", + "name": "Create new button", "value": "true" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "default" - }, - { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8302a40e-eb3f-41a6-88aa-2ad2620f597d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7594791-43fb-491e-8b59-fddf5f1297db", "props": [ { - "name": "contrast", + "name": "TabNav", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "label?", + "name": "Create new button", "value": "true" }, { - "name": "state", - "value": "default" + "name": "PRs?", + "value": "true" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c25f6500-85fc-4bc0-9f8a-79be0cfb8db9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbe1d030-a4b7-42b1-9441-18b3f2c2d673", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "caption?", + "name": "Create new button", "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", + "name": "PRs?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8f9fa33-d8c2-4cb1-8b52-0670d9cabc05", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e21007a-712b-4596-b7ff-c7bf875ac827", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "caption?", + "name": "Create new button", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "label?", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1197b377-a1ee-4782-86c0-0bba366e8dcd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/753ece08-2ba8-432a-a45a-d3fec12b670a", "props": [ { - "name": "contrast", + "name": "Create new button", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "label?", + "name": "PRs?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60f0fe21-11d4-4d67-85d0-ee995c890125", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07a7a959-b619-4097-b30a-2923694e2c0f", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/956901c8-b682-47fb-ab00-52cacdee8f90", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4dd6420d-7831-4be6-9d86-704ea4a5f7c7", "props": [ { - "name": "contrast", + "name": "Create new button", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", + "name": "PRs?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cfa4e6b2-32e4-4842-8188-c3ffae67c918", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c0bd9df-6f9f-47f7-a59a-8d9e7db48bdc", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", + "name": "Issues?", "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/347bd19d-36f4-4411-a1f6-c674cba3f905", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5da442de-5d34-4e0a-8274-8e8e325ef33c", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Create new button", + "value": "true" }, { - "name": "contrast", + "name": "Copilot?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5b0ae7b8-6595-432c-8836-e97feb5cd9ff", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5062ee56-d727-44f8-8267-544468326215", "props": [ { - "name": "caption?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "contrast", + "name": "Create new button", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Issues?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c15ca0e-f0aa-4912-9f44-e515c158c90d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7162fb02-a45f-42c7-97ec-f991f30ccf8e", "props": [ { - "name": "contrast", + "name": "Issues?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "true" }, { - "name": "caption?", + "name": "Copilot?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4330800b-e4d6-4459-a14e-81208bf37f3c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ec92fc3-79e0-44a1-ab2f-08beecd31b84", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "label?", + "name": "Copilot?", "value": "false" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87eea121-38e7-4248-b3bc-517b40e7c416", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07874b56-57cd-4667-92e2-6b05bfabf651", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "contrast", + "name": "Copilot?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "disabled" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a4b76e4-4785-435e-8011-22a26e3f3dc4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2297058a-07c3-4a9a-8152-c64034bebf50", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "caption?", + "name": "Create new button", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "state", - "value": "disabled" + "name": "Issues?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "TabNav", + "value": "true" }, { - "name": "text type", - "value": "Value" + "name": "Logged-in", + "value": "True" + }, + { + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13bf9fd3-858b-4265-8997-c0527482c294", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60ad2582-6ce9-4da2-b9f1-1e3e0a8a49d1", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6f8a7ab-69a4-46d8-85b6-b746928530cd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/268c79f5-6501-4050-b1a8-4b71bbea9162", "props": [ { - "name": "caption?", + "name": "PRs?", "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Create new button", + "value": "false" }, { - "name": "text", - "value": "Placeholder" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 108 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d644c75-ef79-4899-ae5c-dd1ac6a0c854", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33beffcf-3f3f-4aad-a71e-8dcbdc7f50f9", "props": [ { - "name": "contrast", + "name": "Issues?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Copilot?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/26320648-1173-4a06-a2e3-81c73953dcfa", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c15e4e57-a028-48d5-8b40-1f3d20d4ce76", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "state", - "value": "focus" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73fbdc25-d134-45b0-9e6d-18156098adf6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9657ccb-f337-4690-99ef-b2593ff48331", "props": [ { - "name": "text", - "value": "Placeholder" - }, - { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Create new button", + "value": "false" }, { - "name": "label?", + "name": "Copilot?", "value": "false" }, { - "name": "state", - "value": "disabled" + "name": "PRs?", + "value": "true" + }, + { + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a54f4a2-8f3f-4cf9-b1b2-7f31fcbce895", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8376bc70-5a9b-47f2-9f46-e5724efcc68c", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "PRs?", + "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "label?", + "name": "Copilot?", "value": "false" }, { - "name": "state", - "value": "disabled" + "name": "TabNav", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 172 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15089b60-856b-4c6c-a81f-54c429e3083f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a563d0cc-6403-4c89-9882-4e78da9826eb", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "contrast", + "name": "Copilot?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/343e71a2-6bd6-4556-acff-9a1281a25ed6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/780a3fd3-81e2-4fa7-b238-cba6b0cee151", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "caption?", + "name": "Create new button", "value": "false" }, { - "name": "text", - "value": "Placeholder" + "name": "Copilot?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/572db77f-6662-491c-aef0-186c19005af2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f612295e-d21f-420f-958d-dfc6e0089ec3", "props": [ { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "contrast", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15f193a6-ca08-4b69-8a2b-77f9ad38e55f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c8c85668-9323-4104-b78c-727779f92d74", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Create new button", + "value": "false" }, { - "name": "text", - "value": "Placeholder" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "error" + "name": "Logged-in", + "value": "True" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1542b5ec-649b-4d5d-a828-fdcfe509f892", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8994896b-8ca6-4705-963c-daa8a5a6fe91", "props": [ { - "name": "contrast", + "name": "Issues?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea39ddaf-97aa-4817-9bf1-f3bee69e46d6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5846f9ad-1ade-443b-be56-3992f131a7c8", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "Issues?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Copilot?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34986727-6c20-4283-95cd-7c71b4775b85", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/038b6f1e-7956-47d0-96e3-de83c7fa4177", "props": [ { - "name": "contrast", + "name": "Issues?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "Copilot?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "PRs?", + "value": "true" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Placeholder" + "name": "Type", + "value": "Desktop" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 1280, + "height": 128 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95e7b892-9b14-46af-881c-506ba9c37904", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bcad2e61-7852-4a0b-9196-d87400699132", "props": [ { - "name": "contrast", + "name": "PRs?", "value": "true" }, { - "name": "text", - "value": "Placeholder" + "name": "Create new button", + "value": "false" }, { - "name": "caption?", + "name": "Issues?", "value": "true" }, { - "name": "label?", + "name": "Copilot?", "value": "false" }, { - "name": "state", - "value": "default" + "name": "TabNav", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Logged-in", + "value": "False" }, { - "name": "text type", - "value": "Value" + "name": "Type", + "value": "Mobile" } ], "dimensions": { - "width": 280, - "height": 148 + "width": 465, + "height": 128 } } ], - "createdAt": "2024-02-06T12:29:10.037Z", - "updatedAt": "2024-12-10T14:45:01.567Z", + "createdAt": "2023-09-04T13:54:40.190Z", + "updatedAt": "2024-12-18T21:29:15.083Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "depreacted_toast", - "name": "[Depreacted] Toast", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13478%3A43994", + "id": "icon_button", + "name": "IconButton", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30468%3A5843", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "message", + "name": "aria-label", "type": "TEXT", - "defaultValue": "Message", + "defaultValue": "add label", "values": [] }, { - "name": "dismissable?", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "secondary", "values": [ - "true", - "false" + "primary", + "secondary", + "danger", + "outline", + "invisible" ] }, { - "name": "type", + "name": "size", "type": "VARIANT", - "defaultValue": "default", + "defaultValue": "medium", "values": [ - "default", - "success", - "warning", - "error", - "loading" + "small", + "medium", + "large" ] }, { - "name": "expand direction", + "name": "state", "type": "VARIANT", - "defaultValue": "↔️ horizontal", + "defaultValue": "rest", "values": [ - "↕️ vertical", - "↔️ horizontal" + "rest", + "focus", + "hover", + "pressed", + "disabled", + "loading", + "inactive" ] } ], - "thumbnails": [ + "thumbnails": [], + "createdAt": "2024-01-09T14:50:07.648Z", + "updatedAt": "2024-12-18T21:29:15.089Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "blankslate", + "name": "Blankslate", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4398%3A2383", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/edfbae79-553c-4fb7-b899-0f43b7fcb98f", - "props": [ - { - "name": "dismissable?", - "value": "true" - }, - { - "name": "message", - "value": "Message" - }, - { - "name": "type", - "value": "default" - }, - { - "name": "expand direction", - "value": "↔️ horizontal" - } - ], - "dimensions": { - "width": 309, - "height": 196.00201416015625 - } + "name": "leadingVisual", + "type": "VARIANT", + "defaultValue": "icon", + "values": [ + "icon", + "spinner" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c73e370a-8942-4e9c-8188-b7a1542f30e8", - "props": [ - { - "name": "dismissable?", - "value": "true" - }, - { - "name": "message", - "value": "Message" - }, - { - "name": "type", - "value": "default" - }, - { - "name": "expand direction", - "value": "↕️ vertical" - } - ], - "dimensions": { - "width": 594, - "height": 196.00201416015625 - } + "name": "primaryAction", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a388c82b-d13c-44a4-8fae-a7d023efa6f7", - "props": [ - { - "name": "dismissable?", - "value": "true" - }, - { - "name": "message", - "value": "Message" - }, - { - "name": "type", - "value": "success" - }, - { - "name": "expand direction", - "value": "↔️ horizontal" - } - ], - "dimensions": { - "width": 309, - "height": 196.00201416015625 - } + "name": "secondaryAction", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/692e24ca-0a30-4ebe-b3e8-fdc5f86959d9", - "props": [ - { - "name": "dismissable?", - "value": "true" - }, - { - "name": "message", - "value": "Message" - }, - { - "name": "type", - "value": "success" - }, - { - "name": "expand direction", - "value": "↕️ vertical" - } - ], - "dimensions": { - "width": 594, - "height": 196.00201416015625 - } + "name": "narrow?", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "spacious?", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/908d6397-2310-4586-a261-91bd0a4b097c", + "name": "border?", + "type": "VARIANT", + "defaultValue": "on", + "values": [ + "on", + "off" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/231fc462-3b99-4bed-8ed4-a417907a97c1", "props": [ { - "name": "dismissable?", - "value": "true" - }, - { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "type", - "value": "warning" + "name": "primaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" - } - ], - "dimensions": { - "width": 309, - "height": 196.00201416015625 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c3f27791-001d-4572-88b9-dcbadf490eab", - "props": [ - { - "name": "dismissable?", + "name": "secondaryAction", "value": "true" }, { - "name": "message", - "value": "Message" + "name": "narrow?", + "value": "off" }, { - "name": "type", - "value": "warning" + "name": "spacious?", + "value": "off" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.00201416015625 + "width": 980, + "height": 280 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/532eabe3-6bee-4241-98af-56a4772bd48c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cac81ae5-c04f-4ec6-a713-de011c77584a", "props": [ { - "name": "dismissable?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "message", - "value": "Message" + "name": "secondaryAction", + "value": "true" }, { - "name": "type", - "value": "error" + "name": "narrow?", + "value": "off" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 309, - "height": 196.00201416015625 + "width": 980, + "height": 280 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8e1f776-a2f8-442c-be90-0907c644314b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a4db244-71b7-4370-a3b1-7b7d17c528c5", "props": [ { - "name": "dismissable?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "message", - "value": "Message" + "name": "secondaryAction", + "value": "true" }, { - "name": "type", - "value": "error" + "name": "narrow?", + "value": "on" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.00201416015625 + "width": 485, + "height": 212 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b472acf1-8162-427d-9c3b-e8ddeb58cbaa", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad286779-dad6-4868-aca6-312f7b1f6f16", "props": [ { - "name": "dismissable?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "message", - "value": "Message" + "name": "secondaryAction", + "value": "true" }, { - "name": "type", - "value": "loading" + "name": "narrow?", + "value": "on" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 309, - "height": 196.00201416015625 + "width": 485, + "height": 212 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f81eaf65-c6ba-4dc0-ba1e-59e8af6a5003", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9e87cab6-e3fc-4c7d-83e6-f41b14dc2967", "props": [ { - "name": "dismissable?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", "value": "true" }, { - "name": "message", - "value": "Message" + "name": "narrow?", + "value": "off" }, { - "name": "type", - "value": "loading" + "name": "spacious?", + "value": "off" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.00201416015625 + "width": 980, + "height": 216 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1cd6851-2a51-4f0b-adfe-e5728c6355e6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c172e7ca-4e06-4fd0-a30b-da22f8b55477", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "default" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 284, - "height": 196.00201416015625 + "width": 980, + "height": 216 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1145fff-9a9f-4401-a29a-54ba1a2d6607", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07979121-13a6-45fb-aeb9-a80fabb7a075", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "default" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.00201416015625 + "width": 485, + "height": 156 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/322f4591-64d8-4d80-b424-e3099baefc58", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f0be1228-afd3-4fd4-bace-921c5a5ad8ce", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "success" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 284, - "height": 196.001953125 + "width": 485, + "height": 156 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2949c09d-e414-4c54-bdda-6763f30e59dd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c26f9d3a-f043-4b73-9db2-a7f3d70b6ab3", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "type", - "value": "success" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.001953125 + "width": 980, + "height": 376 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40fc894e-53f1-4ba5-b8fa-74bf075410f2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b5e6472d-89b8-45f1-b799-206327d3f12a", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "type", - "value": "warning" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 284, - "height": 196.001953125 + "width": 980, + "height": 376 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a021652-0e93-4fe0-bc0c-9f00a2c9f88f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8049f53e-0771-4fd0-8898-3b05a1ae30fe", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "type", - "value": "warning" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.001953125 + "width": 485, + "height": 260 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c146981-84e6-45d9-a1d4-acd0d2fe98b0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7863eec5-90a1-42fc-8569-9c40de0f2839", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "type", - "value": "error" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 284, - "height": 196.001953125 + "width": 485, + "height": 260 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a274fcc-9e25-4efc-b06b-f455c03712e6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c6ab32b0-1a3d-4b4a-a6d1-243f0376e42a", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "error" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↕️ vertical" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 594, - "height": 196.001953125 + "width": 980, + "height": 312 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c63d2ff-a4dd-4df4-bedf-cb48eeda4590", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/032ced28-5b79-482a-b800-18308d6133c8", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "loading" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↔️ horizontal" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 284, - "height": 196.001953125 + "width": 980, + "height": 312 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/592f6c6b-d77c-4f83-beb0-658cef3788b1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ade3bbc-a1fc-4adb-bd8b-a91756d7e409", "props": [ { - "name": "message", - "value": "Message" + "name": "leadingVisual", + "value": "icon" }, { - "name": "dismissable?", + "name": "primaryAction", "value": "false" }, { - "name": "type", - "value": "loading" + "name": "secondaryAction", + "value": "true" }, { - "name": "expand direction", - "value": "↕️ vertical" - } - ], - "dimensions": { - "width": 594, - "height": 196.001953125 - } - } - ], - "createdAt": "2022-04-21T16:36:47.889Z", - "updatedAt": "2024-12-03T11:42:15.074Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "data_table_label_cell", - "name": "DataTable/LabelCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16318", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "align", - "type": "VARIANT", - "defaultValue": "left", - "values": [ - "left", - "right" - ] - }, - { - "name": "loading", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-12T17:17:22.283Z", - "updatedAt": "2024-12-03T11:42:00.872Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "pagehead", - "name": "🛑 Pagehead", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4065%3A363", - "status": "DEPRECATED", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "hasAvatar?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "actions?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2020-12-10T22:53:13.617Z", - "updatedAt": "2024-12-16T14:28:58.208Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_middle", - "name": "[DEPRECATED] Secondary-Buttons/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52236", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:21.964Z", - "updatedAt": "2024-12-03T11:42:09.008Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "autocomplete", - "name": "Autocomplete", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15349%3A67485", - "status": "DEPRECATED", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "menu?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "true", - "false" - ] + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 485, + "height": 204 + } }, { - "name": "menuState", - "type": "VARIANT", - "defaultValue": "populated", - "values": [ - "empty", - "populated", - "add-new", - "loading" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/294196c5-a39d-4e9b-b977-ea953e55119c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3be878c2-55c7-4a57-86de-57e8d803f9c3", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", "value": "true" }, { - "name": "menuState", - "value": "populated" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 197, - "height": 228 + "width": 485, + "height": 204 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea95734b-de77-4356-8b3d-67ff40a5d5d9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c76a4426-7c95-4999-8e72-3b2efb52f5e5", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "menuState", - "value": "empty" + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 213, - "height": 132 + "width": 980, + "height": 228 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ac1566c-8706-40c7-9d64-289fd9326fda", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3372ac0-b313-4f4e-a88c-00ca8496dcba", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "menuState", - "value": "add-new" + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 209, - "height": 132 + "width": 980, + "height": 228 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/baab102f-2ddf-4cb4-9017-ec72e6cef367", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8488c585-1334-4311-be0b-daf246ca1539", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "menuState", - "value": "loading" + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 209, - "height": 132 + "width": 485, + "height": 176 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4b104b4-fead-4168-a013-bf0cb8e51398", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c5aa890-190e-4c4b-b2df-5e21f76b13c3", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", "value": "false" }, { - "name": "menuState", - "value": "empty" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 191, - "height": 56 + "width": 485, + "height": 176 } - } - ], - "createdAt": "2022-07-21T21:24:43.905Z", - "updatedAt": "2024-12-16T14:29:21.872Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_end", - "name": "[DEPRECATED] Secondary-Buttons/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52235", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.301Z", - "updatedAt": "2024-12-03T11:42:08.934Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_icon_button_group", - "name": "[DEPRECATED] IconButtonGroup", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28830%3A49382", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "overflow", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "secondary", - "values": [ - "secondary", - "primary", - "danger" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.295Z", - "updatedAt": "2024-12-03T11:42:08.957Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_end", - "name": "[DEPRECATED] Primary-Buttons/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52227", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.320Z", - "updatedAt": "2024-12-03T11:42:08.990Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_small_end", - "name": "[DEPRECATED] Danger-Buttons/small/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91858", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.930Z", - "updatedAt": "2024-12-03T11:42:09.115Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_action_button", - "name": "ActionList/ActionButton", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15834%3A63080", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] }, { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium (default)", - "values": [ - "small", - "medium (default)", - "large" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d4a2da3-8b15-49ca-8f42-ac270ccc33b3", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 980, + "height": 164 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest (default)", - "values": [ - "rest (default)", - "focus", - "hover", - "pressed", - "disabled" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-10-06T19:30:01.281Z", - "updatedAt": "2024-12-03T11:42:22.696Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_single_select_select_panel", - "name": "ActionList.Item/SingleSelect-SelectPanel", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=23595%3A93346", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4766afc4-9827-49e8-b740-e5620a0954fb", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 980, + "height": 164 + } }, { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac9bc3ab-5c20-4f8a-bd2c-ea4ccf99b818", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 485, + "height": 120 + } }, { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8842f4e-897d-49cf-9306-d50b6d4ce4d9", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 485, + "height": 120 + } }, { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa71685a-2427-467a-b343-b44c9937da16", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 980, + "height": 324 + } }, { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e3fe13d8-79e8-4339-a354-82c8e6e36ea1", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 980, + "height": 324 + } }, { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abbe081c-301a-48f2-9afd-220690b3b092", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 485, + "height": 224 + } }, { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4d23b0c-ba5a-4536-9b94-97ed491e3456", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 485, + "height": 224 + } }, { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad199ea0-3ab0-47f5-a64f-21047a710c54", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 980, + "height": 260 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "focus", - "disabled", - "inactive" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f2dc732-82af-49e0-a97c-330d049f2c89", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 980, + "height": 260 + } }, { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-04-11T13:08:54.349Z", - "updatedAt": "2024-12-16T14:29:06.517Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "underline_nav", - "name": "UnderlineNav", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26717%3A1390", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/887373a8-9303-418f-8f6f-54d255fed896", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 485, + "height": 168 + } + }, { - "name": "menu?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/28945039-0e8d-48eb-a35c-8d83f537f8ae", + "props": [ + { + "name": "leadingVisual", + "value": "icon" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 485, + "height": 168 + } }, { - "name": "overflow?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20017f7f-90d7-49d1-bd0f-2b8c8a554eb8", + "props": [ + { + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 980, + "height": 320 + } }, { - "name": "Type", - "type": "VARIANT", - "defaultValue": "repository", - "values": [ - "other", - "team", - "user", - "organization", - "repository" - ] - } - ], - "thumbnails": [ + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e9260d7-4427-4176-ad5a-2e093318c09c", + "props": [ + { + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 980, + "height": 320 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/857ead80-c253-4014-9bed-4e408bcd1de1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f95567b-816d-44ab-bd1b-87eec1c3f1ae", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "Type", - "value": "repository" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 1150, - "height": 48 + "width": 485, + "height": 276 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1a1ee3c-e417-49f1-80b6-35c3344c70ef", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac3e4d55-3486-4aa0-af9b-f83f34054d03", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", - "value": "false" + "name": "primaryAction", + "value": "true" }, { - "name": "Type", - "value": "organization" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 1271, - "height": 48 + "width": 485, + "height": 276 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b710c0a8-4f18-4e64-94c2-4f604412753c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20e983ae-9088-433f-a5e1-d3ed6e14e8b1", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "false" }, { - "name": "Type", - "value": "user" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 793, - "height": 48 + "width": 980, + "height": 256 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eed0cd11-0a60-4833-8e7b-2c5e810f051a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dab52d43-b8ab-4b47-b15f-c81bf6fc10c1", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "false" }, { - "name": "Type", - "value": "team" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 687, - "height": 48 + "width": 980, + "height": 256 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4753fbd0-973c-449f-9717-16cc84b63d7f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c95dc8b-1f9b-4d5f-a159-f9e56356ef0e", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "false" }, { - "name": "overflow?", + "name": "secondaryAction", "value": "true" }, { - "name": "Type", - "value": "repository" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 587, - "height": 48 + "width": 485, + "height": 220 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e34f5f0f-bd42-4c4d-bcc3-d6deb90c5357", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4b211eb-3179-4757-9c30-fb2452662ecb", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "false" }, { - "name": "overflow?", + "name": "secondaryAction", "value": "true" }, { - "name": "Type", - "value": "organization" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 587, - "height": 48 + "width": 485, + "height": 220 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3f2dc8f-4a98-486c-aa3e-d3395284dbdb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2cc9bc0-b508-40c9-8743-cc3d8b184a17", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "true" }, { - "name": "Type", - "value": "user" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 587, - "height": 48 + "width": 980, + "height": 416 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f18fe7b-83f2-4103-95bb-f9f06e89eb24", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30ed2bf7-e2c1-4726-b63c-3914f1da56cc", "props": [ { - "name": "menu?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "true" }, { - "name": "Type", - "value": "team" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 587, - "height": 48 + "width": 980, + "height": 416 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/493861bf-624a-4d3f-807e-c849bf6b07e2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c25a57a7-ca16-4322-80cd-214fb99f8e12", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "overflow?", - "value": "false" + "name": "secondaryAction", + "value": "true" }, { - "name": "Type", - "value": "repository" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 1150, - "height": 48 + "width": 485, + "height": 324 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/94d127f6-cacf-4e42-9b3a-fe02787e0ef6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/286771f6-0f2a-45c8-87c5-efb65aabddf6", "props": [ { - "name": "menu?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "overflow?", - "value": "false" + "name": "secondaryAction", + "value": "true" }, { - "name": "Type", - "value": "organization" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 1271, - "height": 48 + "width": 485, + "height": 324 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3be839b-05c6-4eb7-b25a-61b6ae51974b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3a41b582-27a9-42cd-a642-2c84742bfc07", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "false" }, { - "name": "Type", - "value": "user" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 793, - "height": 48 + "width": 980, + "height": 352 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2903b07-d3ad-4453-a74f-207c4e53cfb0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1eede39d-3fe2-4bfd-a525-ebf8606e7bba", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "false" }, { - "name": "Type", - "value": "team" + "name": "secondaryAction", + "value": "true" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 687, - "height": 48 + "width": 980, + "height": 352 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c6426f67-a3c5-458e-aff7-e8c0599e84a0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/775513ef-20da-488f-acda-c7c218ca7bc8", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", "value": "true" }, { - "name": "Type", - "value": "repository" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 587, - "height": 312 + "width": 485, + "height": 268 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df4607d0-c554-4180-b3e0-4df6cc26cd2f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b34114d7-92f9-4952-a421-37796aa0f4de", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", "value": "true" }, { - "name": "Type", - "value": "organization" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 587, - "height": 312 + "width": 485, + "height": 268 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e8271ee-e972-4305-b08e-f4c711daf702", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/306bb3d5-7647-4ac3-bbf4-07ff6c376c04", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "true" }, { - "name": "Type", - "value": "user" + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 587, - "height": 312 + "width": 980, + "height": 268 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00c0dbee-cda1-4f78-824d-21a1ce1f5456", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b0e7da9-2a58-40a3-814d-eef3e6ea4b5b", "props": [ { - "name": "menu?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "overflow?", + "name": "primaryAction", "value": "true" }, { - "name": "Type", - "value": "team" - } - ], - "dimensions": { - "width": 587, - "height": 312 - } - } - ], - "createdAt": "2023-09-04T11:57:20.364Z", - "updatedAt": "2024-12-16T14:29:13.977Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "data_table_column_header_cell", - "name": "DataTable/ColumnHeaderCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28503%3A10079", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "sort", - "type": "VARIANT", - "defaultValue": "none", - "values": [ - "none", - "⬆️ asc", - "⬇️ desc" - ] - }, - { - "name": "type", - "type": "VARIANT", - "defaultValue": "label", - "values": [ - "checkbox", - "empty", - "label" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-02-05T11:55:51.410Z", - "updatedAt": "2024-12-03T11:42:57.578Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "avatar_stack", - "name": "AvatarStack", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3805%3A24", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "avatars", - "type": "VARIANT", - "defaultValue": "3", - "values": [ - "2", - "3", - "4" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/28038a92-8094-441a-a617-c6c9121a5706", - "props": [ + "name": "secondaryAction", + "value": "false" + }, { - "name": "avatars", - "value": "3" - } - ], - "dimensions": { - "width": 42, - "height": 22 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46bbefad-cedd-438f-8cc1-a337b3cbfbc8", - "props": [ + "name": "narrow?", + "value": "off" + }, { - "name": "avatars", - "value": "2" - } - ], - "dimensions": { - "width": 36, - "height": 26 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23b7d24e-3c8a-45bf-bd5f-e32daad05a38", - "props": [ + "name": "spacious?", + "value": "off" + }, { - "name": "avatars", - "value": "4" - } - ], - "dimensions": { - "width": 52, - "height": 22 - } - } - ], - "createdAt": "2020-11-07T01:11:27.979Z", - "updatedAt": "2024-12-16T14:29:06.453Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_trailing_action_button", - "name": "ActionList.Item/TrailingActionButton", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15836%3A62021", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "pressed", - "hover", - "rest", - "focus", - "focus-button", - "disabled" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-10-06T19:29:50.770Z", - "updatedAt": "2024-12-16T14:29:06.508Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "radio", - "name": "Radio", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46367", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "caption?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "disabled", - "focus" - ] + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 980, + "height": 268 + } }, { - "name": "checked?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ec03286-4192-42e6-9b30-e52148d3ac77", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f6c93ca2-cc7f-4ca7-bf7e-29fac79a12a5", "props": [ { - "name": "caption?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "rest" + "name": "primaryAction", + "value": "true" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 485, + "height": 224 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/878ac41a-a9dd-4cdd-b9a4-28b2ed500bbc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/383ed298-00a5-4ddb-986e-1c4593d05b42", "props": [ { - "name": "caption?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", + "value": "true" + }, + { + "name": "secondaryAction", "value": "false" }, { - "name": "state", - "value": "rest" + "name": "narrow?", + "value": "on" }, { - "name": "checked?", - "value": "true" + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 485, + "height": 224 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f6f44ecd-5b9c-4b83-864d-bc2e235526f8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5afc8930-bd38-4c54-a8dd-c8804ea2159a", "props": [ { - "name": "caption?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "disabled" + "name": "primaryAction", + "value": "false" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 980, + "height": 204 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b318a2b-9167-40a5-b425-2a69bba60d0c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92896a1d-98f9-4ab0-9d37-48cb4e247f2e", "props": [ { - "name": "caption?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "false" }, { - "name": "state", - "value": "disabled" + "name": "secondaryAction", + "value": "false" }, { - "name": "checked?", - "value": "true" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 980, + "height": 204 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd7d72d6-430a-43e7-8cfa-83c9ce4960c5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4df7cff3-eae9-4eaf-a244-aca31d79c7b2", "props": [ { - "name": "caption?", - "value": "false" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "focus" + "name": "primaryAction", + "value": "false" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 94, - "height": 20 + "width": 485, + "height": 176 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ad8d4f2-9b85-4e6f-a432-0f061cb824d9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53ed7a2f-f55f-4183-8354-ffd541eee01f", "props": [ { - "name": "caption?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "false" }, { - "name": "state", - "value": "focus" + "name": "secondaryAction", + "value": "false" }, { - "name": "checked?", - "value": "true" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "off" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 94, - "height": 20 + "width": 485, + "height": 168 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/675d3b4c-f24f-4a85-9fd3-3b4d1e945394", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2050df11-f9a8-48b9-85b6-41e0add0ab77", "props": [ { - "name": "caption?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "rest" + "name": "primaryAction", + "value": "true" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 93, - "height": 44 + "width": 980, + "height": 364 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/acb3a79d-1775-4036-9425-16bb8e826527", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27919160-9120-4a23-8826-7c3f3c129491", "props": [ { - "name": "caption?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "state", - "value": "rest" + "name": "secondaryAction", + "value": "false" }, { - "name": "checked?", - "value": "true" + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 93, - "height": 44 + "width": 980, + "height": 364 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a1c3604-6ac3-48e9-8729-11579a274b1e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31d87186-8abf-4a39-91a2-2a55a5786b4e", "props": [ { - "name": "caption?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "disabled" + "name": "primaryAction", + "value": "true" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 93, - "height": 44 + "width": 485, + "height": 272 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c1d30a7-b001-4ce2-8cf9-ae8f274f4f92", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e3fef44-5e9b-469d-9cba-3e58d51bb403", "props": [ { - "name": "caption?", + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", "value": "true" }, { - "name": "state", - "value": "disabled" + "name": "secondaryAction", + "value": "false" }, { - "name": "checked?", - "value": "true" + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 93, - "height": 44 + "width": 485, + "height": 272 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/594ec73c-b314-43c8-8248-f7f5b0339845", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/150b2b8b-a58b-4fd7-8fcc-43b6a7bd477f", "props": [ { - "name": "caption?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "focus" + "name": "primaryAction", + "value": "false" }, { - "name": "checked?", + "name": "secondaryAction", "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" } ], "dimensions": { - "width": 95, - "height": 44 + "width": 980, + "height": 300 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d22b9cb-c385-4a34-b1d8-82ab414c81c6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1731aa47-4848-43b5-8d0e-85caa7bd77f2", "props": [ { - "name": "caption?", - "value": "true" + "name": "leadingVisual", + "value": "spinner" }, { - "name": "state", - "value": "focus" + "name": "primaryAction", + "value": "false" }, { - "name": "checked?", - "value": "true" + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "off" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" } ], "dimensions": { - "width": 95, - "height": 44 + "width": 980, + "height": 300 } - } - ], - "createdAt": "2022-07-21T21:24:43.854Z", - "updatedAt": "2024-12-10T15:29:52.419Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "tree_view_item", - "name": "TreeView.Item", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=35020%3A46073", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "hasFocus", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Type", - "type": "VARIANT", - "defaultValue": "Parent", - "values": [ - "Parent", - "Item" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-07-18T13:28:58.322Z", - "updatedAt": "2024-12-03T11:42:08.949Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_incative_multi_select", - "name": "ActionList.Item/IncativeMultiSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A70145", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest" - ] - }, - { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - }, - { - "name": "leadingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] }, { - "name": "trailingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-11-22T17:05:48.443Z", - "updatedAt": "2024-12-16T14:29:13.965Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_start", - "name": "[DEPRECATED] Secondary-Buttons/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52237", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7485802-a060-42ec-98d8-22c630e8da83", + "props": [ + { + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "on" + } + ], + "dimensions": { + "width": 485, + "height": 216 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8263807d-1361-4004-98f2-2a66a9895a5c", + "props": [ + { + "name": "leadingVisual", + "value": "spinner" + }, + { + "name": "primaryAction", + "value": "false" + }, + { + "name": "secondaryAction", + "value": "false" + }, + { + "name": "narrow?", + "value": "on" + }, + { + "name": "spacious?", + "value": "on" + }, + { + "name": "border?", + "value": "off" + } + ], + "dimensions": { + "width": 485, + "height": 216 + } } ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:21.957Z", - "updatedAt": "2024-12-03T11:42:08.976Z", + "createdAt": "2020-12-10T22:53:13.613Z", + "updatedAt": "2024-12-18T21:18:06.245Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "select", - "name": "Select", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46907", + "id": "subhead", + "name": "Subhead", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9658%3A48165", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "caption?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "menu?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "label?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", + "name": "type", "type": "VARIANT", - "defaultValue": "medium", + "defaultValue": "default", "values": [ - "medium", - "small", - "large" + "danger", + "default" ] }, { - "name": "state", + "name": "description", "type": "VARIANT", - "defaultValue": "rest", + "defaultValue": "none", "values": [ - "rest", - "focus", - "disabled" + "none", + "short", + "long" ] }, { - "name": "validation", + "name": "actions", "type": "VARIANT", "defaultValue": "none", "values": [ - "none", - "invalid", - "success" + "button", + "link", + "none" ] }, { - "name": "fullWidth?", + "name": "isSpacious?", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "off", "values": [ - "false", - "true" + "off", + "on" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea9abf0e-4776-471d-b4e1-3a7a3d8312f7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4632f4bf-3793-4476-bfef-e212b6b16cf3", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" + "name": "type", + "value": "default" }, { - "name": "state", - "value": "disabled" + "name": "description", + "value": "none" }, { - "name": "validation", + "name": "actions", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "isSpacious?", + "value": "off" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 940, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f36ac0d0-48de-4a3d-9e14-10159882d6d0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82fc448a-ed0a-4fae-ade0-3a986669cbaa", "props": [ { - "name": "menu?", - "value": "true" + "name": "type", + "value": "default" }, { - "name": "caption?", - "value": "false" + "name": "description", + "value": "long" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "none" }, { - "name": "size", - "value": "large" + "name": "isSpacious?", + "value": "off" + } + ], + "dimensions": { + "width": 940, + "height": 104 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61e0c9df-1678-4cbf-ade7-3c2dfaf2b736", + "props": [ + { + "name": "type", + "value": "default" }, { - "name": "state", - "value": "rest" + "name": "description", + "value": "short" }, { - "name": "validation", + "name": "actions", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "isSpacious?", + "value": "off" } ], "dimensions": { - "width": 166, + "width": 940, "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b696db3-1109-4ff3-b742-ba3c70b23729", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e85c0b96-7ba8-43e1-9d99-b43f099f6da8", "props": [ { - "name": "caption?", - "value": "false" + "name": "type", + "value": "default" }, { - "name": "menu?", - "value": "true" + "name": "description", + "value": "none" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "none" }, { - "name": "size", - "value": "large" + "name": "isSpacious?", + "value": "on" + } + ], + "dimensions": { + "width": 940, + "height": 96 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a3767bac-ea98-4ba9-abdb-047b02f570e3", + "props": [ + { + "name": "type", + "value": "default" }, { - "name": "state", - "value": "focus" + "name": "description", + "value": "long" }, { - "name": "validation", + "name": "actions", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "isSpacious?", + "value": "on" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 940, + "height": 144 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56e7483b-6068-4517-a8a9-b7136c795270", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a33418d-8b2b-4d05-bdb7-b88244f35133", "props": [ { - "name": "menu?", - "value": "true" + "name": "type", + "value": "default" }, { - "name": "caption?", - "value": "false" + "name": "description", + "value": "short" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "none" }, { - "name": "size", - "value": "large" + "name": "isSpacious?", + "value": "on" + } + ], + "dimensions": { + "width": 940, + "height": 136 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d6fb6bc-8ba1-4d40-9b30-1c8f749f60ef", + "props": [ + { + "name": "type", + "value": "danger" }, { - "name": "state", - "value": "disabled" + "name": "description", + "value": "none" }, { - "name": "validation", + "name": "actions", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "isSpacious?", + "value": "off" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 940, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a4ff64f-9567-401f-b33d-8049fe5556e5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fb60ae0-b95f-4daa-aae3-d3c9bac93e02", "props": [ { - "name": "caption?", - "value": "false" + "name": "type", + "value": "danger" }, { - "name": "menu?", - "value": "true" + "name": "description", + "value": "none" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "none" }, { - "name": "size", - "value": "large" - }, + "name": "isSpacious?", + "value": "on" + } + ], + "dimensions": { + "width": 940, + "height": 96 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eacd94f8-97ce-4c8c-af1c-4d0f19a2d97a", + "props": [ { - "name": "state", - "value": "rest" + "name": "type", + "value": "default" }, { - "name": "validation", + "name": "description", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "actions", + "value": "button" + }, + { + "name": "isSpacious?", + "value": "off" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 940, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f72ec0d1-755d-4267-8f41-c1fe663d368c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/928eeaa2-108b-4160-9eb5-6f65928a1a46", "props": [ { - "name": "menu?", - "value": "true" + "name": "type", + "value": "default" }, { - "name": "caption?", - "value": "false" + "name": "description", + "value": "short" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "button" }, { - "name": "size", - "value": "large" - }, + "name": "isSpacious?", + "value": "off" + } + ], + "dimensions": { + "width": 940, + "height": 96 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8160a694-bc1b-4baa-a3f5-96661ab37c11", + "props": [ { - "name": "state", - "value": "focus" + "name": "type", + "value": "default" }, { - "name": "validation", + "name": "description", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "actions", + "value": "button" + }, + { + "name": "isSpacious?", + "value": "on" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 940, + "height": 96 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62f7e59c-5fc3-468a-b830-b0c6d98ef94d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/374117a4-28d5-4252-a110-7670e6262193", "props": [ { - "name": "menu?", - "value": "true" + "name": "type", + "value": "default" }, { - "name": "caption?", - "value": "false" + "name": "description", + "value": "short" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "button" }, { - "name": "size", - "value": "large" - }, + "name": "isSpacious?", + "value": "on" + } + ], + "dimensions": { + "width": 940, + "height": 136 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/94b18cd7-9d95-4830-8d90-57d0285a802b", + "props": [ { - "name": "state", - "value": "disabled" + "name": "type", + "value": "default" }, { - "name": "validation", + "name": "description", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "actions", + "value": "link" + }, + { + "name": "isSpacious?", + "value": "off" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 940, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a56131e4-f919-4e82-b0e0-0659eeb87cea", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/152d4fd3-f3ac-4320-9711-51d3f53db03e", "props": [ { - "name": "menu?", - "value": "true" + "name": "type", + "value": "default" }, { - "name": "caption?", - "value": "true" + "name": "description", + "value": "none" }, { - "name": "label?", - "value": "true" + "name": "actions", + "value": "link" }, + { + "name": "isSpacious?", + "value": "on" + } + ], + "dimensions": { + "width": 940, + "height": 96 + } + } + ], + "createdAt": "2021-10-04T18:25:17.002Z", + "updatedAt": "2024-12-18T21:18:40.461Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "issue_label_token", + "name": "IssueLabelToken", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10490%3A36900", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small", + "values": [ + "large", + "medium", + "small", + "xlarge" + ] + }, + { + "name": "adaptive color (background)", + "type": "VARIANT", + "defaultValue": "dark", + "values": [ + "dark", + "light" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "remove?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab42304e-d16b-48e2-94ff-d94e1a979e21", + "props": [ { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 49, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5cfe15e4-182d-4b02-8ef8-0760ff9cb4bd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ddd09dff-4909-40a3-9006-c51a861a0c2f", "props": [ { - "name": "caption?", - "value": "true" + "name": "size", + "value": "small" }, { - "name": "menu?", - "value": "true" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", - "value": "true" + "name": "selected?", + "value": "false" }, + { + "name": "remove?", + "value": "false" + } + ], + "dimensions": { + "width": 49, + "height": 16 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b63a994-2c1a-4e82-8c2a-5f321b25278e", + "props": [ { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "focus" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "remove?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 61, + "height": 16 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc140ba4-5b73-47d7-9924-286b205e86bd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5069c51b-7482-4e39-a273-2613d653c6b8", "props": [ { - "name": "menu?", - "value": "true" + "name": "size", + "value": "small" }, { - "name": "caption?", - "value": "true" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", - "value": "true" + "name": "selected?", + "value": "false" }, + { + "name": "remove?", + "value": "true" + } + ], + "dimensions": { + "width": 61, + "height": 16 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/293015fd-03c6-4d4b-bd53-a7a3500e548f", + "props": [ { "name": "size", "value": "large" }, { - "name": "state", - "value": "disabled" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62b74c12-e33b-477e-b821-db885be2d2ba", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be1a55f7-5e6e-4f1a-80f2-b4bbd79560fe", "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "large" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "remove?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 49, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70449ef8-ebe8-43b9-a2ff-9f017bdfea78", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f53beecd-945f-436c-a547-37870f346d89", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "large" }, { - "name": "state", - "value": "focus" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 63, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1cd5f012-b316-4f17-b5ce-896773a67451", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1438772c-fe26-417e-929e-6496dfc7b89e", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "large" }, { - "name": "state", - "value": "disabled" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "none" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 63, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bb6742be-9241-4b6e-811a-5091804d0e9a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/470038c8-c6fe-4a52-9abe-a8a8d3481a28", "props": [ - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 49, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0da53088-a78c-4959-9a35-fa9797969fa3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a1d9191-1410-4fbb-a1f7-cda7cc86f4c0", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "remove?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 49, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c4cc55aa-06ba-4d99-98ba-49514cc9ae7f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01b55895-d8e7-4d3e-bcaf-442787c23917", "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "remove?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 104 + "width": 63, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00229b80-63ff-46cc-b7b6-cc298ad0a53b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/80bcb43c-2991-4df7-8519-af6bd5f2e739", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 104 + "width": 63, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc71d59c-ff1c-4bf3-a1ef-86c6cf37064f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7d1bdcd8-58df-4fb7-ae72-593385bf73bd", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 54, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41b6f334-97fb-4afd-b48c-354be2e54a81", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2de6ce89-42f4-42d8-9f58-786af76ae0b7", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "remove?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 54, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c4e2438-6863-48bf-b463-a80c4d97f3c7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0cb14c97-0c71-49f1-9865-e3d98b2b1005", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "remove?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 100 + "width": 68, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e599559c-a27f-4578-8f77-4c29891e22bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e020ced-1f08-448a-a767-80c0133de554", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "false" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 100 + "width": 68, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/db9e7ddc-c8fd-4023-b69e-4724a9295a41", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d1ad634-188a-4650-8a11-0cc588d5f975", "props": [ - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 53, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f2991a7-b702-42bd-817c-b2229a4cd066", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6504e654-6f5a-4f89-b17d-13df6cf76ae6", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "remove?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 53, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/283b45ac-6544-4836-9772-f43e66a1180a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/533f0166-7878-48c7-a845-beaab3852258", "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "remove?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 112 + "width": 65, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e818aa5d-7468-4cab-a165-7f92b984d930", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb41a3bd-865b-4c6b-9780-92466086ba1c", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "invalid" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 112 + "width": 65, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41169627-4c00-44d3-98bb-0edc483e43a6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b240fb54-64b0-469c-a5ed-4b66f327e12f", "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "medium" + "value": "large" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 53, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e63ea1e0-9195-42af-ab3f-2cd29606a3c0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/766a1182-80ad-451f-9c64-d15ca3439339", "props": [ { - "name": "menu?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "caption?", - "value": "false" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", + "name": "selected?", "value": "true" }, + { + "name": "remove?", + "value": "false" + } + ], + "dimensions": { + "width": 53, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a3b7feb6-244c-47a8-bc84-712a4b76b5ea", + "props": [ { "name": "size", - "value": "medium" + "value": "large" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 67, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/887176a1-f97c-4804-8543-5ab552f8c1ad", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/675d4f21-02c8-4c5e-9c65-73e654c3461e", "props": [ { - "name": "menu?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "caption?", - "value": "true" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", + "name": "selected?", "value": "true" }, + { + "name": "remove?", + "value": "true" + } + ], + "dimensions": { + "width": 67, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf96890b-c10c-4d16-a8d7-2ee97b2ef1b0", + "props": [ { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 104 + "width": 53, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2cc0904a-04f0-4b99-8922-5f0c019e2179", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5aba302-86ae-4c79-8923-7eb8d15130d2", "props": [ { - "name": "menu?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "caption?", - "value": "true" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", + "name": "selected?", "value": "true" }, + { + "name": "remove?", + "value": "false" + } + ], + "dimensions": { + "width": 53, + "height": 24 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22326558-0b23-4877-94d9-ec48c8c565cd", + "props": [ { "name": "size", "value": "medium" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 104 + "width": 67, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1e8a5a0-3205-40f1-bef1-20618b4d0726", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/102979b8-2fd5-4e22-99ea-f55208b8fa0a", "props": [ { - "name": "caption?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "menu?", - "value": "true" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", + "name": "selected?", "value": "true" }, + { + "name": "remove?", + "value": "true" + } + ], + "dimensions": { + "width": 67, + "height": 24 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b0b8e79-f78f-41e9-94d4-de48eecdb052", + "props": [ { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 58, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd9cd7a7-8401-4c17-b74b-e2684f8fdd19", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ba426ee-4200-4fa7-99bd-ef655e4895d6", "props": [ { - "name": "menu?", - "value": "true" + "name": "size", + "value": "xlarge" }, { - "name": "caption?", - "value": "false" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "label?", + "name": "selected?", "value": "true" }, + { + "name": "remove?", + "value": "false" + } + ], + "dimensions": { + "width": 58, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b5b32c4-a62a-4ad2-a390-0cca366deb06", + "props": [ { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "dark" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", + "name": "remove?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 72, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/701cffeb-1312-4b4d-af63-a2ba25b36388", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b2a3edcb-25c8-4d9b-a4d6-2f5230464c69", "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, { "name": "size", - "value": "small" + "value": "xlarge" }, { - "name": "state", - "value": "rest" + "name": "adaptive color (background)", + "value": "light" }, { - "name": "validation", - "value": "success" + "name": "selected?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "remove?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 100 + "width": 72, + "height": 36 } + } + ], + "createdAt": "2022-03-28T23:30:59.488Z", + "updatedAt": "2024-12-18T21:18:33.830Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "banner", + "name": "Banner", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34303%3A2712", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "SecondaryAction?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "Icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "PrimaryAction?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "Variant", + "type": "VARIANT", + "defaultValue": "warning", + "values": [ + "warning", + "critical", + "success", + "info", + "upsell" + ] + }, + { + "name": "Title?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "Dismissible?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1b7b7df-de34-49f7-bccd-72a3623e5a19", + "name": "Small", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e20f6f9-a736-40f3-a110-b2a8478c2ace", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 100 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0eba4ac9-efbb-4669-ad72-8ef1fa369d58", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23646b96-6713-433a-92d2-32f518f4a460", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1557502b-a148-4958-a5fd-b75709afa2a2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e9398f99-fa9c-41b1-ba69-536b2d13f659", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "success" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 972, + "height": 117 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e60f2ac9-628f-46cd-8926-dd0e1b278319", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c3170df-bcf9-4d3a-8a76-a5da1e85e9f4", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "success" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 112 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d14da679-b599-440c-adba-79c6f92c3aef", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3bfd19c-bbe3-4757-bac5-46a56569f216", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 112 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad24a8c5-0678-4b39-bf35-3a3e194fb67b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58dd7159-2566-4d3b-a743-d7e13300a229", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/588ec6b1-4b60-4855-a95b-01dda2919d99", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4f58d70-52d3-496d-b075-d86241cd0f55", "props": [ { - "name": "caption?", - "value": "false" + "name": "PrimaryAction?", + "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 73 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cfe5e55d-ecd8-4d5a-b898-e30ece6a85e5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d116ac8-380d-47de-a6f8-23b9505158cc", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "warning" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f6cde00-f6e4-40f8-bd00-3c46e912d0f6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c594473-a381-465d-8eb9-7e5d714f60d2", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "critical" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f7991db-1581-4ff7-8fb9-e5a3ab7b8848", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25fec6ed-362f-4356-8dd4-ab0d11dd087a", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "critical" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a4ab032-3a04-43a0-86a5-3f28d1561068", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f3799b5-a7eb-4174-b321-176c3a315c65", "props": [ { - "name": "caption?", - "value": "false" + "name": "PrimaryAction?", + "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "critical" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 73 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec1a0ea2-df77-462d-9e1c-00a23eaf377c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6bdbd6a6-1cfc-4e60-a82e-ec86a300a2f5", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "critical" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d44ee3b0-1581-4663-b947-f597dcd325ea", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/becf8a26-ca8a-413c-973b-3d0a670d87b0", "props": [ { - "name": "caption?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", + "name": "Small", "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56ce043e-3dce-4e9d-9b32-32a27d1052a1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/137c66d3-3983-4a95-90f7-6e7354b28c71", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ab1287f-0c4d-4654-b81b-6be70fd79555", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbf88ce6-5c1b-4db1-92aa-3b19432ef69f", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 117 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a01cdfd8-8ba3-4f2d-9362-1bd28aa24422", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e0fc057d-daf1-44ea-8aa3-8a941598da4d", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", + "name": "Small", "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d1a31e5-f37b-4c4d-8783-67882c6cdc0b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69555663-092c-4621-8e94-99b3d623d776", "props": [ { - "name": "caption?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56594ab1-8d30-4af0-b701-1795bed0e474", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d120fa05-9b19-4b62-9b33-22ab9900faf4", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/917b7039-8e8b-4ef1-9bc0-d0fd7478a30b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/839d3c67-4107-4502-90ae-2e8a5615c3ed", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 73 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a32e06f2-0c48-4d27-844c-05bb4301cb1e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b955919d-b551-42fb-827b-37a8b54b6321", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "success" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/100c9cf4-7b41-4eb7-aa57-5e4eea4a3ddb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1393d75-02a8-4c63-a52e-3b632cd20b1d", "props": [ { - "name": "caption?", - "value": "false" + "name": "PrimaryAction?", + "value": "true" }, { - "name": "menu?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1765f11c-7ee8-4967-9153-9a81a7e70532", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f41444b5-5d6a-4294-9f81-bd8a06940f20", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", + "name": "Small", "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dc151065-afa1-4a35-a470-2a8de56906f3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a35af5d8-ad36-41e1-ad5f-ffcc052cb918", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "state", - "value": "disabled" + "name": "Variant", + "value": "info" }, { - "name": "validation", - "value": "none" + "name": "Title?", + "value": "true" }, { - "name": "fullWidth?", + "name": "Dismissible?", "value": "true" + }, + { + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 117 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a1a5bc5-a5ce-4a18-8ad6-db1be2fd3e23", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/443e8415-352d-43ad-8428-8d5c52d3e2ae", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16a2ad1e-7c0e-4914-9f4b-410ac389d997", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d1710ba-28a7-4414-ae15-9e07ce262e79", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5df10d9e-fd87-485e-8442-1e35b11aa405", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71d75d51-26ff-4f08-aa3c-f3729d405c33", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" + "name": "Icon", + "value": "31764:4542" }, { - "name": "state", - "value": "disabled" + "name": "Variant", + "value": "info" }, { - "name": "validation", - "value": "none" + "name": "Title?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Dismissible?", "value": "false" + }, + { + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7839a67e-1c64-423c-9fd7-3100fe9ef9ad", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6435dd1-be7e-42f6-b5f3-f8a9ae4354ad", "props": [ { - "name": "caption?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 73 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0b18ce87-ced7-4f66-bc24-740336362844", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6541dc91-dabc-4b5e-84ab-d9f94029a35b", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "info" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e695de1-f041-4d56-986d-5bd4a0beac4b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b0c5abc9-ddf7-4d07-83c9-d3ecd8f37d88", "props": [ { - "name": "caption?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "menu?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "small" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f4cd816-c046-4606-9ab4-bbb81a78591a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6fc0c1e2-baf0-48c6-9e42-66f8440fcf08", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1489f0a-228e-45b6-a9a6-31ef48dcfdba", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd576fde-edb0-4878-bcbb-a2659bed11d9", "props": [ { - "name": "caption?", - "value": "false" + "name": "PrimaryAction?", + "value": "true" }, { - "name": "menu?", - "value": "true" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", + "name": "Small", "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 117 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71b446f3-d1cd-48ca-97e0-069c78bbd8aa", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c24d7de2-3bab-4324-a3d5-38b2523b3e19", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 157 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/009f3674-189a-4cbf-90cb-afe7aff49976", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5dac0721-9b56-4866-8c17-ce4671c03e3b", "props": [ { - "name": "caption?", - "value": "false" + "name": "PrimaryAction?", + "value": "true" }, { - "name": "menu?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 49 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/739c5e0d-eff9-4f55-8144-3becb7680b54", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c3a629d8-54a3-44df-9b47-e7bb5d2b8bda", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "focus" + "name": "Title?", + "value": "false" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", + "name": "Small", "value": "true" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 328, + "height": 133 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e704d8b-bef5-4d3c-84ad-6e5e150d9047", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfc02795-577a-4f64-b95c-495312ad731e", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "label?", - "value": "false" + "name": "SecondaryAction?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "disabled" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Small", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 68 + "width": 972, + "height": 73 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92cb8570-ada2-4de2-881f-0aa0614f5425", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/059e4919-92a4-4184-b855-d7b0e8946abb", "props": [ { - "name": "menu?", + "name": "PrimaryAction?", "value": "true" }, { - "name": "caption?", + "name": "SecondaryAction?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "Icon", + "value": "31764:4542" }, { - "name": "size", - "value": "large" + "name": "Variant", + "value": "upsell" }, { - "name": "state", - "value": "rest" + "name": "Title?", + "value": "true" }, { - "name": "validation", - "value": "none" + "name": "Dismissible?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Small", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 328, + "height": 157 } + } + ], + "createdAt": "2024-06-12T14:47:25.015Z", + "updatedAt": "2024-12-18T21:18:13.004Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_middle", + "name": "[DEPRECATED] Danger-Buttons/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28856%3A52022", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "disabled", + "focus", + "hover", + "pressed", + "rest" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:21.989Z", + "updatedAt": "2024-12-18T21:17:42.513Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_end", + "name": "[DEPRECATED] Danger-Buttons/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28856%3A52021", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "disabled", + "focus", + "hover", + "pressed", + "rest" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.307Z", + "updatedAt": "2024-12-18T21:18:26.905Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_start", + "name": "[DEPRECATED] Danger-Buttons/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28855%3A51983", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "disabled", + "focus", + "hover", + "pressed", + "rest" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.313Z", + "updatedAt": "2024-12-18T21:17:42.576Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_medium_end", + "name": "[DEPRECATED] Primary-Buttons/medium/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88969", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:59.897Z", + "updatedAt": "2024-12-18T21:17:42.597Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_start", + "name": "[DEPRECATED] Primary-Buttons/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52225", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "disabled", + "focus", + "hover", + "pressed", + "rest" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.325Z", + "updatedAt": "2024-12-18T21:18:33.777Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_small_middle", + "name": "[DEPRECATED] Primary-Buttons/small/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88948", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/313b7ec1-f651-4d18-ad28-ef149de6aa3d", - "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" - } - ], - "dimensions": { - "width": 166, - "height": 80 - } + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44273a43-75f0-465f-ad1f-bd8ec7003071", - "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" - } - ], - "dimensions": { - "width": 166, - "height": 80 - } + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53a1fdff-ffd1-4e4c-9999-ce7bf9bef0c0", - "props": [ - { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" - } - ], - "dimensions": { - "width": 166, - "height": 80 - } + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.957Z", + "updatedAt": "2024-12-18T21:18:33.789Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "tab_nav", + "name": "TabNav", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=24375%3A94677", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "trailingAction?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b4b9291-a90d-4bae-ba14-6a60e5be8a62", - "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" - } - ], - "dimensions": { - "width": 166, - "height": 80 - } + "name": "leadingGap?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4dcfd3b0-e36a-457d-9467-2e23a11c7985", + "name": "", + "type": "VARIANT", + "defaultValue": "5", + "values": [ + "2", + "3", + "4", + "5" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fcd8e0c-7556-447c-85bf-12f6248d5f07", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", + "name": "trailingAction?", "value": "true" }, { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "5" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/909a1438-ba9f-42e2-9887-cda07a22df6c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/66d69875-293d-4e9c-8919-5371032bb7a2", "props": [ { - "name": "caption?", + "name": "leadingGap?", "value": "false" }, { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "5" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d037c6d-4e35-41e1-974e-2587514745b8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac68fa92-3817-4b76-8185-abf3029dc1ee", "props": [ { - "name": "menu?", + "name": "trailingAction?", "value": "true" }, { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "2" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91b81c6a-c1c4-49fb-bf80-733af8ace3c7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24787cfd-7c36-4cea-a2b9-58b84d29ae15", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" + "name": "trailingAction?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "2" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d410fa85-cf37-491a-8018-9aaea2bad0d1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ddcfee56-61eb-41a2-84dc-05855e628f91", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", + "name": "trailingAction?", "value": "true" }, { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "3" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2879a788-99cb-49ee-86fc-f876d5ba8f96", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0cc814f1-306d-409e-a46d-40b605ec3b80", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", + "name": "leadingGap?", "value": "false" }, { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "3" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d369f066-848d-4c3a-b226-75c80f45684f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d1ed1d6-b691-4ecd-8e45-bcef639aac2e", "props": [ { - "name": "menu?", + "name": "trailingAction?", "value": "true" }, { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "4" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92dbeab9-f07d-4c36-b72c-25e19cb8a4e5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/889c275c-34f5-4244-8072-4daf40dcb1f8", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", + "name": "leadingGap?", "value": "false" }, { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" + "name": "trailingAction?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "4" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67ae57a0-4d4e-41a7-8633-96eb033c251e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a0ba8e1d-eb13-404f-b2f2-bbcb4cfb1c57", "props": [ { - "name": "menu?", + "name": "leadingGap?", "value": "true" }, { - "name": "caption?", + "name": "trailingAction?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "5" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0fadbc2-2141-42db-a099-213ae41863df", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8c6a306a-77c9-4da1-ba47-c43fb679922e", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", + "name": "leadingGap?", "value": "true" }, { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "5" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/023cf8a5-7782-4935-ba7f-652e7770feb2", - "props": [ - { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9759ef5a-1106-4c25-aad7-2b3aa4f9786c", + "props": [ { - "name": "validation", - "value": "invalid" + "name": "leadingGap?", + "value": "true" }, { - "name": "fullWidth?", + "name": "trailingAction?", "value": "true" + }, + { + "name": "", + "value": "2" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1937d6a-4d01-408e-b22e-025dacb55892", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39534a37-3627-4084-82e1-694014844391", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", + "name": "leadingGap?", "value": "true" }, { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "large" - }, + "name": "", + "value": "2" + } + ], + "dimensions": { + "width": 472, + "height": 40 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d75a1fc5-9b76-4dfb-b741-9ae131617a0d", + "props": [ { - "name": "state", - "value": "rest" + "name": "leadingGap?", + "value": "true" }, { - "name": "validation", - "value": "invalid" + "name": "trailingAction?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "", + "value": "3" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e9f7354e-fa94-4c5c-a13b-7c3252c2e20f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/209d4ca9-0499-439d-9204-87d1a2c77c3e", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", + "name": "leadingGap?", "value": "true" }, { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "large" - }, + "name": "", + "value": "3" + } + ], + "dimensions": { + "width": 472, + "height": 40 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/086b446c-b7f8-44f4-b504-640ce71d3868", + "props": [ { - "name": "state", - "value": "rest" + "name": "leadingGap?", + "value": "true" }, { - "name": "validation", - "value": "invalid" + "name": "trailingAction?", + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "", + "value": "4" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 472, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/feeafefc-37cf-452b-9c54-c60369a3c292", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c30e000c-8a6a-46fa-925a-e3646899f102", "props": [ { - "name": "menu?", + "name": "leadingGap?", "value": "true" }, { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", + "name": "trailingAction?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, + "name": "", + "value": "4" + } + ], + "dimensions": { + "width": 472, + "height": 40 + } + } + ], + "createdAt": "2023-05-15T09:30:31.736Z", + "updatedAt": "2024-12-18T21:17:42.546Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_secondary_buttons_small_start", + "name": "[DEPRECATED] Secondary-Buttons/small/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88755", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:47.307Z", + "updatedAt": "2024-12-18T21:17:49.393Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "secondary_controls", + "name": "SecondaryControls", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=23598%3A90888", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "Type", + "type": "VARIANT", + "defaultValue": "link", + "values": [ + "button", + "checkbox", + "link" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-04-11T13:10:37.836Z", + "updatedAt": "2024-12-18T21:18:26.833Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "counter_label", + "name": "CounterLabel", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64970", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "primary", + "values": [ + "primary", + "secondary" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25a29a6d-6488-4029-8e09-bae6f6a3f123", + "props": [ { - "name": "fullWidth?", - "value": "false" + "name": "variant", + "value": "primary" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 28, + "height": 18 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a21f917-2b22-4d5c-82bf-7ad837eac408", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8667ff0-22d8-420f-8bd2-426f24958bfe", "props": [ { - "name": "menu?", - "value": "true" - }, + "name": "variant", + "value": "secondary" + } + ], + "dimensions": { + "width": 28, + "height": 18 + } + } + ], + "createdAt": "2022-11-16T15:34:48.354Z", + "updatedAt": "2024-12-18T21:18:33.752Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_trailing_collapse", + "name": "ActionList.Item/TrailingCollapse", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15836%3A63593", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "disabled", + "pressed", + "focus", + "hover-icon" + ] + }, + { + "name": "collapsed?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-10-06T19:30:01.294Z", + "updatedAt": "2024-12-18T21:18:19.315Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "filter_tabs_item", + "name": "FilterTabs/Item", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27509%3A259", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "selected", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "counter", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "hover", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-09-21T12:50:44.985Z", + "updatedAt": "2024-12-18T21:18:12.998Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "native_select_list_item", + "name": "NativeSelect/ListItem", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47234", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "Item text", + "values": [] + }, + { + "name": "checked?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "groupItem?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest (default)", + "values": [ + "rest (default)", + "hover" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-07-21T21:24:43.829Z", + "updatedAt": "2024-12-18T21:17:33.082Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "state_label", + "name": "StateLabel", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64962", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "issue", + "values": [ + "issue", + "pull request" + ] + }, + { + "name": "status", + "type": "VARIANT", + "defaultValue": "draft", + "values": [ + "draft", + "open", + "closed", + "merged", + "queued", + "unavailable" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "normal", + "values": [ + "small", + "normal" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d3db1d5-3019-41a0-ac65-8bdf850db4f1", + "props": [ { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "issue" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "draft" }, { "name": "size", - "value": "medium" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 80, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/471c2c00-5299-431e-bdfb-143e3d44ed5d", + "props": [ { - "name": "state", - "value": "rest" + "name": "variant", + "value": "issue" }, { - "name": "validation", - "value": "success" + "name": "status", + "value": "open" }, { - "name": "fullWidth?", - "value": "true" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 81, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a25a521a-c9ae-414c-9a3a-6fdae1f0396d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3cd0cd54-1d46-4bf0-bad0-02bf3f7b62c4", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" + "name": "variant", + "value": "issue" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "closed" }, { "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 92, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ddeb761-0a11-4799-8ef7-e65561497729", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7af81c1a-b9fe-4ee2-aebc-961beb379b92", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "unavailable" }, { "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 124, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70a84db3-7099-4669-a48a-d3b2be50f411", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/073c084a-2c31-4201-a11c-217ff2b27c60", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "true" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "draft" }, { "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 80, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/107903ea-9ec2-4946-ad14-e6d3150f24ff", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3e88a0e-8217-4311-ba7f-85d7084d3952", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "open" }, { "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 81, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bb89e653-61a6-4825-a64e-2a3213e57c9f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/873e4b4f-c093-4c81-950e-f889169a2d37", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "closed" }, { "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 92, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e6cb667a-2521-4481-b885-7212990d74b0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/327c7b25-d6cf-4bb2-861e-a9451dba7b9f", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "merged" }, { "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 81 + "width": 97, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24ee9a7e-aea1-4f88-a311-6aafb6374a83", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6ed2df0-e007-4e2e-9f46-ef233339f365", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "unavailable" }, { "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 124, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5024aae5-a47b-47a1-8dfb-bfbd14c89798", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c73d79a3-4a03-44bd-8ea2-1d094b9f72f0", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "queued" }, { "name": "size", - "value": "large" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 98, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be28f912-a95e-4bfc-a1c5-8646430b572d", + "props": [ { - "name": "state", - "value": "rest" + "name": "variant", + "value": "issue" }, { - "name": "validation", - "value": "success" + "name": "status", + "value": "draft" }, { - "name": "fullWidth?", - "value": "true" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 69 + "width": 80, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a30543dc-0134-45d2-846a-14112fbe2f27", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da2edc30-0140-4f38-a7a7-cf5c58329038", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" + "name": "variant", + "value": "issue" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "open" }, { "name": "size", - "value": "large" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 81, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/65cc0dfe-ea66-461e-a6f5-b2c2ee56a40d", + "props": [ { - "name": "state", - "value": "rest" + "name": "variant", + "value": "issue" }, { - "name": "validation", - "value": "success" + "name": "status", + "value": "closed" }, { - "name": "fullWidth?", - "value": "false" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 92, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ad083b2-90d9-4831-bbf5-037583db8dd2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9a6732d3-289f-4870-afc4-4fa47eb3f539", "props": [ { - "name": "menu?", - "value": "true" - }, - { - "name": "caption?", - "value": "true" + "name": "variant", + "value": "pull request" }, { - "name": "label?", - "value": "false" + "name": "status", + "value": "unavailable" }, { "name": "size", - "value": "large" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 124, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8723ec7d-6a21-4fc1-a913-8460be987e57", + "props": [ { - "name": "state", - "value": "rest" + "name": "variant", + "value": "pull request" }, { - "name": "validation", - "value": "success" + "name": "status", + "value": "draft" }, { - "name": "fullWidth?", - "value": "true" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 166, - "height": 88 + "width": 80, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c35a45d-9b64-450e-b2ca-0cf79fa2adf5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19a279be-72b5-4b3c-96be-aaf27cbdad0d", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "menu?", - "value": "false" + "name": "status", + "value": "open" }, { "name": "size", - "value": "medium" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 81, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87ef8c06-815b-4831-86d8-281c54e7a62b", + "props": [ { - "name": "state", - "value": "rest" + "name": "variant", + "value": "pull request" }, { - "name": "validation", - "value": "none" + "name": "status", + "value": "closed" }, { - "name": "fullWidth?", - "value": "false" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 92, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24b053af-a094-4a74-8925-b697d5d5dd97", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/093f09c5-baeb-4d5d-a270-f8d8c13da1a1", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "menu?", - "value": "false" + "name": "status", + "value": "merged" }, { "name": "size", - "value": "medium" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 97, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2598a746-fa53-497c-97cd-19dc6a551709", + "props": [ { - "name": "state", - "value": "focus" + "name": "variant", + "value": "pull request" }, { - "name": "validation", - "value": "none" + "name": "status", + "value": "unavailable" }, { - "name": "fullWidth?", - "value": "false" + "name": "size", + "value": "normal" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 124, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c4ab81f-63da-4cc4-89a6-f43c1c2d023f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d659ff5-4816-43fe-a9c0-f41874c55d19", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" + "name": "variant", + "value": "pull request" }, { - "name": "menu?", - "value": "false" + "name": "status", + "value": "queued" }, { "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, + "value": "normal" + } + ], + "dimensions": { + "width": 98, + "height": 32 + } + } + ], + "createdAt": "2022-11-16T15:35:01.994Z", + "updatedAt": "2024-12-18T21:17:33.108Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "pagination", + "name": "Pagination", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34607%3A94621", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "showPages", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd1e3c50-ae9a-47e9-864a-4ad490cbec30", + "props": [ { - "name": "validation", - "value": "none" - }, + "name": "showPages", + "value": "true" + } + ], + "dimensions": { + "width": 576, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54f76aa6-b12a-4be0-971d-91379777ef8f", + "props": [ { - "name": "fullWidth?", + "name": "showPages", "value": "false" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 176, + "height": 30 } + } + ], + "createdAt": "2024-07-01T12:06:32.166Z", + "updatedAt": "2024-12-18T21:17:42.488Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "notification_indicator", + "name": "NotificationIndicator", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26729%3A4902", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "Element", + "type": "INSTANCE_SWAP", + "defaultValue": "variant=secondary, size=medium, state=rest", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/adc2d8e9-642c-44b7-b408-d64256716899", + "name": "onBg", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "subtle", + "inset" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c5218a9-0cf7-42dc-8b2d-66422bd9e08c", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" + "name": "Element", + "value": "30468:5844" }, { - "name": "fullWidth?", - "value": "true" + "name": "onBg", + "value": "default" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 36, + "height": 37 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe119061-a8db-48e1-8b45-de08b8b3fdbd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/303ab0a9-fbbf-454f-8438-741e894ee4c7", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" + "name": "Element", + "value": "30468:5844" }, { - "name": "fullWidth?", - "value": "true" + "name": "onBg", + "value": "subtle" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 36, + "height": 37 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec718522-e44b-4b6d-8ac5-dcf3bd8c389e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aec2e597-bc63-4d56-9eaa-cd62a00ae1b9", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" + "name": "Element", + "value": "30468:5844" }, { - "name": "fullWidth?", - "value": "true" + "name": "onBg", + "value": "inset" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 36, + "height": 37 } + } + ], + "createdAt": "2023-09-04T13:54:40.198Z", + "updatedAt": "2024-12-18T21:29:15.067Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "button_group", + "name": "ButtonGroup", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=36325%3A3634", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "5th Button?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "3rd Button?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Last Button", + "type": "INSTANCE_SWAP", + "defaultValue": "variant=secondary, size=medium, state=rest, alignContent=center", + "values": [] + }, + { + "name": "4th Button?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "2nd Button?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "Size", + "type": "VARIANT", + "defaultValue": "medium", + "values": [ + "medium", + "small" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "secondary", + "values": [ + "secondary", + "primary", + "danger" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-08-28T11:46:24.008Z", + "updatedAt": "2024-12-18T21:18:06.227Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "topic_tag", + "name": "TopicTag", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64965", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "Label", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/370ea48a-c281-45ef-a884-2f63253ce307", + "name": "state", + "type": "VARIANT", + "defaultValue": "rest (default)", + "values": [ + "rest (default)", + "hover" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/132b23a5-837f-4e6a-ba41-0eef3170b476", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" + "name": "text", + "value": "Label" }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "rest (default)" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 57, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3c63b96-5bcc-4f7a-944b-286ef58d3dbd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/135f98c7-20a6-4ff0-bd9f-2db6d3214b18", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "false" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" + "name": "text", + "value": "Label" }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "hover" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 57, + "height": 26 } + } + ], + "createdAt": "2022-11-16T15:34:48.361Z", + "updatedAt": "2024-12-18T21:18:12.988Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "heading", + "name": "Heading", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=21069%3A78785", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "heading", + "type": "TEXT", + "defaultValue": "Content heading", + "values": [] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79b9b2c6-0300-4a69-b4c4-f43e295e27ac", + "name": "variant", + "type": "VARIANT", + "defaultValue": "large", + "values": [ + "large", + "medium", + "small" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aec0a8bc-552a-41be-9b00-151174891a53", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" + "name": "heading", + "value": "Content heading" }, { - "name": "fullWidth?", - "value": "false" + "name": "variant", + "value": "large" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 236, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41730604-9549-414a-829e-40702f835b95", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbf671c2-98ae-4bd7-afc4-23ac59dd6d1c", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" + "name": "heading", + "value": "Content heading" }, { - "name": "size", + "name": "variant", "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 148, + "height": 32 } + } + ], + "createdAt": "2023-02-01T08:45:56.968Z", + "updatedAt": "2024-12-18T21:17:42.603Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_small_middle", + "name": "[DEPRECATED] Danger-Buttons/small/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91796", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:47.314Z", + "updatedAt": "2024-12-18T21:17:42.553Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_medium_start", + "name": "[DEPRECATED] Danger-Buttons/medium/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91703", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.944Z", + "updatedAt": "2024-12-18T21:17:49.388Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "sub_nav_link", + "name": "SubNav.Link", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19008%3A62778", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "Link", + "values": [] + }, + { + "name": "position", + "type": "VARIANT", + "defaultValue": "start (left)", + "values": [ + "start (left)", + "middle", + "end (right)" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3737fc01-4471-489b-8562-b064a744c677", + "name": "state", + "type": "VARIANT", + "defaultValue": "rest (default)", + "values": [ + "rest (default)", + "hover", + "selected (current)" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e6cbc78d-2511-434c-bee8-e5b3eab87669", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "medium" + "name": "position", + "value": "start (left)" }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "rest (default)" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 61, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59237fea-bc17-4d20-96e8-28dc3d7efa5c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/43cd8d55-1200-421f-b2de-b5eab21de0b4", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "false" - }, - { - "name": "label?", - "value": "true" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "medium" + "name": "position", + "value": "start (left)" }, { "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "hover" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 67, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/90094c9f-3ce2-4281-bab5-c1f32647cbe6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b45aa44f-87fa-4675-a325-e7a7202c80b0", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "start (left)" }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "selected (current)" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 61, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/345e1be6-b20f-4440-92b4-3b236018906f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/35646c21-775a-4ed8-b309-8dd6cb36b630", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "middle" }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "rest (default)" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 61, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c8df19ca-e557-4709-b230-88e4fd9923f4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c3d3f8a-66d8-4774-832d-202be3d489ac", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "middle" }, { "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "hover" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 67, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de3423bd-08be-4cec-9651-25f5d037557d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9dc6b210-e703-492f-95b7-ab76e409d70a", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "middle" }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "selected (current)" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 61, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33fc927f-4cce-4586-a438-a5ec6232c4fc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/26bc9265-33cd-45ca-9a46-93114d54b293", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "end (right)" }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "rest (default)" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 61, + "height": 33 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/480ab28d-204f-41c3-9311-b4d852d0389b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67ba6ed5-edf1-41c4-a0c4-a5969c8d2518", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "end (right)" }, { "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "value": "hover" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 67, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aecd9511-daa4-4446-96fd-97c4d03fff82", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd6d6710-2bcf-4e58-b5f2-f1d04d89f900", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" + "name": "text", + "value": "Link" }, { - "name": "size", - "value": "small" + "name": "position", + "value": "end (right)" }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "value": "selected (current)" } ], "dimensions": { - "width": 123, - "height": 76 + "width": 61, + "height": 32 } + } + ], + "createdAt": "2022-11-16T15:35:02.008Z", + "updatedAt": "2024-12-18T21:18:33.798Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "underline_nav_item", + "name": "UnderlineNav.Item", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18843%3A84823", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "label", + "type": "TEXT", + "defaultValue": "Label", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "selected", + "values": [ + "default", + "hover", + "focus", + "selected" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-11-11T02:31:08.047Z", + "updatedAt": "2024-12-18T21:18:55.326Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "data_table_row_actions_cell", + "name": "DataTable/RowActionsCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16729", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "Row action 2", + "type": "INSTANCE_SWAP", + "defaultValue": "Any icon", + "values": [] + }, + { + "name": "Row action 1", + "type": "INSTANCE_SWAP", + "defaultValue": "Edit", + "values": [] + }, + { + "name": "action count", + "type": "VARIANT", + "defaultValue": "1", + "values": [ + "1", + "2", + "3+" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-11-02T08:54:29.684Z", + "updatedAt": "2024-12-18T21:29:15.095Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "textarea", + "name": "Textarea", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30948%3A151237", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "contrast", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "label?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "text", + "type": "TEXT", + "defaultValue": "Placeholder", + "values": [] + }, + { + "name": "caption?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "focus", + "disabled" + ] + }, + { + "name": "validation", + "type": "VARIANT", + "defaultValue": "none", + "values": [ + "none", + "error", + "success" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/095d602b-e323-4d22-a8e6-70b0e9d3f450", + "name": "text type", + "type": "VARIANT", + "defaultValue": "Placeholder", + "values": [ + "Value", + "Placeholder" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e9e7867-ef20-493d-897d-d02f149aec9e", "props": [ { - "name": "menu?", - "value": "false" + "name": "label?", + "value": "true" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 123, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9a88eee-a4dc-42df-8d4a-62622cba555f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff230a67-229f-4b46-ade2-45d755a9a8b6", "props": [ { - "name": "menu?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "text", + "value": "Placeholder" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 123, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2930d4e-3767-47f3-9584-e98eedb8bbb3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/194752ee-9cd7-4bcb-a910-b4e22c341963", "props": [ { - "name": "caption?", + "name": "label?", "value": "true" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c8c1afe-7c8e-451f-a07a-e2c97d006635", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb0d9195-1085-4fc8-b5f4-dc15fda3e979", "props": [ { - "name": "menu?", - "value": "false" + "name": "label?", + "value": "true" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "contrast", + "value": "false" }, { "name": "state", @@ -20393,33 +18397,33 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c538b507-e571-4d6e-9558-248382d47260", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22b9ba49-f714-4df7-9a15-5cf81ba8164a", "props": [ { - "name": "caption?", + "name": "label?", "value": "true" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "text", + "value": "Placeholder" }, { "name": "state", @@ -20430,17 +18434,17 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/faedcdd0-0a5e-4636-b01a-b5ce2558277a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0578a628-4313-4b8a-adc8-aa8763f6cc11", "props": [ { "name": "label?", @@ -20451,160 +18455,160 @@ "value": "false" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f5364ab2-7976-4eaf-9e42-aabdfbc29da3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a51bffed-f346-4355-9d0f-fe1935ed3339", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b619140-d54a-4c17-b274-22382e7af99d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/66698bc0-e0db-4443-b6b3-ab9552e1139e", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "caption?", + "name": "contrast", "value": "false" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd85ecea-e79e-4ce3-89c4-bc3e78f7edd6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4bf73f3-6849-44a7-a524-0713ac68b411", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9780dfd9-e7e7-4f8b-80f8-341e485a6cc8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca130239-8ba7-4164-b825-1c01bf66316a", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", @@ -20615,33 +18619,33 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fde31252-0535-4d8e-b456-d8a05171df83", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6799c0d9-16c8-4acb-8592-644ad071db07", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", @@ -20652,20 +18656,24 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37e0e158-512b-4eb3-ba21-0382f7cfbae7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/122c8d71-f28c-427d-9b0d-e4b21077a3d7", "props": [ { - "name": "menu?", + "name": "text", + "value": "Placeholder" + }, + { + "name": "contrast", "value": "false" }, { @@ -20676,144 +18684,140 @@ "name": "label?", "value": "true" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca60e01a-c99d-4699-8f4f-013a1183546c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d4ebe1e-3985-4544-a17f-b2c1b5dfba74", "props": [ { - "name": "caption?", + "name": "label?", "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "large" + "name": "text", + "value": "Placeholder" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/84c38406-db6f-494f-a771-3cf70cd128f3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7f51352-eedc-4b0e-9fd9-52f2af5a9715", "props": [ { - "name": "menu?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "large" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/efdba877-1a0e-40c1-b187-fe64a118e36e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25408e80-1483-40bc-a0b9-bc70ba519932", "props": [ + { + "name": "text", + "value": "Placeholder" + }, { "name": "caption?", "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { "name": "label?", "value": "true" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee78a1da-62e8-414b-8698-02d0a53c96a9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c96ca3b9-89cf-410a-baf0-3cb516e51e54", "props": [ { - "name": "menu?", + "name": "contrast", "value": "false" }, { @@ -20821,70 +18825,70 @@ "value": "true" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7868d9e-ae18-473a-a4e1-9f907929f5d0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/449785bd-a7fc-4d5c-b46f-b7f3dbb7af04", "props": [ { - "name": "menu?", - "value": "false" + "name": "label?", + "value": "true" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b80efd9-566f-4d33-af46-3285d9362ee8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4acedeb-880a-44fb-baf3-ff0a09f00381", "props": [ { "name": "label?", @@ -20895,517 +18899,521 @@ "value": "false" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "medium" + "name": "contrast", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cbf5a96a-d9ef-4e92-b128-0e8e9bf4ae1f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bedb11bf-273a-4b2a-a61a-c95995428e0c", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4d24f33a-7180-4a29-8877-c80bfebdc5d8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4d24116-b011-44b2-a172-b7855a1b1142", "props": [ { - "name": "caption?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 104 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8fc5901c-3a50-499a-8887-5f882d62d469", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ae78346e-0310-463e-b604-b4c0289bc100", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 104 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/48fc486e-a388-43e2-a7b2-074a74bef1f7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/967175a6-8b9a-4441-b07f-938ec9ceef62", "props": [ - { - "name": "label?", - "value": "true" - }, { "name": "caption?", "value": "false" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "small" + "name": "text", + "value": "Placeholder" + }, + { + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 131, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f849c9be-0894-4ad4-8731-e0c131330c2f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d66b5b5-8e44-44d3-a6a8-af70de285627", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9ec65cc-56dc-4908-8ada-4b7b9ac26aca", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c706bd5-1da8-4721-9e9a-6440b2f56668", "props": [ { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 131, - "height": 100 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9e5dcfc2-bfa2-4db7-a2f4-aba4c10fb398", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a9a51f9d-dfd5-4797-9e7e-2faa3c775e72", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 100 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abb3e32e-7147-4de8-83b5-a42715294738", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/449c700d-7f3f-4f57-a17a-67f61b01abbe", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "caption?", + "name": "contrast", "value": "false" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1ff60809-032e-43a7-af77-55631903058e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1126cec3-576e-4f1c-8301-0b68fa2d6ea5", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5c391511-5d14-41f8-b778-479ccc6542fb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d86bee01-7e3c-4679-a73e-87c1cd1ea9a4", "props": [ { "name": "caption?", "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 112 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/597df072-d5f3-4380-8232-ed4b74d1d3bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78719793-98c2-4e41-ad59-d2b508edadfc", "props": [ { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 112 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/389902cc-b33f-4846-8db1-73966aacdf58", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9a0d572-4de9-49a3-a1b5-39a6a2d76626", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "success" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8e18b93-683f-4c3e-bc58-094def00a18a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9cd82869-94a2-4b84-8650-a5d26712fc2e", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "success" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41aabb80-544c-4d9e-afda-077c3c78872e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb851f95-48a5-4d12-9f41-60c03ec0f0ac", "props": [ { - "name": "menu?", + "name": "text", + "value": "Placeholder" + }, + { + "name": "contrast", "value": "false" }, { @@ -21414,418 +19422,414 @@ }, { "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" + "value": "false" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "success" + "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 104 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f6aa08fa-d6a5-4fec-9cc9-823dede1264d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be9dfeb9-265f-4073-8347-773cc47b9823", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "success" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 104 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ed20c715-e47f-49e0-8a79-fb006162ebbe", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7e9a5a9-48ca-47a6-9339-2753587802fb", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { "name": "caption?", "value": "false" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "success" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dd21eb0-3d8e-4ac7-b849-ddcf6529c811", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c78c0542-7388-43e4-8332-8b4edc0a62aa", "props": [ { - "name": "label?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "success" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6092c2d-8c32-42cf-9fe1-58095e85203e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ddc6fce4-c622-4f1f-b255-538fab2d868b", "props": [ + { + "name": "contrast", + "value": "false" + }, { "name": "caption?", "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "success" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 100 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f0f43314-880a-4d6a-a243-712feaae5b10", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79d97be0-8e0c-4ab0-ade7-4fb371b13874", "props": [ { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 100 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15775317-838d-4052-a1c5-95603369f465", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/928e46a3-cce8-4f99-8b08-a78ec6da8cde", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78801013-9baa-410f-8c56-125da4d1a6c0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/581c68cd-540f-4b70-b105-ddfea27eeeca", "props": [ { - "name": "label?", - "value": "true" + "name": "contrast", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd05819f-e7be-4236-ae35-e07d92ef176e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15f5137e-8642-4d98-8e9b-242b965543ea", "props": [ { - "name": "menu?", + "name": "contrast", "value": "false" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 112 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/879f80fa-1b13-4540-8404-55d610b63cc9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7b71292e-4122-4b7a-8b15-00d3bc76ca95", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", + "name": "contrast", "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "success" + "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 112 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8c17b8c-2f2c-4b5c-84f5-72bee04b8540", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7f069d6-0a21-494f-969e-3aa88bb9ab1a", "props": [ { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd04e63e-3e03-4d92-9772-2b04f6965786", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25d453e9-117b-4767-bb82-cca5c8135e68", "props": [ { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", @@ -21836,95 +19840,99 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 137, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82bc84aa-7c15-4843-9f68-e4eebe518eb5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51275ae0-cd6c-4125-81c8-91ae834bec2c", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/baaf8ba7-3fb8-45db-a61c-2a9f0d7c287a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5eee1420-a603-48e1-9655-c19869d86c21", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/789ca8a0-4959-40d8-b1d8-851fe0b84324", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/edf0c113-6fa6-4ebf-8fc6-aa336a8eb85f", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" + }, + { + "name": "contrast", + "value": "true" }, { "name": "caption?", @@ -21932,122 +19940,118 @@ }, { "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "medium" + "value": "true" }, { "name": "state", - "value": "focus" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 133, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b6c70f1-40f4-4dba-9776-b5b2c7276f2a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d399bf6-f289-4e9d-bc53-79d533b1cafc", "props": [ { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 32 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8db061cf-80d9-4d41-af5e-e41f69033fc1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7c0257a-58a6-4d32-8386-39171a908b89", "props": [ { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a75d3711-f286-4013-ab61-8df80ccfd193", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/008d3297-9bf9-496e-a5a4-dbf61a2c04da", "props": [ { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", @@ -22058,21 +20062,25 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c686fd68-795d-4d3a-985d-58d6c929776f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4a1c91a-2830-4933-8ab5-0d682af5ea81", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" + }, + { + "name": "text", + "value": "Placeholder" }, { "name": "caption?", @@ -22080,369 +20088,369 @@ }, { "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "medium" + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/720f8c79-21e9-46e9-8fd5-09197e53f004", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4415493f-dc57-4a2d-bd5e-9cddd9586162", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91c897a6-0dd6-42e8-afac-e9b042d81109", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/03c20e0a-f46c-4bdd-9006-6ee65233b945", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "focus" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/06e115a5-308a-455d-8075-220b30568ce7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be2075e8-57db-477c-b167-8b4042cde130", "props": [ { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e017d35d-185a-4ce3-957f-2c93216cad01", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e76287c9-e85c-43f6-9f71-1ec03e305917", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 123, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b698a876-8eff-4358-ac4d-8bfe8f6d4091", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f339e150-3495-401b-88c0-aeb23b7e09b9", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 123, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9dce34d7-dac9-416c-9117-2fe017b94aa7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74b1711d-cbe7-4826-b691-5c85fde90bed", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 123, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/184c77af-125f-4149-a626-ecf4decab6cb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0541821d-ab06-4d74-a07f-650b35e8afbf", "props": [ { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8496e55-4b93-4e5e-ab7c-cfab850f5629", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f6030bc-337f-4cd6-be38-b0caf896f8a3", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 132, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff53018f-2b2f-47e0-ae92-9e2abb7a015b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1a81fad-db7c-4930-8fc8-76714290daea", "props": [ { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "true" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 28 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/865356b3-e6e5-4ee2-8d2e-4294251c6656", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/afc3db60-f76b-47b1-8a39-96789ab3b92e", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" + }, + { + "name": "text", + "value": "Placeholder" }, { "name": "caption?", @@ -22450,159 +20458,155 @@ }, { "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" + "value": "true" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/551a3f51-048d-472f-b469-f33bd0b2e42b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1ee5c54-7cff-447e-a113-b7a82365d38f", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", + "value": "false" + }, + { + "name": "contrast", "value": "true" }, { "name": "label?", "value": "false" }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/96d31e4d-7b33-47d8-80fb-f4d5860d6af4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea2f4b47-868a-40a0-bfb6-82aa19676558", "props": [ { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 123, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27e84ca3-4081-45ce-8c83-5b3cd0e05b0c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ec929ad-f1ac-4ab8-9430-2362000bdc38", "props": [ { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/716f5a29-1eb6-4a8d-8230-6b14b261334f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a9ed0492-7469-4aff-8406-34485f4c8c9f", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", @@ -22613,33 +20617,33 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38a84985-8213-4064-837a-c1db8c4e7c34", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/271b7697-bff2-412f-9870-29eb5c5dd058", "props": [ { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "label?", + "value": "false" }, { "name": "state", @@ -22650,21 +20654,25 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe3f2211-d758-4963-8c13-bbd5b46d190d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a0ed07bd-d005-48c7-8cf9-5a356de1f198", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" + }, + { + "name": "contrast", + "value": "true" }, { "name": "caption?", @@ -22674,158 +20682,154 @@ "name": "label?", "value": "false" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d79866d-68d1-4fe9-9858-9058f1c49740", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2dd92d0a-e659-44f6-8540-a4c12ac09c98", "props": [ + { + "name": "text", + "value": "Placeholder" + }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "label?", "value": "false" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 145, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5a52c15f-70fc-429c-9986-aa5a04053020", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85d4a8c2-9b21-46f9-b69c-9af4a4d5ec82", "props": [ { - "name": "menu?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2c9840f-82ac-4a54-8744-bba0b583b5b8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4846fe2f-1e2e-4c37-8d98-89d428a38c7d", "props": [ { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb98e2df-192e-4af5-8051-89ad25361b03", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/74cf6d37-da6a-4f8e-9eb3-2c688724f870", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" + }, + { + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { "name": "label?", "value": "false" }, - { - "name": "size", - "value": "large" - }, { "name": "state", "value": "focus" @@ -22835,33 +20839,33 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 142, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d60a6f10-d36c-4308-8b17-af7bd05539bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8284ef6-a89f-4ec1-8c62-495bd4a76d8f", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", @@ -22872,21 +20876,25 @@ "value": "none" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 40 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5e54cfb-2d23-40c2-a54a-d3ca395423b2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf6fcac2-1ad9-4c2d-b4eb-49a2407d6826", "props": [ { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" + }, + { + "name": "contrast", + "value": "true" }, { "name": "caption?", @@ -22896,1996 +20904,2479 @@ "name": "label?", "value": "false" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93cb15e4-7571-4e2b-a3a4-e8fbe107b760", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc9cfef6-3295-449b-a289-06e676fd64a9", "props": [ { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "menu?", + "name": "caption?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe9e6f8c-6bc6-408a-a75c-3b8288f2e555", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4beefc2-d206-4793-81d9-6400b253d84e", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "caption?", - "value": "true" + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f035f9d-c0ec-4bd4-9f0b-7606e2cd8156", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/034a6b9e-4147-4d35-99f2-0b5f5d64c4eb", "props": [ + { + "name": "text", + "value": "Placeholder" + }, { "name": "caption?", "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "label?", "value": "false" }, - { - "name": "size", - "value": "large" - }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ab8f1fe-902a-4fe8-94df-10804a6b3678", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b2eec94-d136-4629-a560-7e4dfe92b883", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { "name": "caption?", "value": "true" }, { - "name": "label?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "focus" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9631ded6-cc45-4557-aebf-622649f89e0a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fba957b2-ab16-42c7-a50d-ab30b859e124", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "large" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "disabled" + "value": "default" }, { "name": "validation", - "value": "none" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ba642da-463c-485d-915c-8e0046256020", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/661d5860-5df2-4f02-8a61-cc1298bc19e0", "props": [ { - "name": "caption?", - "value": "false" + "name": "contrast", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", + "name": "caption?", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/599a204e-4b6c-461a-a179-d6b34acd1c98", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/04a686cb-6744-4c0f-b48f-043cc62973d2", "props": [ { - "name": "menu?", - "value": "false" + "name": "contrast", + "value": "true" + }, + { + "name": "text", + "value": "Placeholder" }, { "name": "caption?", - "value": "false" + "value": "true" }, { "name": "label?", "value": "false" }, - { - "name": "size", - "value": "medium" - }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "text type", + "value": "Placeholder" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 280, + "height": 148 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2bb62436-0955-451c-b86d-832f8903e909", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/92ca767c-fc08-4c2c-a65c-ec1f8828d819", "props": [ { - "name": "caption?", + "name": "contrast", "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "text", + "value": "Placeholder" }, { - "name": "label?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "label?", + "value": "false" }, { "name": "state", - "value": "rest" + "value": "default" }, { "name": "validation", - "value": "invalid" + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "text type", + "value": "Value" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 280, + "height": 148 } + } + ], + "createdAt": "2024-02-06T12:29:10.037Z", + "updatedAt": "2024-12-18T21:18:13.022Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "depreacted_toast", + "name": "[Depreacted] Toast", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13478%3A43994", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "message", + "type": "TEXT", + "defaultValue": "Message", + "values": [] + }, + { + "name": "dismissable?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "type", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "success", + "warning", + "error", + "loading" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/efcc806d-f10a-46c7-9cb7-9e3f2287fdcd", + "name": "expand direction", + "type": "VARIANT", + "defaultValue": "↔️ horizontal", + "values": [ + "↕️ vertical", + "↔️ horizontal" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8f23da7-2f0c-4ab0-968f-b839462f6b33", "props": [ { - "name": "menu?", - "value": "false" + "name": "dismissable?", + "value": "true" }, { - "name": "caption?", - "value": "true" + "name": "message", + "value": "Message" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "default" }, { - "name": "size", - "value": "medium" + "name": "expand direction", + "value": "↔️ horizontal" + } + ], + "dimensions": { + "width": 309, + "height": 196.00201416015625 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c36a0a0-11f9-45f6-8727-c5570f9befe9", + "props": [ + { + "name": "dismissable?", + "value": "true" }, { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "default" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f501505c-e7b7-4cb8-8771-4152dd63f217", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6374040c-6f22-4a4e-bf16-59893ea76469", "props": [ { - "name": "menu?", - "value": "false" + "name": "dismissable?", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "success" }, { - "name": "size", - "value": "small" + "name": "expand direction", + "value": "↔️ horizontal" + } + ], + "dimensions": { + "width": 309, + "height": 196.00201416015625 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bdbd1fdf-cff2-42d7-9b9f-0e52ba637e4f", + "props": [ + { + "name": "dismissable?", + "value": "true" }, { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 131, - "height": 52 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5bcbb023-4080-442b-b555-831bdf85249a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dd0aa0a-47e4-4388-90f3-218ba4e7676a", "props": [ { - "name": "menu?", - "value": "false" + "name": "dismissable?", + "value": "true" }, { - "name": "caption?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "warning" }, { - "name": "size", - "value": "small" + "name": "expand direction", + "value": "↔️ horizontal" + } + ], + "dimensions": { + "width": 309, + "height": 196.00201416015625 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/178507cb-6dfa-4c2d-8a2c-33c715730124", + "props": [ + { + "name": "dismissable?", + "value": "true" }, { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "warning" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52ae5224-a270-4b7b-a0d1-31d9f63f02a2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6fecf80-2764-4a5e-8ca1-9160456cab52", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", + "name": "dismissable?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↔️ horizontal" } ], "dimensions": { - "width": 131, - "height": 76 + "width": 309, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13ac62c6-22fc-48ed-b8bd-a364c63e6133", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2e06e11-d7f1-436c-8d94-ad709beefb9c", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", + "name": "dismissable?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "error" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9848e6dc-70e3-4a72-a380-0039263d259c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e205888c-b443-47ce-9b48-90f74be732d6", "props": [ { - "name": "caption?", - "value": "false" + "name": "dismissable?", + "value": "true" }, { - "name": "menu?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "loading" }, { - "name": "size", - "value": "large" + "name": "expand direction", + "value": "↔️ horizontal" + } + ], + "dimensions": { + "width": 309, + "height": 196.00201416015625 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33e0705b-fc1e-4976-bfa4-0ebc1b4f3108", + "props": [ + { + "name": "dismissable?", + "value": "true" }, { - "name": "state", - "value": "rest" + "name": "message", + "value": "Message" }, { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "loading" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be8bba50-2b5e-4fe5-86e8-6b1a6fb9daf3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52e3bedd-d3d8-49c2-8cd7-f5395dd46ec5", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "default" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↔️ horizontal" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 284, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/513a128d-b908-4ed2-a212-fad7510250df", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/535ff734-6179-4b16-a5b0-108262774706", "props": [ { - "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "default" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 594, + "height": 196.00201416015625 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44f9857a-6c15-4c91-b0f9-c60746c3a6cb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/108e36d6-2f96-4d72-aae3-2d169e504588", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "invalid" + "name": "type", + "value": "success" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↔️ horizontal" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 284, + "height": 196.001953125 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41c4259b-8e2f-42e4-82cd-79429b9ea3e7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/675f72dc-44b8-49a2-808f-b4e44af8a37d", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", + "name": "type", "value": "success" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 137, - "height": 56 + "width": 594, + "height": 196.001953125 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f73e1e65-0a51-4b29-88b7-a13e3d918e3b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32ee4ddc-07b1-4ef9-8799-b9808206a377", "props": [ { - "name": "menu?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "caption?", + "name": "dismissable?", "value": "false" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "warning" }, { - "name": "size", - "value": "medium" + "name": "expand direction", + "value": "↔️ horizontal" + } + ], + "dimensions": { + "width": 284, + "height": 196.001953125 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/902ea1eb-3dba-49e4-a706-6a7af0fb68c4", + "props": [ + { + "name": "message", + "value": "Message" }, { - "name": "state", - "value": "rest" + "name": "dismissable?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "type", + "value": "warning" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↕️ vertical" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 594, + "height": 196.001953125 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/deb0be0e-131e-489c-b654-9fd1b89de798", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4423be7-3fc6-4aa7-900b-2d95aca8aef7", "props": [ { - "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "true" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" + "name": "type", + "value": "error" }, { - "name": "fullWidth?", - "value": "false" + "name": "expand direction", + "value": "↔️ horizontal" } ], "dimensions": { - "width": 137, - "height": 80 + "width": 284, + "height": 196.001953125 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4407cbdc-154f-491a-bc75-0549763089cc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c465649-ab09-449f-8609-437c4d77bc1d", "props": [ { - "name": "menu?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "caption?", - "value": "true" + "name": "dismissable?", + "value": "false" }, { - "name": "label?", - "value": "false" + "name": "type", + "value": "error" }, { - "name": "size", - "value": "medium" + "name": "expand direction", + "value": "↕️ vertical" + } + ], + "dimensions": { + "width": 594, + "height": 196.001953125 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01a5d879-5ed5-4a23-8c7e-78eb536d4c11", + "props": [ + { + "name": "message", + "value": "Message" }, { - "name": "state", - "value": "rest" + "name": "dismissable?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "type", + "value": "loading" }, { - "name": "fullWidth?", - "value": "true" + "name": "expand direction", + "value": "↔️ horizontal" } ], "dimensions": { - "width": 133, - "height": 80 + "width": 284, + "height": 196.001953125 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9af1c344-823b-4cdb-8d1e-5bbedc0d0a00", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0ce60403-7fb6-4032-99ef-4de0a39f0d44", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "false" + "name": "message", + "value": "Message" }, { - "name": "label?", + "name": "dismissable?", "value": "false" }, { - "name": "size", - "value": "small" + "name": "type", + "value": "loading" }, { - "name": "state", - "value": "rest" - }, + "name": "expand direction", + "value": "↕️ vertical" + } + ], + "dimensions": { + "width": 594, + "height": 196.001953125 + } + } + ], + "createdAt": "2022-04-21T16:36:47.889Z", + "updatedAt": "2024-12-18T21:17:49.400Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "data_table_label_cell", + "name": "DataTable/LabelCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16318", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "align", + "type": "VARIANT", + "defaultValue": "left", + "values": [ + "left", + "right" + ] + }, + { + "name": "loading", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-12T17:17:22.283Z", + "updatedAt": "2024-12-18T21:17:33.037Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_secondary_buttons_middle", + "name": "[DEPRECATED] Secondary-Buttons/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52236", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:21.964Z", + "updatedAt": "2024-12-18T21:17:42.525Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "pagehead", + "name": "🛑 Pagehead", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4065%3A363", + "status": "DEPRECATED", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "hasAvatar?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "actions?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2020-12-10T22:53:13.617Z", + "updatedAt": "2024-12-18T21:17:42.541Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "autocomplete", + "name": "Autocomplete", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15349%3A67485", + "status": "DEPRECATED", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "menu?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "menuState", + "type": "VARIANT", + "defaultValue": "populated", + "values": [ + "empty", + "populated", + "add-new", + "loading" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7511fd3e-4b1d-4e3c-83d5-2091d25b4731", + "props": [ { - "name": "validation", - "value": "success" + "name": "menu?", + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "menuState", + "value": "populated" } ], "dimensions": { - "width": 137, - "height": 52 + "width": 197, + "height": 228 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01065df1-9fc3-4815-95a4-b4cd8616594b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30eba437-02f5-420b-a31e-a2c071930f98", "props": [ { "name": "menu?", - "value": "false" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" + "value": "true" }, { - "name": "fullWidth?", - "value": "true" + "name": "menuState", + "value": "empty" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 213, + "height": 132 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc6c9779-2e63-4626-994f-610feda7e85c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0ccb4658-cd3c-44f7-89d8-517cfc6ae732", "props": [ - { - "name": "caption?", - "value": "true" - }, { "name": "menu?", - "value": "false" - }, - { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" + "value": "true" }, { - "name": "fullWidth?", - "value": "false" + "name": "menuState", + "value": "add-new" } ], "dimensions": { - "width": 137, - "height": 76 + "width": 209, + "height": 132 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2e8e533-c953-4552-983d-b91e002bc7a2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61271696-b23f-48b5-9646-0de14768804d", "props": [ { "name": "menu?", - "value": "false" - }, - { - "name": "caption?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "small" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "menuState", + "value": "loading" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 209, + "height": 132 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8359a4a-5058-4232-a4f3-3986c9a9aead", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/369f270b-78e3-47ab-bf07-38efe39326a8", "props": [ { "name": "menu?", "value": "false" }, { - "name": "caption?", - "value": "false" - }, + "name": "menuState", + "value": "empty" + } + ], + "dimensions": { + "width": 191, + "height": 56 + } + } + ], + "createdAt": "2022-07-21T21:24:43.905Z", + "updatedAt": "2024-12-18T21:18:55.321Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_secondary_buttons_end", + "name": "[DEPRECATED] Secondary-Buttons/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52235", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.301Z", + "updatedAt": "2024-12-18T21:17:42.456Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_icon_button_group", + "name": "[DEPRECATED] IconButtonGroup", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28830%3A49382", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "overflow", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "medium", + "values": [ + "medium", + "small" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "secondary", + "values": [ + "secondary", + "primary", + "danger" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.295Z", + "updatedAt": "2024-12-18T21:17:42.469Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_end", + "name": "[DEPRECATED] Primary-Buttons/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52227", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "disabled", + "focus", + "hover", + "pressed", + "rest" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:33.320Z", + "updatedAt": "2024-12-18T21:17:42.508Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_danger_buttons_small_end", + "name": "[DEPRECATED] Danger-Buttons/small/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91858", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.930Z", + "updatedAt": "2024-12-18T21:17:42.591Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_action_button", + "name": "ActionList/ActionButton", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15834%3A63080", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "medium (default)", + "values": [ + "small", + "medium (default)", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest (default)", + "values": [ + "rest (default)", + "focus", + "hover", + "pressed", + "disabled" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-10-06T19:30:01.281Z", + "updatedAt": "2024-12-18T21:17:58.122Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_single_select_select_panel", + "name": "ActionList.Item/SingleSelect-SelectPanel", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=23595%3A93346", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "focus", + "disabled", + "inactive" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-04-11T13:08:54.349Z", + "updatedAt": "2024-12-18T21:18:12.993Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "underline_nav", + "name": "UnderlineNav", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=26717%3A1390", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "menu?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "overflow?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "Type", + "type": "VARIANT", + "defaultValue": "repository", + "values": [ + "other", + "team", + "user", + "organization", + "repository" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3486e80d-cc46-4e86-a08d-18bfeadebf30", + "props": [ { - "name": "label?", + "name": "menu?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" + "name": "overflow?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "repository" } ], "dimensions": { - "width": 145, - "height": 64 + "width": 1150, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/655a8091-4ba7-46f5-b53c-4878ef00e1e2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/821f83c6-00a0-487d-ada0-82f934d15de4", "props": [ { "name": "menu?", "value": "false" }, { - "name": "caption?", - "value": "false" - }, - { - "name": "label?", + "name": "overflow?", "value": "false" }, { - "name": "size", - "value": "large" - }, + "name": "Type", + "value": "organization" + } + ], + "dimensions": { + "width": 1271, + "height": 48 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1efc43b1-7299-4400-9d0b-d4bf3b364a33", + "props": [ { - "name": "state", - "value": "rest" + "name": "menu?", + "value": "false" }, { - "name": "validation", - "value": "success" + "name": "overflow?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "user" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 793, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/285a3261-05f5-468f-bbe3-5497b122f574", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/deb20e82-447c-4ba0-bae5-da1cc8abba86", "props": [ { "name": "menu?", "value": "false" }, { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", + "name": "overflow?", "value": "false" }, { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "team" } ], "dimensions": { - "width": 145, - "height": 88 + "width": 687, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/791c27cc-305c-4972-bb0f-a6e7ade7e3e2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cef1fa60-1263-421b-ba96-915edfdc1292", "props": [ { "name": "menu?", "value": "false" }, { - "name": "caption?", + "name": "overflow?", "value": "true" }, { - "name": "label?", - "value": "false" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "repository" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 587, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ed305fff-92cf-4d81-8449-8af3bd9b08e9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fe39d2e-a177-4984-a8a2-7d274512f412", "props": [ { "name": "menu?", - "value": "true" - }, - { - "name": "caption?", "value": "false" }, { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "organization" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 587, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f924161-6b36-4671-a4d2-6eb0a24bebd0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77677753-52de-40d6-8171-d094f2efb0da", "props": [ - { - "name": "caption?", - "value": "false" - }, { "name": "menu?", - "value": "true" + "value": "false" }, { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "user" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 587, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d5182a1d-33f1-4d65-a8d4-e8fc75ffcfe0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/389424ef-9ad2-421e-8a7a-66dce1a64213", "props": [ { "name": "menu?", - "value": "true" - }, - { - "name": "caption?", "value": "false" }, { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "team" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 587, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e804452-8d3b-438b-b043-5b11ad7e1cf5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa63fc09-fd81-4a51-9959-ed3aca01cb57", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", + "name": "overflow?", "value": "false" }, { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "repository" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 1150, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/344350ab-f013-4d54-ba21-73be2e49435c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b604a4b5-fdbd-42a6-85d5-8455baecb696", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", + "name": "overflow?", "value": "false" }, { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "organization" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 1271, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c0ca368-b670-4408-9783-182dd6c23f7e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da3c81d2-5458-431d-bab1-9062719c098d", "props": [ - { - "name": "caption?", - "value": "false" - }, { "name": "menu?", "value": "true" }, { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" + "name": "overflow?", + "value": "false" }, { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "user" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 793, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8201aac3-f227-475d-964b-5e9bf2fe7688", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7df14c98-4776-40f5-989b-afc8876ac512", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" + "name": "overflow?", + "value": "false" }, { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "team" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 687, + "height": 48 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0ccca50-6da7-493d-8ef6-fa8e091675c4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b76053e-ee97-4f8d-bede-ed5500bafcd4", "props": [ - { - "name": "caption?", - "value": "true" - }, { "name": "menu?", "value": "true" }, { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "repository" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 587, + "height": 312 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fcd7b84-9cd0-4db3-89b4-ae4f8fd013a3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/572ddb80-9e3e-42f0-88b5-84b23966366d", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "Type", + "value": "organization" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 587, + "height": 312 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bceb8a0e-832d-40e9-898f-fa158532b10c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33310e80-bc57-4e22-89e4-804b6aef84cc", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, - { - "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "true" + "name": "Type", + "value": "user" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 587, + "height": 312 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/613f9238-8ce2-4e55-9ee0-15bf1a41f116", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55735d9e-d0fa-4c0f-9db6-652eb90111ea", "props": [ { "name": "menu?", "value": "true" }, { - "name": "caption?", - "value": "true" - }, - { - "name": "label?", + "name": "overflow?", "value": "true" }, { - "name": "size", - "value": "medium" - }, + "name": "Type", + "value": "team" + } + ], + "dimensions": { + "width": 587, + "height": 312 + } + } + ], + "createdAt": "2023-09-04T11:57:20.364Z", + "updatedAt": "2024-12-18T21:29:15.061Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "avatar_stack", + "name": "AvatarStack", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3805%3A24", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "avatars", + "type": "VARIANT", + "defaultValue": "3", + "values": [ + "2", + "3", + "4" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de9c4acd-304d-4a52-b758-519146ce21b8", + "props": [ { - "name": "state", - "value": "focus" - }, + "name": "avatars", + "value": "3" + } + ], + "dimensions": { + "width": 42, + "height": 22 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9121bb01-7ab3-444a-9ff8-24d6f23bc13e", + "props": [ { - "name": "validation", - "value": "none" - }, + "name": "avatars", + "value": "2" + } + ], + "dimensions": { + "width": 36, + "height": 26 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7532ab51-8097-4d13-b21e-967b4e83968d", + "props": [ { - "name": "fullWidth?", - "value": "true" + "name": "avatars", + "value": "4" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 52, + "height": 22 } + } + ], + "createdAt": "2020-11-07T01:11:27.979Z", + "updatedAt": "2024-12-18T21:18:19.293Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_trailing_action_button", + "name": "ActionList.Item/TrailingActionButton", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15836%3A62021", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "pressed", + "hover", + "rest", + "focus", + "focus-button", + "disabled" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-10-06T19:29:50.770Z", + "updatedAt": "2024-12-18T21:18:26.876Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "radio", + "name": "Radio", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46367", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "caption?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/517c7cee-e791-4ab4-97a7-4aa499a029cc", + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "disabled", + "focus" + ] + }, + { + "name": "checked?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55775633-300e-4f8c-a128-bf5c66ef23ad", "props": [ { "name": "caption?", - "value": "true" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "medium" + "value": "false" }, { "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" + "value": "rest" }, { - "name": "fullWidth?", - "value": "true" + "name": "checked?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 92, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7dfc2923-5afe-42c9-a772-896c4a27efb8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/130f400e-3a77-46b2-8d2f-4d834efe9ffb", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "false" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "rest" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "checked?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 92, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7521f3cb-98d3-4195-8031-5f5ed1e06e49", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/04483e61-cae0-49bd-b5d5-feebea20c9f4", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "false" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" + "value": "disabled" }, { - "name": "fullWidth?", + "name": "checked?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 92, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2df5e5d-cf8d-4478-973d-5112206396ae", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e7fc78e-42d2-48e2-9f73-4fa4a27d8557", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "false" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "disabled" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "checked?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 92, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f536526f-9c0f-4702-9557-0886097ea694", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53169787-96f1-4d58-9290-d518992fdc9e", "props": [ { "name": "caption?", "value": "false" }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" + "value": "focus" }, { - "name": "fullWidth?", - "value": "true" + "name": "checked?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 94, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1e1bb2eb-0310-4664-b542-15360bc13728", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/75d23ffc-468c-4c33-bf9a-d2c802af244d", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "false" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "focus" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", + "name": "checked?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 94, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51f98916-1b02-4ca7-b7c7-b57215b3b6a9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d31833bd-bf0b-4d2f-b02a-24b597ab9249", "props": [ { "name": "caption?", - "value": "false" - }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", "value": "true" }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "disabled" - }, - { - "name": "validation", - "value": "none" + "value": "rest" }, { - "name": "fullWidth?", - "value": "true" + "name": "checked?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 80 + "width": 93, + "height": 44 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/70b86d95-f946-4e6b-8076-6c597f566bb4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c172f4b-c2dd-49a6-84d6-6d8a73e91325", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "true" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "rest" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "checked?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 93, + "height": 44 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e2f9b5d-6868-4ef2-b08a-a6dc7ca98394", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3cef98c9-6768-4913-b4fd-62796fa4d915", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "true" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "focus" - }, - { - "name": "validation", - "value": "none" + "value": "disabled" }, { - "name": "fullWidth?", + "name": "checked?", "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 93, + "height": 44 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/091b900c-5223-42dc-90e9-5604d3ca1f71", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d870b21e-9e64-4d20-af86-2ca2f0b72453", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "true" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "disabled" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", - "value": "false" + "name": "checked?", + "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 93, + "height": 44 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23cee069-c97d-4b4b-887f-5308025de8dc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/521789ea-ba29-46f5-94cf-c8af2985a615", "props": [ { "name": "caption?", "value": "true" }, - { - "name": "menu?", - "value": "true" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "none" + "value": "focus" }, { - "name": "fullWidth?", - "value": "true" + "name": "checked?", + "value": "false" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 95, + "height": 44 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f210b43-11d2-4d2f-8518-5efbf13f2fb9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e358489-5933-4408-bc9e-770e6f4d5929", "props": [ - { - "name": "menu?", - "value": "true" - }, { "name": "caption?", "value": "true" }, - { - "name": "label?", - "value": "true" - }, - { - "name": "size", - "value": "small" - }, { "name": "state", "value": "focus" }, { - "name": "validation", - "value": "none" - }, - { - "name": "fullWidth?", + "name": "checked?", "value": "true" } ], "dimensions": { - "width": 166, - "height": 92 + "width": 95, + "height": 44 } } ], - "createdAt": "2022-07-21T21:24:43.860Z", - "updatedAt": "2024-12-10T14:45:01.519Z", + "createdAt": "2022-07-21T21:24:43.854Z", + "updatedAt": "2024-12-18T21:17:33.089Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "avatar_token", - "name": "AvatarToken", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10359%3A34056", + "id": "tree_view_item", + "name": "TreeView.Item", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=35020%3A46073", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "hasFocus", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Type", + "type": "VARIANT", + "defaultValue": "Parent", + "values": [ + "Parent", + "Item" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-07-18T13:28:58.322Z", + "updatedAt": "2024-12-18T21:17:42.462Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_incative_multi_select", + "name": "ActionList.Item/IncativeMultiSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A70145", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + }, + { + "name": "leadingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "trailingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-11-22T17:05:48.443Z", + "updatedAt": "2024-12-18T21:18:40.447Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_secondary_buttons_start", + "name": "[DEPRECATED] Secondary-Buttons/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52237", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "icon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-30T14:27:21.957Z", + "updatedAt": "2024-12-18T21:17:42.494Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "select", + "name": "Select", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46907", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "state", + "name": "caption?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "menu?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "label?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "size", "type": "VARIANT", - "defaultValue": "rest", + "defaultValue": "medium", "values": [ - "hover", - "rest" + "medium", + "small", + "large" ] }, { - "name": "size", + "name": "state", "type": "VARIANT", - "defaultValue": "large", + "defaultValue": "rest", "values": [ - "large", - "xlarge" + "rest", + "focus", + "disabled" ] }, { - "name": "selected", + "name": "validation", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "none", "values": [ - "false", - "true" + "none", + "invalid", + "success" ] }, { - "name": "❌ remove?", + "name": "fullWidth?", "type": "VARIANT", "defaultValue": "false", "values": [ @@ -24896,676 +23387,538 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f76aff0-86ca-4bba-bb67-2364e6571a72", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0de68695-0d59-4e04-bf18-e11f77183585", "props": [ { - "name": "state", - "value": "rest" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "menu?", + "value": "true" }, { - "name": "selected", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "❌ remove?", - "value": "false" - } - ], - "dimensions": { - "width": 61, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3d8c432d-1daa-45f9-b2e6-033d93cb7453", - "props": [ - { - "name": "state", - "value": "rest" + "name": "size", + "value": "small" }, { - "name": "size", - "value": "xlarge" + "name": "state", + "value": "disabled" }, { - "name": "selected", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 74, - "height": 32 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b093642-1a05-4b88-8d8b-b8b8e450621b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25aff035-6c57-4507-94c1-3045d66e7a3c", "props": [ { - "name": "state", - "value": "rest" - }, - { - "name": "size", - "value": "large" + "name": "menu?", + "value": "true" }, { - "name": "selected", + "name": "caption?", "value": "false" }, { - "name": "❌ remove?", + "name": "label?", "value": "true" - } - ], - "dimensions": { - "width": 85, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76a3d5ab-f2e6-4b7e-996d-ee720988b49d", - "props": [ + }, + { + "name": "size", + "value": "large" + }, { "name": "state", "value": "rest" }, { - "name": "size", - "value": "xlarge" + "name": "validation", + "value": "none" }, { - "name": "selected", + "name": "fullWidth?", "value": "false" - }, - { - "name": "❌ remove?", - "value": "true" } ], "dimensions": { - "width": 98, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/188bdce1-046d-4c79-8bd3-6b9850f9eccc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dcd2c01b-533c-43b7-b855-bcaba4ae7df1", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "❌ remove?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 61, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b163d60-875e-4349-aa8d-c90b5ff42c47", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5affdb76-b7e1-4bc1-b37c-df6acf9aa851", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "xlarge" + "value": "large" }, { - "name": "selected", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "❌ remove?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 74, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba0d0713-d9ad-4a0e-8bc5-6c0dac568f48", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3bf276ee-4c08-4d85-9261-b1ddeafb347c", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "❌ remove?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 85, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd75b981-509e-4283-9867-39d553882126", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b984246-7932-4c36-a10c-6cb35d7bb0fe", "props": [ { - "name": "state", - "value": "hover" - }, - { - "name": "size", - "value": "xlarge" + "name": "menu?", + "value": "true" }, { - "name": "selected", + "name": "caption?", "value": "false" }, { - "name": "❌ remove?", + "name": "label?", "value": "true" - } - ], - "dimensions": { - "width": 98, - "height": 32 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f5dee834-111b-4953-9726-b3d3224690d9", - "props": [ - { - "name": "state", - "value": "rest" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "❌ remove?", - "value": "false" + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 61, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/acdb17be-b136-4dc2-9619-d0095ad3ee69", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77c1d2c9-626b-4cde-8790-6b2c2c63890c", "props": [ { - "name": "state", - "value": "rest" - }, - { - "name": "size", - "value": "xlarge" - }, - { - "name": "selected", + "name": "menu?", "value": "true" }, { - "name": "❌ remove?", + "name": "caption?", "value": "false" - } - ], - "dimensions": { - "width": 74, - "height": 32 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f3e9053-6934-4613-a1d4-b5646ac039af", - "props": [ + }, { - "name": "state", - "value": "rest" + "name": "label?", + "value": "true" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "true" + "name": "state", + "value": "disabled" }, { - "name": "❌ remove?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 85, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/749679de-5e79-482a-96b4-6d02800b75da", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c03525f-6a88-4a6e-8860-7bab401f1c70", "props": [ { - "name": "state", - "value": "rest" - }, - { - "name": "size", - "value": "xlarge" + "name": "menu?", + "value": "true" }, { - "name": "selected", + "name": "caption?", "value": "true" }, { - "name": "❌ remove?", + "name": "label?", "value": "true" - } - ], - "dimensions": { - "width": 98, - "height": 32 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/94e4063d-78a3-44e6-94bd-26880270b5db", - "props": [ - { - "name": "state", - "value": "hover" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "true" + "name": "state", + "value": "rest" }, { - "name": "❌ remove?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 61, - "height": 24 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bf0b0bc3-f466-4a0c-a45a-6e03e7d89b94", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2087944-2c06-4bfb-9663-c69edd650ca9", "props": [ { - "name": "state", - "value": "hover" - }, - { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "true" }, { - "name": "selected", + "name": "menu?", "value": "true" }, { - "name": "❌ remove?", - "value": "false" - } - ], - "dimensions": { - "width": 74, - "height": 32 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abeb0f82-1374-4d06-b80d-47c4d4d3ac47", - "props": [ - { - "name": "state", - "value": "hover" + "name": "label?", + "value": "true" }, { "name": "size", "value": "large" }, { - "name": "selected", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "❌ remove?", - "value": "true" + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 85, - "height": 24 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1f52049-7ee6-43d1-890a-9155debcbc17", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a2ce350-a9ec-43cc-8b60-a231d96a44ba", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "true" }, { - "name": "selected", + "name": "label?", "value": "true" }, { - "name": "❌ remove?", - "value": "true" - } - ], - "dimensions": { - "width": 98, - "height": 32 - } - } - ], - "createdAt": "2022-03-28T23:30:59.477Z", - "updatedAt": "2024-12-16T14:28:58.193Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "spinner", - "name": "Spinner", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=11025%3A38126", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "small", - "medium", - "large" - ] - } - ], - "thumbnails": [], - "createdAt": "2021-11-24T16:25:47.455Z", - "updatedAt": "2024-12-03T11:42:00.954Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_small_start", - "name": "[DEPRECATED] Danger-Buttons/small/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91734", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.937Z", - "updatedAt": "2024-12-03T11:42:22.673Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "toggle_switch", - "name": "ToggleSwitch", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13518%3A50189", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "focused", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "active", - "hover", - "loading" - ] - }, - { - "name": "checked", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 166, + "height": 92 + } }, { - "name": "label position", - "type": "VARIANT", - "defaultValue": "start", - "values": [ - "start", - "end" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/605feb16-5de2-44ae-a1bd-e2785c6e4965", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bbea8e4a-83b6-4760-989d-9ea28c753dbf", "props": [ { - "name": "focused", - "value": "false" + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 36 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f87b07e-ba1f-41e8-a9ad-6f7503bf0893", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44e16dd6-f1e5-4ecb-9d8d-9ca4f8ee21c8", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "active" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 36 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6037e9d4-b421-487b-84a9-bcde08268eb6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a98f26af-5eae-4e8e-a26b-8498493404aa", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "hover" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 36 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f829566-5944-405d-b421-7fb11d926114", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e356cc26-b240-48b6-b2ed-6292669e9d21", "props": [ { - "name": "focused", + "name": "caption?", "value": "false" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" + }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 117, - "height": 36 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/45f67c44-4f16-4583-9ce2-30910098cef1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/789cddf0-4893-4deb-8235-a4afc602d1a9", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", "value": "medium" @@ -25575,25 +23928,33 @@ "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 91, - "height": 36 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a7773a8b-bcba-4d9b-a46a-231f172fc13e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25c7123a-396a-4bd8-9d06-b64696b7916e", "props": [ { - "name": "focused", - "value": "false" + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", @@ -25601,28 +23962,36 @@ }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 91, - "height": 36 + "width": 166, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59abb1a0-8f5a-4492-bb8a-cd06654e6674", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c201028d-f3d3-4940-9329-2e0176914874", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", @@ -25630,58 +23999,74 @@ }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 91, - "height": 36 + "width": 166, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ebec04e0-ab2f-43d1-8eec-4acd0cd209e6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5bb3310e-9d7f-43ca-9f53-7d5ca56f30ed", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 115, - "height": 36 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9e6fd5b9-8d15-4924-9706-dc24f3cc5b4f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20868c15-4fd1-40cd-bdcd-041118c27d05", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", "value": "small" @@ -25691,25 +24076,33 @@ "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 75, - "height": 28 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e666dbac-2895-4a6b-8df5-de1c01e4795c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f13841d3-a0e5-450e-9d24-57553e5cbdc7", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", @@ -25717,28 +24110,36 @@ }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 75, - "height": 28 + "width": 166, + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/efb46e2b-6256-4773-9bfd-18100cc4f41f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/26a99437-5427-4b72-ab85-a494b9891474", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", @@ -25746,2720 +24147,2630 @@ }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 75, - "height": 28 + "width": 166, + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8248bdb3-ff0e-465e-ba1d-5593c1c83ab9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5b280091-a1e0-4fa3-9cec-00d06dcb193d", "props": [ { - "name": "focused", + "name": "caption?", "value": "false" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 99, - "height": 28 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7eb325f-e094-47ab-aab8-f056d6977702", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95e36409-7422-4110-8f6e-c7ee8054a182", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 73, - "height": 28 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7ec6548-bfd5-4f2a-9a33-ed4f9cfa2f96", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc57647d-a7bd-49f7-a083-e90e48bb0cf7", "props": [ { - "name": "focused", + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "false" + } + ], + "dimensions": { + "width": 166, + "height": 112 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d380863-3cfd-4188-947b-6745b78efbbe", + "props": [ + { + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 112 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/661d3392-c9bc-44f1-b461-0342b86d55e2", + "props": [ + { + "name": "menu?", "value": "true" }, { - "name": "label position", - "value": "end" + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 73, - "height": 28 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f532787f-1814-479e-9aad-320984cf87b3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41c95475-24eb-490d-9237-a58ac7f39103", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 81 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6e9b152-af26-4042-9908-22e5f7cc7600", + "props": [ + { + "name": "menu?", "value": "true" }, { - "name": "label position", - "value": "end" + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 72, - "height": 28 + "width": 166, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6e467baa-0258-4f89-be1d-c12558682322", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79989d37-39d8-43ec-b442-da48b1205818", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 97, - "height": 28 + "width": 166, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b159ca05-442f-4bdc-9d52-0a3caf1ad03f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/12a5f3f1-251a-4c9f-801a-a2b885501a8e", "props": [ { - "name": "focused", + "name": "caption?", "value": "false" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 93, - "height": 38 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8cabaf1d-03d0-4618-82db-71e55028a8c8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/606e1729-6f44-42dc-b968-6d6baa04d2e4", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 38 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e2501f05-ea04-47ec-bf76-d20e5e3c6244", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/308da220-8557-48cf-843a-38cfb3ce44b5", "props": [ { - "name": "focused", - "value": "false" + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 93, - "height": 38 + "width": 166, + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d50f6910-8553-4294-ac34-53211fba08a1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/161eee70-a58d-46fe-bbd5-2285db1da35a", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 117, - "height": 36 + "width": 166, + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c8a35a24-e7b0-4b28-9f54-f886f970c1ea", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1f083d5-d7ac-4c9b-9db5-84d4d79c9a38", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 96, - "height": 38 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e15ac117-9d81-4f13-a76b-2997284f31c0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/747fe217-1fb6-42c7-80bc-7fca486324e0", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, + { + "name": "label?", + "value": "true" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 96, - "height": 38 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1627c6d-a12a-47a2-83ac-ff3cb8aef0d0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eca38993-23d6-4865-8461-27ae84d7effa", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 96, - "height": 38 + "width": 166, + "height": 112 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/603c7608-c5f9-45b3-ac41-b295981e604e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9758ac2b-45ee-4692-a79b-2d22d7061842", "props": [ { - "name": "focused", - "value": "false" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 119, - "height": 36 + "width": 166, + "height": 112 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfabb4cc-a4cd-4af3-8535-78719a0e416a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/67c2d660-d2c1-418f-b8ad-93f0e2bd6cdc", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 74, - "height": 30 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6835a8d3-ced5-4ad3-a767-14d67f01339b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/313d1c77-2b03-4c6f-8a3b-09898f0d39fd", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "active" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 74, - "height": 30 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22d2dbc0-784d-44da-91ba-2012d8a569c2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af816efd-5519-4122-9879-dc2cb28440f0", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "hover" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 74, - "height": 30 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb42aad4-aa52-4f73-8c86-96cbe862666a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca5ed686-feea-49ec-9a02-b83732838eb9", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 98, - "height": 28 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ef655b0-4456-4f66-8333-8df08600b266", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6efecfd2-3ec8-493d-ba54-d99e4aefeead", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "rest" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 77, - "height": 30 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7eeba396-0f18-4e12-8c39-f0d9dcfb7d49", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/81862211-3025-45de-9418-11ee9ec26962", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "active" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 77, - "height": 30 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca6b6b76-fcd2-49a7-b8b1-940dc1e03909", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54ecf8b8-ddea-41ec-8131-7ecdbbada8a3", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 77, - "height": 30 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2692d812-cff6-4a2f-a16c-deca807e1952", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b94d8c8b-824c-4324-8867-ecc6adb65297", "props": [ { - "name": "focused", + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "loading" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 100, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f5d8376c-6fa3-49f2-8884-9f06625585c6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7dbd9c26-2d7a-468e-b3aa-d2914365ab63", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 94, - "height": 39 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1bcf5397-33ad-40dc-9113-5723c197ce17", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6794bf7f-ec91-4eec-9deb-af345a617d5f", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 36 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64539366-202c-4d06-84fd-48701c12f4e0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c79461bf-8490-4f6f-9753-92f10bceea62", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "hover" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 93, - "height": 36 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3a27101c-22cd-4adc-ba22-e6783680b926", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/915cb86c-11c3-4d78-a8b1-738fe04ab2e1", "props": [ { - "name": "focused", + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "loading" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 117, - "height": 36 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1ffa52d-f9d3-4029-ac1f-56854a3ade15", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f99ef52f-595e-40c9-b135-d5286cdb65e2", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 94, - "height": 39 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/911283fb-1072-4000-995c-1e38e8e1b44f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b863d419-120e-48d9-a514-1ceb34a044c7", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "active" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 91, - "height": 36 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1fd9bb0-0f4e-4e1f-8b22-c14bb39383fd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ffd5aed0-8646-4f22-91d0-0be00d34e215", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "hover" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 91, - "height": 36 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ab481e0-7a07-4bb3-a482-e434be2cb42e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/18aca8dc-30cf-46ac-b9c8-f5b3f2b1d0e9", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 115, - "height": 36 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6e9ae65a-1242-40e3-ad61-7cc8c9327f04", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f183dd1-0d99-4a6d-b110-a8578da1cd5d", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 76, - "height": 31 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ca25ee0-d551-4cf6-8771-5558dc93372c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c68090be-445d-4df1-bcc0-d670def9b237", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "active" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 75, - "height": 28 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8437493-98fe-49df-b049-41cc8314a439", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f20e0e5b-a437-447d-890d-59bea9bdd504", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 75, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c72a62d8-113e-48be-bc01-8593125f31e2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8851751-a2c6-4986-9d83-fd0234d4ffda", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "loading" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 99, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f30340c-268d-41ca-add9-e0020fe3b747", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b076360-1b1e-4713-a5e9-56289cfd0902", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 76, - "height": 31 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab75c7e3-e623-4ddb-a5e4-03ab7a29b6ea", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4022d7de-e173-4b83-b9b7-ccbb700376e7", "props": [ { - "name": "focused", + "name": "caption?", "value": "true" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 73, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b09160b-0ac8-407c-bbb6-e4479c50213f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f975be2f-f329-43c3-9a5c-0cd09b1f5d0e", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "hover" + "value": "focus" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 72, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f643330-3a23-44a6-928f-372accad143d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cfacf467-b9ba-4605-ac2b-fb99bec46506", "props": [ { - "name": "focused", + "name": "caption?", "value": "true" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", "value": "small" }, { "name": "state", - "value": "loading" + "value": "disabled" }, { - "name": "checked", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 97, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fe04034-d670-4b44-9113-b2853c454c51", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e3e173d8-5b2b-419c-81b7-b87fbbd97be1", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 96, - "height": 40 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25b13513-ea61-4c17-ae5a-c462767b35ed", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea5d52e7-b0f8-40f2-b4f1-01beae641505", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "active" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 93, - "height": 38 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ffcc6037-41ba-4411-87f9-1c0199b2d1bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2358338-fbca-4cf3-b156-fb94293e451a", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "hover" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 93, - "height": 38 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3cf704d5-f244-482d-83de-8d24fe0410bc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b040a042-5b7b-4955-ae04-e90fc418f9e7", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "loading" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 117, - "height": 36 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b25ffcb3-048b-4c8e-bdd3-b061f3ffb5b2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88fdb0bd-4396-4049-a4a7-3d0122d9f17c", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "rest" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 96, - "height": 40 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4cc47fb6-354f-4646-8c94-333b2f7f8f12", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fcffd2a1-796a-424c-a11d-064e93ce012b", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "active" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 96, - "height": 38 + "width": 166, + "height": 68 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c7a39bd8-618d-48f8-95a4-90aadaf44508", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a2321da-63e9-4cbe-b9bc-94af85821a92", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 96, - "height": 38 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/488f31f3-d4b0-4893-af36-2d9032e8a864", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1475578b-77d7-47a6-860e-62db703cadc7", "props": [ { - "name": "focused", + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "loading" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 119, - "height": 36 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3421df5-661b-4d6e-8f28-c6255768e74d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3aa1fb6-330f-452c-afcf-dbadb20c91d2", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 77, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cdcf74c9-df25-408b-b722-9a14acfd87dd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b02e749-dc1c-48e3-969d-390e569617bc", "props": [ { - "name": "focused", + "name": "caption?", "value": "true" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 74, - "height": 30 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac549439-9baa-4de5-b605-43f2176060eb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/678501cb-479a-4067-8a4d-13451c3f13fc", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "hover" + "value": "focus" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 74, - "height": 30 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa6ef1ea-bc5b-4267-8e60-802a9bb3c6fc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e6a9b48-1642-4fb1-b326-9602a93cce8e", "props": [ { - "name": "focused", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "loading" + "value": "disabled" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "label position", - "value": "start" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 98, - "height": 28 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57bb3462-9e94-439a-8404-12b6bd67d012", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f0a2635-0fb2-46e8-bcf5-2a4d61b1b06f", "props": [ { - "name": "focused", + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", "value": "true" }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 77, - "height": 32 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd693924-a8c0-433d-a17e-c6fc2cc7642c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd50825c-f696-4470-b117-c4b7485d5d4a", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "active" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 77, - "height": 30 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1f05b777-13ac-4783-a9fc-a9b7e9d5da28", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19d843b6-b22a-4724-888c-7411c1ec6ce1", "props": [ { - "name": "focused", + "name": "caption?", "value": "true" }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "hover" + "value": "rest" }, { - "name": "checked", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "label position", - "value": "end" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 77, - "height": 30 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea49ff39-39df-4f7b-9736-48a5016a076b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2d999c6-bdf9-4429-b058-5ec61d05f0f1", "props": [ { - "name": "focused", + "name": "menu?", "value": "true" }, { - "name": "size", - "value": "small" + "name": "caption?", + "value": "true" }, { - "name": "state", - "value": "loading" + "name": "label?", + "value": "false" }, { - "name": "checked", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "label position", - "value": "end" - } - ], - "dimensions": { - "width": 100, - "height": 28 - } - } - ], - "createdAt": "2022-04-25T23:18:05.693Z", - "updatedAt": "2024-12-03T11:42:30.369Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "tab_nav_link", - "name": "TabNav.Link", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18247%3A69223", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Label", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "selected" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-10-20T20:27:12.954Z", - "updatedAt": "2024-12-03T11:43:03.139Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "avatar", - "name": "Avatar", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3805%3A11", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "size", - "type": "VARIANT", - "defaultValue": "16px", - "values": [ - "16px", - "20px", - "24px", - "28px", - "32px", - "40px", - "48px", - "64px" - ] - }, - { - "name": "square", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2020-11-07T01:11:27.971Z", - "updatedAt": "2024-12-16T14:29:14.009Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "form_control_label", - "name": "FormControl.Label", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34462%3A69137", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "required", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "text", - "type": "TEXT", - "defaultValue": "Label text", - "values": [] - }, - { - "name": "disabled", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-06-21T13:25:36.320Z", - "updatedAt": "2024-12-10T14:45:01.544Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "form_control_validation", - "name": "FormControl.Validation", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34428%3A2171", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "Validation message", - "type": "TEXT", - "defaultValue": "Validation message", - "values": [] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "error", - "values": [ - "error", - "success" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-06-19T07:08:28.969Z", - "updatedAt": "2024-12-10T14:28:58.418Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "pagination_page_direction", - "name": "Pagination.PageDirection", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4289%3A265", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "direction", - "type": "VARIANT", - "defaultValue": "previous", - "values": [ - "next", - "previous" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "disabled", - "hover" - ] - } - ], - "thumbnails": [], - "createdAt": "2020-12-10T22:53:13.636Z", - "updatedAt": "2024-12-03T11:42:08.927Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "diffstat", - "name": "Diffstat", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3813%3A992", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "hasTooltip?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "# of changes", - "values": [ - "# of changes", - "+ (additions)", - "- (deletions)", - "+/- (both)" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be58f3b6-1c40-4352-913b-3493c3f0c79b", - "props": [ + "name": "state", + "value": "rest" + }, { - "name": "hasTooltip?", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "variant", - "value": "+/- (both)" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 81, - "height": 20 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8addc34-88ea-4962-9df5-3710a00cc0ca", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69de89e4-db58-40a4-81b9-1894d0a62534", "props": [ { - "name": "hasTooltip?", + "name": "menu?", "value": "true" }, { - "name": "variant", - "value": "+/- (both)" - } - ], - "dimensions": { - "width": 308, - "height": 28 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fcf7fab7-e975-4d00-9424-5b5e5a92c861", - "props": [ + "name": "caption?", + "value": "false" + }, { - "name": "hasTooltip?", + "name": "label?", "value": "false" }, { - "name": "variant", - "value": "# of changes" - } - ], - "dimensions": { - "width": 57, - "height": 20 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8aa93b6e-e55c-4329-b61e-91f4e132671e", - "props": [ + "name": "size", + "value": "small" + }, { - "name": "hasTooltip?", - "value": "true" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" }, { - "name": "variant", - "value": "# of changes" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 284, - "height": 28 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f426a8d4-8643-4a11-92c1-cd9a4eb3ee21", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d282d734-5194-461a-8392-062bfeb4392c", "props": [ { - "name": "hasTooltip?", + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", "value": "false" }, { - "name": "variant", - "value": "+ (additions)" + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 64, - "height": 20 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61c630ba-3e9e-4685-885f-63925b471803", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/12881a5d-0231-4ef3-865c-aa8960546611", "props": [ { - "name": "hasTooltip?", + "name": "menu?", "value": "true" }, { - "name": "variant", - "value": "+ (additions)" - } - ], - "dimensions": { - "width": 213, - "height": 28 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/696b1325-7990-43f4-8dcf-f2d528b89326", - "props": [ + "name": "caption?", + "value": "true" + }, { - "name": "hasTooltip?", + "name": "label?", "value": "false" }, { - "name": "variant", - "value": "- (deletions)" + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 62, - "height": 20 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/affe7a98-0668-465d-bbee-f381b4f5d1ef", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6110371d-7e8e-416c-85de-9b90250b7fc0", "props": [ { - "name": "hasTooltip?", + "name": "menu?", "value": "true" }, { - "name": "variant", - "value": "- (deletions)" - } - ], - "dimensions": { - "width": 211, - "height": 28 - } - } - ], - "createdAt": "2020-11-07T01:11:27.944Z", - "updatedAt": "2024-12-03T11:42:08.971Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_medium_end", - "name": "[DEPRECATED] Secondary-Buttons/medium/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55792", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.988Z", - "updatedAt": "2024-12-03T11:42:09.003Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_button_group", - "name": "[DEPRECATED] ButtonGroup", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88865", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "Size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "secondary", - "values": [ - "secondary", - "primary", - "danger" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bce2fe8f-6cef-422b-b5e4-363a543b4b5a", - "props": [ + "name": "caption?", + "value": "true" + }, { - "name": "Size", - "value": "medium" + "name": "label?", + "value": "false" }, { - "name": "variant", - "value": "secondary" - } - ], - "dimensions": { - "width": 213, - "height": 33 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc6fed99-c59e-4f0e-a32d-8819b7b6e28c", - "props": [ + "name": "size", + "value": "small" + }, { - "name": "Size", - "value": "medium" + "name": "state", + "value": "rest" }, { - "name": "variant", - "value": "primary" + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 213, - "height": 33 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24e89b5f-0f09-463c-b899-fd6740fffea7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5c00a7c-d9af-45ad-95db-dee28aa02631", "props": [ { - "name": "Size", - "value": "medium" + "name": "caption?", + "value": "false" }, { - "name": "variant", - "value": "danger" - } - ], - "dimensions": { - "width": 213, - "height": 33 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0067c6dc-4bf7-4d33-bc26-01afd358deaf", - "props": [ + "name": "menu?", + "value": "true" + }, { - "name": "Size", - "value": "small" + "name": "label?", + "value": "false" }, { - "name": "variant", - "value": "secondary" - } - ], - "dimensions": { - "width": 192, - "height": 29 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f3474bd-4378-4214-8133-51f107f9a266", - "props": [ + "name": "size", + "value": "large" + }, { - "name": "Size", - "value": "small" + "name": "state", + "value": "rest" }, { - "name": "variant", - "value": "primary" + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 192, - "height": 29 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/799d07b5-24b6-4569-acfd-bb00ab068128", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b61a2e35-b66f-4bfc-904f-e72a5f66d98c", "props": [ { - "name": "Size", - "value": "small" + "name": "menu?", + "value": "true" }, { - "name": "variant", - "value": "danger" + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 192, - "height": 29 + "width": 166, + "height": 69 } - } - ], - "createdAt": "2023-10-31T13:50:59.890Z", - "updatedAt": "2024-12-03T11:42:09.075Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_small_start", - "name": "[DEPRECATED] Primary-Buttons/small/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88906", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.341Z", - "updatedAt": "2024-12-03T11:42:15.043Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_medium_middle", - "name": "[DEPRECATED] Secondary-Buttons/medium/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55791", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.996Z", - "updatedAt": "2024-12-03T11:42:15.053Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "popover", - "name": "Popover", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19015%3A63778", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "body", - "type": "TEXT", - "defaultValue": "Message about this particular piece of UI.", - "values": [] - }, - { - "name": "heading", - "type": "TEXT", - "defaultValue": "Heading", - "values": [] }, { - "name": "caret", - "type": "VARIANT", - "defaultValue": "top", - "values": [ - "top", - "top-left", - "top-right", - "bottom", - "bottom-left", - "bottom-right", - "left", - "left-top", - "left-bottom", - "right", - "right-top", - "right-bottom" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3145f430-e77f-4ce8-a027-0f416b142a54", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8fd7739f-72fb-4ee5-99c1-4cd5f9ecac36", "props": [ { - "name": "heading", - "value": "Heading" + "name": "caption?", + "value": "true" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "menu?", + "value": "true" }, { - "name": "caret", - "value": "top" + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 276, - "height": 214 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7dceaff4-d0d5-4343-8319-e498c9fc0758", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8599f65c-948f-45d8-baf5-ab50b3c2a742", "props": [ { - "name": "heading", - "value": "Heading" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "validation", + "value": "invalid" }, { - "name": "caret", - "value": "top-left" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 276, - "height": 214 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8b73f70-e6e1-4053-8a43-8eccb0f49934", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e6ea1648-4f0b-405a-955c-b6f3bd76fd73", "props": [ { - "name": "heading", - "value": "Heading" + "name": "menu?", + "value": "true" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "caption?", + "value": "false" }, { - "name": "caret", - "value": "top-right" - } - ], - "dimensions": { - "width": 276, - "height": 214 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7eac678e-813c-453d-bcd8-fd54db950b73", - "props": [ + "name": "label?", + "value": "false" + }, { - "name": "heading", - "value": "Heading" + "name": "size", + "value": "medium" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "state", + "value": "rest" }, { - "name": "caret", - "value": "bottom" + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 276, - "height": 214 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3f05fe8-70ab-4946-ba91-052196b2016f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/daec41c6-337f-432a-af45-40b0384e6e1a", "props": [ { - "name": "heading", - "value": "Heading" + "name": "menu?", + "value": "true" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "caption?", + "value": "false" }, { - "name": "caret", - "value": "bottom-left" - } - ], - "dimensions": { - "width": 276, - "height": 214 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d5eadfbe-6cb4-46f4-804d-331adb0482c7", - "props": [ + "name": "label?", + "value": "false" + }, { - "name": "heading", - "value": "Heading" + "name": "size", + "value": "medium" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "state", + "value": "rest" }, { - "name": "caret", - "value": "bottom-right" + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 276, - "height": 214 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a08246f0-d119-42ba-8b47-4f1ca2457d25", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71e88ada-c648-4d18-aa8a-c88844726a7a", "props": [ { - "name": "heading", - "value": "Heading" + "name": "menu?", + "value": "true" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "caption?", + "value": "true" }, { - "name": "caret", - "value": "left" - } - ], - "dimensions": { - "width": 282, - "height": 208 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/550f226a-c14b-4b0b-83d2-e82df84e95a6", - "props": [ + "name": "label?", + "value": "false" + }, { - "name": "heading", - "value": "Heading" + "name": "size", + "value": "medium" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "state", + "value": "rest" }, { - "name": "caret", - "value": "left-top" + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 282, - "height": 208 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/955a5be1-f7d9-4799-b2d4-8aa144b7effe", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b691bd1-ef9a-4534-b1aa-fab3c0b1f572", "props": [ { - "name": "heading", - "value": "Heading" + "name": "menu?", + "value": "true" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "caption?", + "value": "true" }, { - "name": "caret", - "value": "left-bottom" - } - ], - "dimensions": { - "width": 282, - "height": 208 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff4f5ae0-6b97-4b16-9ba1-9f967bb8f4cd", - "props": [ + "name": "label?", + "value": "false" + }, { - "name": "heading", - "value": "Heading" + "name": "size", + "value": "medium" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "state", + "value": "rest" }, { - "name": "caret", - "value": "right" + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 282, - "height": 208 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b66f168-6470-4de4-8a5d-122d3acded97", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc83fcc6-f622-4425-a8e1-a1ee5a03406a", "props": [ { - "name": "heading", - "value": "Heading" + "name": "caption?", + "value": "false" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "menu?", + "value": "true" }, { - "name": "caret", - "value": "right-top" - } - ], - "dimensions": { - "width": 282, - "height": 208 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/effc0492-01ba-46b3-badf-2e09cd346130", - "props": [ + "name": "label?", + "value": "false" + }, { - "name": "heading", - "value": "Heading" + "name": "size", + "value": "small" }, { - "name": "body", - "value": "Message about this particular piece of UI." + "name": "state", + "value": "rest" }, { - "name": "caret", - "value": "right-bottom" + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 282, - "height": 208 + "width": 166, + "height": 69 } - } - ], - "createdAt": "2022-11-16T15:34:38.421Z", - "updatedAt": "2024-12-09T17:32:47.330Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "text_input", - "name": "TextInput", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A46504", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "inputTextDisabled", - "type": "INSTANCE_SWAP", - "defaultValue": "size=default", - "values": [] - }, - { - "name": "trailingActionDisabled", - "type": "INSTANCE_SWAP", - "defaultValue": "size=medium, state=disabled", - "values": [] - }, - { - "name": "inputTextType", - "type": "INSTANCE_SWAP", - "defaultValue": "size=default", - "values": [] - }, - { - "name": "label?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingAction", - "type": "INSTANCE_SWAP", - "defaultValue": "size=medium, state=rest", - "values": [] - }, - { - "name": "trailingAction?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "caption?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "small", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "focus", - "disabled", - "read-only" - ] - }, - { - "name": "validation", - "type": "VARIANT", - "defaultValue": "none", - "values": [ - "none", - "invalid", - "success" - ] - }, - { - "name": "inset?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "true", - "false" - ] }, { - "name": "fullWidth?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a5a0cf6-157d-4807-8271-a0eb134c6f83", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/65f064cd-d18c-40f4-9025-efcdd7fdaae7", "props": [ { - "name": "caption?", - "value": "false" + "name": "menu?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "small" }, { - "name": "label?", - "value": "true" + "name": "state", + "value": "rest" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "success" }, { - "name": "trailingAction?", - "value": "false" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 69 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f983e3c-ae34-41f5-84b6-dfde8a88f712", + "props": [ + { + "name": "caption?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "menu?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", @@ -28467,11 +26778,7 @@ }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "success" }, { "name": "fullWidth?", @@ -28479,52 +26786,65 @@ } ], "dimensions": { - "width": 95, - "height": 56 + "width": 166, + "height": 81 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7e541f6-ac14-4346-9c94-a0b7ece3cd64", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3d25feee-72bf-469b-8c11-f33ef51aa84a", "props": [ { - "name": "label?", + "name": "menu?", "value": "true" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "success" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 81 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d0137ca5-2a77-4d95-b75e-25cefdc3c9bf", + "props": [ + { + "name": "menu?", + "value": "true" }, { - "name": "trailingAction?", + "name": "caption?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", @@ -28532,11 +26852,7 @@ }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "true" + "value": "success" }, { "name": "fullWidth?", @@ -28544,64 +26860,73 @@ } ], "dimensions": { - "width": 95, - "height": 56 + "width": 166, + "height": 69 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9354ba07-dea6-425a-92b7-bb8ab64ec369", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77decfdd-4344-40da-80c6-f8af1bb48861", "props": [ { - "name": "label?", + "name": "menu?", "value": "true" }, { - "name": "leadingVisual?", + "name": "caption?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction?", + "name": "label?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "size", + "value": "large" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "rest" }, { - "name": "caption?", - "value": "false" + "name": "validation", + "value": "success" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 69 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/247e6c46-bb43-4e0f-9b52-6621c11a0321", + "props": [ + { + "name": "menu?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", - "value": "medium" + "value": "large" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "success" }, { "name": "fullWidth?", @@ -28609,48 +26934,61 @@ } ], "dimensions": { - "width": 95, - "height": 56 + "width": 166, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa8898a1-d46b-4877-b08f-e23d25011ac2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9d5d3f93-7246-4241-8bc4-2cca604f7097", "props": [ { - "name": "label?", + "name": "menu?", "value": "true" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "success" }, { - "name": "trailingAction?", - "value": "false" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 166, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d9ba28c6-a84e-4ddd-aac9-3d72f3f319f7", + "props": [ + { + "name": "label?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "menu?", + "value": "false" }, { "name": "size", @@ -28658,28 +26996,24 @@ }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 95, + "width": 137, "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb306797-927a-45a5-b003-e2468f0d0725", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e19f5afd-1d0e-40d5-9bc0-019fe419631e", "props": [ { "name": "label?", @@ -28690,61 +27024,33 @@ "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "disabled" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 74, + "width": 137, "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09dfcd86-2723-4d69-8180-149e321a064e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52bd9b18-65cc-4b08-b76b-655548df1cc0", "props": [ { "name": "label?", @@ -28755,97 +27061,45 @@ "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "read-only" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 68, + "width": 137, "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8dec64ed-67ca-4b8c-909b-9f305c1f9b87", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/43fa0a4c-2c53-4861-a0a7-c7896daad3cf", "props": [ { "name": "label?", "value": "true" }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction?", - "value": "false" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, { "name": "caption?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "menu?", + "value": "false" }, { "name": "size", @@ -28859,10 +27113,6 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" @@ -28874,60 +27124,32 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eb0ddea1-2a08-40cb-b92b-08decda9aadd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f78badc1-d8c5-4ba9-a86a-bd85303fdc4d", "props": [ { "name": "label?", "value": "true" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "caption?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "true" @@ -28939,60 +27161,32 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7dea14d8-8606-4bf1-a329-92ca9f7d70d8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e0fd57aa-2cdd-4a11-943e-0ecc1c5e30f5", "props": [ { "name": "label?", "value": "true" }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", "value": "medium" }, { "name": "state", - "value": "focus" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" @@ -29004,43 +27198,56 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/21ea0ebe-c998-4b48-b68b-68779c3c913b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14d675c4-45d5-4861-b0c9-1cd450fbeca5", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "size", + "value": "medium" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "state", + "value": "rest" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5cb22569-1a1d-40a2-a9e2-5d724b75f4ea", + "props": [ + { + "name": "caption?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "menu?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", @@ -29054,58 +27261,67 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 133, - "height": 56 + "width": 137, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c3217ce-0798-4e83-b945-aecec378d798", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e59343ea-38c1-424b-9b76-fdf6dff827c3", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "size", + "value": "medium" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "disabled" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "validation", + "value": "none" }, { - "name": "icon", - "value": "31742:155958" - }, + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f3aeffb-f269-4576-a106-82ff50353162", + "props": [ { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", @@ -29113,16 +27329,12 @@ }, { "name": "state", - "value": "disabled" + "value": "rest" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" @@ -29130,47 +27342,60 @@ ], "dimensions": { "width": 133, - "height": 56 + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/480100b5-0dfe-49fb-8ae5-5240824c739a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c2ae908-a61f-40ff-88d7-6081fdf21e8a", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "size", + "value": "medium" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "focus" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "validation", + "value": "none" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38f2865f-6549-4e66-bdc9-f30a8aab8842", + "props": [ + { + "name": "caption?", + "value": "true" }, { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", @@ -29178,16 +27403,12 @@ }, { "name": "state", - "value": "read-only" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" @@ -29195,51 +27416,27 @@ ], "dimensions": { "width": 133, - "height": 56 + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20853f43-effb-4e8f-9151-742bf4711ebf", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1534dcd-3922-42e0-b90f-a142133a1d11", "props": [ { "name": "label?", "value": "true" }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", @@ -29247,11 +27444,7 @@ }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -29259,12 +27452,12 @@ } ], "dimensions": { - "width": 131, - "height": 80 + "width": 123, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/590b0556-c823-46f5-8c5b-12e400b745b5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82a99e5e-ca0c-4976-84fa-493e9af113d6", "props": [ { "name": "label?", @@ -29275,48 +27468,20 @@ "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", @@ -29324,52 +27489,65 @@ } ], "dimensions": { - "width": 131, - "height": 80 + "width": 123, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da17b025-fb41-465a-8555-86711d0994f2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa81d222-18fe-4349-a84f-150048614bbd", "props": [ { "name": "label?", "value": "true" }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "size", + "value": "small" }, { - "name": "icon", - "value": "31742:155958" + "name": "state", + "value": "disabled" }, { - "name": "trailingAction?", + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" + } + ], + "dimensions": { + "width": 123, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a3952297-7e1b-462c-a510-34ac7a018a7a", + "props": [ + { + "name": "label?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "caption?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "menu?", + "value": "false" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", @@ -29377,11 +27555,7 @@ }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -29389,64 +27563,36 @@ } ], "dimensions": { - "width": 133, - "height": 80 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c777c99-cd79-404c-9496-0fb1c1151740", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/946d5249-a965-4788-a770-56abb852edab", "props": [ { "name": "label?", "value": "true" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", @@ -29454,12 +27600,12 @@ } ], "dimensions": { - "width": 133, - "height": 80 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/094d90cf-cdd5-4faa-9f3e-9dd539494cf7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8250a1a-988e-4459-b4b7-595e0bac6aa0", "props": [ { "name": "label?", @@ -29470,36 +27616,49 @@ "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "none" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/030b5dcb-e059-47e8-bcfa-15d2e08d50be", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", @@ -29507,11 +27666,7 @@ }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -29519,64 +27674,73 @@ } ], "dimensions": { - "width": 131, - "height": 80 + "width": 123, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8e067d47-f7e4-4df7-ac3f-b190b179545f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4660afc-4b8f-4552-830b-63ca0bb22c07", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "inputTextType", - "value": "15341:46436" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "size", + "value": "small" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "state", + "value": "focus" }, { - "name": "icon", - "value": "31742:155958" + "name": "validation", + "value": "none" }, { - "name": "trailingAction?", + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 123, + "height": 76 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/098fad14-ff1e-4b13-82e9-f217328a30b4", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", @@ -29584,64 +27748,73 @@ } ], "dimensions": { - "width": 131, - "height": 80 + "width": 123, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2768929d-e446-4938-9500-4552b9877fb7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/122a22be-f7bd-437f-b4d3-ce0daa89a1ea", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "state", + "value": "rest" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 76 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/63bf8a1b-912c-4a1b-bdf7-7eef94107a8b", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -29649,64 +27822,36 @@ } ], "dimensions": { - "width": 133, - "height": 80 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d565af9e-2f39-4cf5-ae7b-b9436400da01", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f7170cf-e3aa-45cb-a390-fca18bbac42f", "props": [ - { - "name": "label?", - "value": "true" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, { "name": "caption?", - "value": "false" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "leadingVisual?", - "value": "false" + "value": "true" }, { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", @@ -29714,52 +27859,28 @@ } ], "dimensions": { - "width": 133, - "height": 80 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83b15cc2-83a7-4699-8449-ea91b3a099f3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b4b5227-5a55-4727-bdf7-8e7841940e40", "props": [ { "name": "label?", "value": "true" }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", @@ -29769,22 +27890,18 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 95, - "height": 52 + "width": 145, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b6a0e08-b21a-4c12-8fcf-4d18158ba26d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44153d8e-f053-4993-8800-dcd132aeba81", "props": [ { "name": "label?", @@ -29795,191 +27912,107 @@ "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 95, - "height": 52 + "width": 145, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/db2c5b4a-7465-472d-8d95-4131cdfcd608", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15cbe665-1400-414e-83b6-ab7098083fde", "props": [ { "name": "label?", "value": "true" }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "focus" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 95, - "height": 52 + "width": 145, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/98dbaa7b-c0fc-4d5b-a3b3-ff077ee79f61", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dc1aa218-dbed-443d-bc9c-efb3fb37cf02", "props": [ { "name": "label?", "value": "true" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 95, - "height": 52 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d6fa54b-0bed-4d0f-a6ee-2e07c9dd9935", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/11ccc177-dae2-4bf7-9e84-88352fafbe45", "props": [ { "name": "label?", @@ -29990,36 +28023,49 @@ "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "none" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 64 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d479a4b3-cd84-4456-ad03-90b6318c98a7", + "props": [ + { + "name": "label?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "menu?", + "value": "false" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", @@ -30029,127 +28075,145 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 74, - "height": 52 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a9b592c-7e0a-4e49-b8e1-9fb454d6645a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ffc2129-76c9-4a5f-86c2-508c73a859ea", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "label?", + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "none" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 145, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15938db0-b603-4628-83d4-aaba017aed8b", + "props": [ + { + "name": "caption?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "menu?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "read-only" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 68, - "height": 52 + "width": 145, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab52cd59-30e3-4d79-a8b3-d8d9a3255d4f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbc29f27-8c7f-45ec-931a-401858e4fcb0", "props": [ { - "name": "label?", + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "label?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "large" }, { - "name": "caption?", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "leadingVisual?", + "name": "fullWidth?", "value": "false" - }, + } + ], + "dimensions": { + "width": 145, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/540ddf05-611b-4992-b32a-2afc2de19f95", + "props": [ { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "menu?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", @@ -30159,87 +28223,92 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ebf3642d-dc12-46dd-9fa6-eaa1aa945f4c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/04dc163e-9f3e-4424-8f08-73bc76af12cf", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "trailingAction?", - "value": "false" + "name": "size", + "value": "large" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "focus" }, { - "name": "icon", - "value": "31742:155958" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c143fd3f-1db4-4d51-8f77-7a1c438a6323", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b3af9bf4-3cd8-4994-8bb0-7d86dacf4f98", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/896a1cbb-ff2f-4181-85c6-f453efe1a818", "props": [ { "name": "label?", @@ -30250,48 +28319,57 @@ "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "invalid" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ebb8974c-acc6-49db-9360-bd509a993880", + "props": [ + { + "name": "label?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "caption?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "menu?", + "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "invalid" }, { "name": "fullWidth?", @@ -30299,64 +28377,73 @@ } ], "dimensions": { - "width": 132, - "height": 52 + "width": 133, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7583c527-2615-4d63-9546-6081ff326584", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/90bbbc37-9dcd-4a7d-ae77-105c10e54aac", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "size", + "value": "medium" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "invalid" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 104 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/421512f5-93a3-4690-a8b4-fb40c56def30", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "true" + "value": "invalid" }, { "name": "fullWidth?", @@ -30364,12 +28451,12 @@ } ], "dimensions": { - "width": 132, - "height": 52 + "width": 133, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85a28a84-26d0-4002-a19b-11cbf6d25cfa", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/481ea15d-5be0-4ee1-9241-3a4d214e169e", "props": [ { "name": "label?", @@ -30380,61 +28467,33 @@ "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", "value": "small" }, { "name": "state", - "value": "disabled" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "invalid" }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 132, - "height": 52 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d643a345-2c88-455b-82c4-c91e3dff9b76", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51f59497-bc0b-41a9-87bd-b3a5be431ca7", "props": [ { "name": "label?", @@ -30445,48 +28504,20 @@ "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", "value": "small" }, { "name": "state", - "value": "read-only" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "invalid" }, { "name": "fullWidth?", @@ -30495,47 +28526,60 @@ ], "dimensions": { "width": 132, - "height": 52 + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6ec5d1e-0a80-4b21-820d-f4c53a20f1d1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc844c13-2d48-4af9-982e-76c2fd15efc1", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "label?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "small" }, { - "name": "leadingVisual?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "invalid" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 131, + "height": 100 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b0661f15-6f91-440d-9577-4fade86af992", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "true" }, { "name": "size", @@ -30549,22 +28593,18 @@ "name": "validation", "value": "invalid" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 131, - "height": 76 + "width": 132, + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6dac00c5-6729-4d1e-91ed-684134b09c91", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c73c786-8ab1-4e9b-ae4f-a43c52ee81a2", "props": [ { "name": "label?", @@ -30575,36 +28615,12 @@ "value": "false" }, { - "name": "trailingAction?", - "value": "false" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", @@ -30614,62 +28630,71 @@ "name": "validation", "value": "invalid" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 131, - "height": 76 + "width": 145, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc240155-f792-4568-a8d8-41891ed47182", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c310689c-04de-4ff3-9a7a-78b2d41fbf80", "props": [ { "name": "label?", "value": "true" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "size", + "value": "large" }, { - "name": "icon", - "value": "31742:155958" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "invalid" }, { - "name": "trailingAction?", + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e32a143c-a85d-4fbe-bf55-e0e65bedf4be", + "props": [ + { + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "large" }, { "name": "state", @@ -30679,62 +28704,71 @@ "name": "validation", "value": "invalid" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 145, + "height": 112 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86ab4e1b-55d3-40bf-9200-1494e11fbbfe", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7cfbac50-034d-48c2-88f1-23d035ea8e12", "props": [ { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "trailingAction?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "size", + "value": "large" }, { - "name": "icon", - "value": "31742:155958" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "invalid" }, { - "name": "trailingAction", - "value": "15341:46485" - }, + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 112 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a0af2275-930b-424b-a17e-df993f274c09", + "props": [ { "name": "label?", "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", @@ -30742,24 +28776,20 @@ }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "true" + "value": "success" }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 132, - "height": 76 + "width": 137, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c08ed95b-b22f-4380-80c1-be18411e2086", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01fe3668-9886-4662-8f35-992a3102cae9", "props": [ { "name": "label?", @@ -30770,36 +28800,49 @@ "value": "false" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "success" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b70481fb-2c43-4561-8911-8512dd49f002", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "caption?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", - "value": "small" + "value": "medium" }, { "name": "state", @@ -30809,58 +28852,67 @@ "name": "validation", "value": "success" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 131, - "height": 76 + "width": 137, + "height": 104 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2daeb643-6ceb-4c03-96b5-84ea5ce0fea1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/68edb554-c1e0-4530-bc5b-d6c8035e0bc6", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { "name": "label?", "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "size", + "value": "medium" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "validation", + "value": "success" }, { - "name": "icon", - "value": "31742:155958" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 104 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/21221b60-472a-49bd-b895-67d94beec5e0", + "props": [ + { + "name": "label?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "false" }, { "name": "size", @@ -30874,22 +28926,18 @@ "name": "validation", "value": "success" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 131, + "width": 137, "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2ad5bf42-235b-446d-8c86-5fcd9aabc938", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09d86a48-1235-48bc-aaf6-ff80c459b4be", "props": [ { "name": "label?", @@ -30900,33 +28948,9 @@ "value": "false" }, { - "name": "trailingAction?", - "value": "false" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", "value": "small" @@ -30939,10 +28963,6 @@ "name": "validation", "value": "success" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" @@ -30954,43 +28974,56 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95f4143a-1467-4ae0-ae9d-633e294f3e36", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/45d43c01-cfeb-4f70-aa1c-dc610861fb88", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "label?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "size", + "value": "small" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "validation", + "value": "success" }, { - "name": "caption?", + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 100 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d41186e-77c0-4812-91da-a113c708d6bb", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "caption?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", @@ -31004,10 +29037,6 @@ "name": "validation", "value": "success" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "true" @@ -31015,11 +29044,11 @@ ], "dimensions": { "width": 132, - "height": 76 + "height": 100 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bb2b62ca-860d-4f31-883e-4df3210dc373", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab3422a9-491b-4ee1-97de-b208f34bb3c9", "props": [ { "name": "label?", @@ -31030,33 +29059,9 @@ "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", "value": "large" @@ -31067,11 +29072,7 @@ }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "success" }, { "name": "fullWidth?", @@ -31079,12 +29080,12 @@ } ], "dimensions": { - "width": 103, - "height": 64 + "width": 145, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e40912f5-56d0-4ea7-bd24-e24d9ed46c4c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37e6523f-eb05-4d9e-bd7d-a81ba460c0af", "props": [ { "name": "label?", @@ -31095,33 +29096,9 @@ "value": "false" }, { - "name": "trailingAction?", - "value": "false" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", "value": "large" @@ -31132,76 +29109,44 @@ }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "true" + "value": "success" }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 103, - "height": 64 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85ce1a88-da6f-4c3e-9661-b1f0735b73f4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7ebcc304-1d2b-4b48-8cb2-f311ce4c56e0", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { "name": "label?", "value": "true" }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", "value": "large" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "false" + "value": "success" }, { "name": "fullWidth?", @@ -31209,48 +29154,24 @@ } ], "dimensions": { - "width": 103, - "height": 64 + "width": 145, + "height": 112 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3af1a6a-9ea8-4362-89ec-d3c1b9234aa7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/960710ae-f6f8-4244-be11-6ea235b13eef", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", - "value": "false" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "true" }, { "name": "size", @@ -31258,263 +29179,151 @@ }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", - "value": "none" - }, - { - "name": "inset?", - "value": "true" + "value": "success" }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 103, - "height": 64 + "width": 142, + "height": 112 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4aaf7526-5f96-4970-8a31-a4e826b91c6c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/101638f4-050f-4ecc-b2c9-2612679e9b72", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction?", + "name": "caption?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", - "value": "disabled" + "value": "rest" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 82, - "height": 64 + "width": 137, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2df660b-15fe-4b2a-b454-beb7052324a8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b0a49f8-bfd2-4e11-a736-faef09f577fc", "props": [ - { - "name": "label?", - "value": "true" - }, { "name": "caption?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", - "value": "read-only" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 68, - "height": 64 + "width": 137, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c6ff6c81-d231-472b-adad-b5856486ccdd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64f44a7b-35ee-47c5-95a0-82653694e313", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "leadingVisual?", + "name": "caption?", "value": "false" }, { - "name": "trailingAction?", + "name": "label?", "value": "false" }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 137, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17346ef2-8114-49d2-9e56-3a13b889e3f2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49d3ecc7-ab78-4b87-bde6-69db26ff11e1", "props": [ { - "name": "caption?", - "value": "false" - }, - { - "name": "leadingVisual?", - "value": "false" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "trailingAction?", + "name": "menu?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "label?", - "value": "true" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" + { + "name": "caption?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", @@ -31524,62 +29333,34 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 133, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f6e684d-21db-4288-b20a-81005cc243cc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc110a23-b4ae-4bf0-8187-78a5daf53bfb", "props": [ { - "name": "label?", - "value": "true" - }, - { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction?", + "name": "caption?", "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" - }, - { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", @@ -31589,127 +29370,145 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 133, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54cd160f-e347-4cdd-ac0d-93ddc6e142c1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d5578be-b330-4cda-95f5-2a7c316b6ae8", "props": [ { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction?", + "name": "label?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "size", + "value": "medium" }, { - "name": "caption?", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "icon", - "value": "31742:155958" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 32 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d338f6e-98d7-4590-ac41-c16b807910dc", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", - "value": "focus" + "value": "rest" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "true" - }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 137, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc1ae24f-6726-4e56-81d6-74087c629b9e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bcd1736b-bfca-4941-b299-6e03e3aab3ae", "props": [ { "name": "caption?", - "value": "false" + "value": "true" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction?", + "name": "label?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "medium" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "focus" }, { - "name": "label?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 56 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4e857e10-6362-404e-ab80-c80eff4f004b", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", @@ -31719,127 +29518,145 @@ "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 137, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa83dd34-6afc-4cc7-b5ca-7ae2a6e81fb3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39bde38c-9c5b-4d4c-b4bc-a56f2123ed95", "props": [ { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "caption?", + "value": "true" }, { - "name": "trailingAction?", + "name": "label?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "medium" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "rest" }, { - "name": "label?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 56 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f10ebd94-34a6-4a04-ac01-23792ee0a8fd", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "medium" }, { "name": "state", - "value": "read-only" + "value": "focus" }, { "name": "validation", "value": "none" }, - { - "name": "inset?", - "value": "false" - }, { "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 142, - "height": 64 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/549bcc6b-8ee8-451d-a774-070960be583d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14e80f7f-0387-4d3e-a961-3602f674513b", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "label?", + "value": "false" }, { - "name": "caption?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "icon", - "value": "31742:155958" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 56 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ca0ebb1-6580-4539-9c9e-e00156ed471b", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "caption?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", @@ -31847,11 +29664,7 @@ }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -31859,64 +29672,73 @@ } ], "dimensions": { - "width": 131, - "height": 88 + "width": 123, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9702d49e-512a-4615-8b5d-3dbe7dfaf7c1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4fc5e6c-dc4d-45c0-845e-60b83b819c54", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "size", + "value": "small" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "validation", + "value": "none" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 123, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a9e1fa5f-46b4-4687-a994-230a34af1e94", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "caption?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "disabled" }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", @@ -31924,64 +29746,73 @@ } ], "dimensions": { - "width": 131, - "height": 88 + "width": 123, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4403613c-d1af-4031-94e6-3dab61ccc6d8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9356c80a-b3db-479b-b70d-e778ce3b60f1", "props": [ { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "menu?", + "value": "false" }, { - "name": "caption?", + "name": "label?", "value": "false" }, { - "name": "trailingAction?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "state", + "value": "rest" }, { - "name": "leadingVisual?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c083f008-86c0-4c9b-b8e0-7e0d5857c27f", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", @@ -31989,52 +29820,65 @@ } ], "dimensions": { - "width": 142, - "height": 88 + "width": 132, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6bdaadb3-8e49-43cf-bde2-767542194ac2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b608907-f3e6-4ce2-8244-4624763f908e", "props": [ { - "name": "label?", - "value": "true" + "name": "caption?", + "value": "false" }, { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "small" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "state", + "value": "disabled" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20479b6a-de57-4372-9dc8-24d917ea8e3e", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", @@ -32042,76 +29886,81 @@ }, { "name": "validation", - "value": "invalid" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 123, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61311d6e-fe12-49ba-9e04-7f6212f86b63", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20a74847-6f99-4551-b0b8-56e400b57dd2", "props": [ { - "name": "label?", - "value": "true" + "name": "menu?", + "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "caption?", + "value": "true" }, { - "name": "caption?", + "name": "label?", "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "trailingAction?", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "validation", + "value": "none" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 123, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a925e3a3-8a16-41e4-af0e-e6a90a63c6ed", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "caption?", + "value": "true" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", - "value": "rest" - }, - { - "name": "validation", - "value": "success" + "value": "disabled" }, - { - "name": "inset?", - "value": "false" + { + "name": "validation", + "value": "none" }, { "name": "fullWidth?", @@ -32119,113 +29968,135 @@ } ], "dimensions": { - "width": 131, - "height": 88 + "width": 123, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dfe41781-41a5-4081-8c2f-181fd56e9445", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9194446c-d71c-4575-81b2-58cce7b1d9f0", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "leadingVisual?", + "name": "label?", "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "size", + "value": "small" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "state", + "value": "rest" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16734577-c322-4b19-8d5a-b7b17990994a", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "caption?", + "value": "true" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { "name": "size", - "value": "large" + "value": "small" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", - "value": "false" + "value": "true" } ], "dimensions": { - "width": 131, - "height": 88 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a88414c5-c311-4a3a-aa09-0a753d75da87", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/779414ee-1583-481f-92e3-6018d559e939", "props": [ { - "name": "label?", + "name": "caption?", "value": "true" }, { - "name": "caption?", + "name": "menu?", "value": "false" }, { - "name": "icon", - "value": "31742:155958" + "name": "label?", + "value": "false" }, { - "name": "leadingVisual?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "trailingAction", - "value": "15341:46485" + "name": "state", + "value": "disabled" }, { - "name": "trailingAction?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "inputTextType", - "value": "15341:46436" + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6ca9d857-5166-463d-a119-b4310a591013", + "props": [ + { + "name": "menu?", + "value": "false" }, { - "name": "inputTextDisabled", - "value": "15341:46418" + "name": "caption?", + "value": "false" }, { - "name": "trailingActionDisabled", - "value": "15341:46476" + "name": "label?", + "value": "false" }, { "name": "size", @@ -32237,1998 +30108,2380 @@ }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "false" + "value": "none" }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 142, - "height": 88 + "width": 145, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb51e483-179e-491d-a374-d4fab22c68a0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8df091d-0f8e-4d87-9a4b-b9badd53cb21", "props": [ - { - "name": "label?", - "value": "true" - }, - { - "name": "trailingActionDisabled", - "value": "15341:46476" - }, { "name": "caption?", "value": "false" }, { - "name": "leadingVisual?", + "name": "menu?", "value": "false" }, { - "name": "inputTextType", - "value": "15341:46436" - }, - { - "name": "trailingAction?", + "name": "label?", "value": "false" }, - { - "name": "trailingAction", - "value": "15341:46485" - }, - { - "name": "icon", - "value": "31742:155958" - }, - { - "name": "inputTextDisabled", - "value": "15341:46418" - }, { "name": "size", "value": "large" }, { "name": "state", - "value": "rest" + "value": "focus" }, { "name": "validation", - "value": "success" - }, - { - "name": "inset?", - "value": "true" + "value": "none" }, { "name": "fullWidth?", - "value": "true" + "value": "false" } ], - "dimensions": { - "width": 142, - "height": 88 - } - } - ], - "createdAt": "2022-07-21T21:24:43.887Z", - "updatedAt": "2024-12-10T14:47:20.979Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_single_select", - "name": "ActionList.Item/SingleSelect", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56202", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "trailingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "leadingVisual/avatar", - "values": [] - }, - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "trailingVisual/icon", - "values": [] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small", - "values": [ - "small", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "focus", - "disabled" - ] - }, - { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "true", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-08-04T20:16:55.703Z", - "updatedAt": "2024-12-16T14:29:21.886Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "inline_message", - "name": "Inline message", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=32109%3A348", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "An inline message", - "values": [] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "critical", - "values": [ - "critical", - "warning", - "success", - "unavailable" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-06-12T12:50:40.886Z", - "updatedAt": "2024-12-03T11:42:00.917Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "skeleton_text", - "name": "Skeleton/Text", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30013%3A6946", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "size", - "type": "VARIANT", - "defaultValue": "display", - "values": [ - "display", - "titleLarge", - "titleMedium", - "titleSmall", - "subtitle", - "bodyLarge", - "bodyMedium", - "bodySmall" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-12-14T08:41:26.576Z", - "updatedAt": "2024-12-03T11:42:00.977Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "qualifier", - "name": "Qualifier", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19149%3A68796", - "status": "EXPERIMENTAL", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "qualifier", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "created", - "assignee", - "author", - "fork", - "is", - "label", - "language", - "location", - "license", - "mentions", - "org", - "repo", - "path", - "custom", - "state", - "state-issue", - "state-pr", - "comments", - "followers", - "stars", - "updated", - "extension", - "none", - "team" - ] - }, - { - "name": "filled", - "type": "VARIANT", - "defaultValue": "no", - "values": [ - "no", - "yes" - ] - }, - { - "name": "input-state", - "type": "VARIANT", - "defaultValue": "focus", - "values": [ - "focus", - "rest (default)" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-12-15T19:59:51.556Z", - "updatedAt": "2024-12-16T14:28:58.185Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "overlay_header", - "name": "OverlayHeader", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9439%3A36366", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "large" - ] - }, - { - "name": "hasHeading?", - "type": "VARIANT", - "defaultValue": "on", - "values": [ - "off", - "on" - ] - }, - { - "name": "hasDescription?", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - }, - { - "name": "input", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - }, - { - "name": "leadingBack", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - }, - { - "name": "trailingOverflow", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - }, - { - "name": "hasDismiss?", - "type": "VARIANT", - "defaultValue": "off", - "values": [ - "off", - "on" - ] - } - ], - "thumbnails": [], - "createdAt": "2021-10-05T21:34:39.749Z", - "updatedAt": "2024-12-03T11:42:22.687Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "branch_name", - "name": "BranchName", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3655%3A7208", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "type", - "type": "VARIANT", - "defaultValue": "link", - "values": [ - "link", - "text" - ] - } - ], - "thumbnails": [ + "dimensions": { + "width": 145, + "height": 40 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01ff1255-7444-4aaa-ae77-e73e903d14c0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4785aaa-d0e5-4c96-84ad-20d6f81620aa", "props": [ { - "name": "type", - "value": "link" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 145, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f923c45-303d-4ec8-9abd-03a5b35116a9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ad38d382-0c56-439c-bf3c-68e0ec5dfbc6", "props": [ { - "name": "type", - "value": "text" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 92, - "height": 20 + "width": 142, + "height": 40 } - } - ], - "createdAt": "2020-10-28T17:29:36.817Z", - "updatedAt": "2024-12-03T11:42:30.354Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_danger_buttons_medium_end", - "name": "[DEPRECATED] Danger-Buttons/medium/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91827", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.320Z", - "updatedAt": "2024-12-03T11:42:30.359Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_secondary_buttons_medium_start", - "name": "[DEPRECATED] Secondary-Buttons/medium/start", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28992%3A55790", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59d64089-03cf-4f41-919e-0fc747677483", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "focus" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 40 + } }, { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76f7d3f2-1a32-423b-8a05-c2e13c2e1963", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 40 + } }, { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6348fb58-5175-499c-b470-71fe9004db26", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 145, + "height": 64 + } }, { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/476c1977-ac36-4e91-932f-0d86f9c6e03a", + "props": [ + { + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "focus" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 145, + "height": 64 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:47.299Z", - "updatedAt": "2024-12-03T11:42:30.373Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "token", - "name": "Token", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10351%3A34099", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "state", - "type": "VARIANT", - "defaultValue": "default", - "values": [ - "default", - "hover" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa5ed094-2b0b-4829-afde-f74c103001ef", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 145, + "height": 64 + } }, { - "name": "size", - "type": "VARIANT", - "defaultValue": "small", - "values": [ - "large", - "medium", - "small", - "xlarge" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/295e5c25-ac72-4e31-ae51-57568efe6141", + "props": [ + { + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 64 + } }, { - "name": "leadingVisual", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4607fea7-f973-4183-93e6-93509e451275", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "focus" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 64 + } }, { - "name": "selected?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/08630e77-783f-4d87-bb04-4a844a540ab2", + "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 64 + } }, { - "name": "❌ remove?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4b0c82f-eb10-40cc-a54f-95924491bc5d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0353baa3-20da-44ae-8a02-8a65d3dea091", "props": [ + { + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, { "name": "state", - "value": "default" + "value": "rest" }, { - "name": "size", - "value": "small" + "name": "validation", + "value": "invalid" }, { - "name": "leadingVisual", + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 137, + "height": 56 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3860933e-56ec-48a0-adeb-8e99be50771f", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "selected?", + "name": "caption?", "value": "false" }, { - "name": "❌ remove?", + "name": "label?", "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 41, - "height": 16 + "width": 133, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1106b7e5-fe3b-4e5e-9dbb-a403fdaf6f67", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4dc00a0a-3a17-447b-bdca-cfcfa808f359", "props": [ { - "name": "state", - "value": "default" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 24 + "width": 137, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8fe7dadb-dd7a-49d0-8219-fc5ef9cbca4d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb890cdc-1939-4c73-a909-cd95ed040bb2", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc013862-333f-4651-8a57-92aade00f8d3", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "selected?", + "name": "caption?", "value": "false" }, { - "name": "❌ remove?", + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 20 + "width": 131, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/22602dbd-7958-4465-8780-1650b55d70d9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07809600-ef66-4bf1-a77c-28f2aa512102", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "leadingVisual", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 52 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be5ff353-4b13-4630-8ed7-4c7eda17fd53", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "selected?", + "name": "caption?", + "value": "true" + }, + { + "name": "label?", "value": "false" }, { - "name": "❌ remove?", + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 54, - "height": 32 + "width": 131, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/572fe5ba-becc-482a-a387-4da0f23c0275", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e6657677-38fa-4c8b-8594-4b8e81732fe4", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "true" + } + ], + "dimensions": { + "width": 132, + "height": 76 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60bb378c-ad92-425c-a3f1-397f8d45577d", + "props": [ + { + "name": "caption?", + "value": "false" }, { - "name": "❌ remove?", + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 41, - "height": 16 + "width": 145, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8cc866d9-b9e6-4ccf-9f7a-6aace33fd6d1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff0271ac-5438-4906-bcd7-a049c37f2fa6", "props": [ + { + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "large" + }, { "name": "state", - "value": "default" + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 142, + "height": 64 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32699a81-376b-4220-91fc-48d3ce0d12aa", + "props": [ + { + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "false" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", "value": "large" }, { - "name": "leadingVisual", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "false" + } + ], + "dimensions": { + "width": 145, + "height": 88 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c750a6e6-a31e-4076-a8e5-7993bcb04092", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "selected?", + "name": "caption?", "value": "true" }, { - "name": "❌ remove?", + "name": "label?", "value": "false" + }, + { + "name": "size", + "value": "large" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "invalid" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 49, - "height": 24 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4fc10ec-0bee-45da-b16e-63b3da689ca6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b724484b-6a9c-4f67-aedb-fe1a8553bd68", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 20 + "width": 137, + "height": 56 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f2345395-1911-424f-a9de-5e99c9730431", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7e273202-fc3d-44d5-926e-ab081abc4ffe", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", - "value": "xlarge" + "value": "medium" }, { - "name": "leadingVisual", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 56 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c3d19cf-0b8e-4fb7-88b4-850bf58b08f4", + "props": [ + { + "name": "menu?", "value": "false" }, { - "name": "selected?", + "name": "caption?", "value": "true" }, { - "name": "❌ remove?", + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 54, - "height": 32 + "width": 137, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57ad1fde-ccdc-4e20-a7d9-a3af5e09e90f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fec122a6-dcc7-4d3c-b8e6-676087e4f74d", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", - "value": "small" + "value": "medium" }, { - "name": "leadingVisual", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" + } + ], + "dimensions": { + "width": 133, + "height": 80 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40184b16-9fc8-4253-a6fc-d73883e50701", + "props": [ + { + "name": "caption?", "value": "false" }, { - "name": "selected?", + "name": "menu?", "value": "false" }, { - "name": "❌ remove?", + "name": "label?", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 41, - "height": 16 + "width": 137, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dc8599cb-cb80-4236-b315-d3ee9a506eb8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b24544e3-c6b1-453a-9fa8-d9a37250a1ac", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" }, { - "name": "size", - "value": "large" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 49, - "height": 24 + "width": 132, + "height": 52 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ecb0459-e4c7-4f9e-bf5b-ef5da927d5c4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5521174-8dd0-4dc3-a794-0b087930e181", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "medium" + "name": "menu?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 20 + "width": 137, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1be8dd77-53ab-42bc-974b-dccf6738f009", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c418ee10-3cdf-40b9-9df3-f96c70b7c596", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" }, { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "small" }, { - "name": "❌ remove?", - "value": "false" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 54, - "height": 32 + "width": 132, + "height": 76 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ebdadde0-39bb-4aa0-ba99-5b0d1d991a92", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0260f45f-6013-4586-bc44-7189ad37b3ab", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" }, { - "name": "size", - "value": "small" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 41, - "height": 16 + "width": 145, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e71f3559-6222-4f4d-a72d-f7ccaf34ddc8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f45d439a-386e-412b-85f7-93fa20951df6", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "false" }, { "name": "size", "value": "large" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "success" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 49, - "height": 24 + "width": 142, + "height": 64 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a11d24eb-a53e-4714-99a1-45c048a6bfa3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d552605-7036-4581-b7df-19b617c7f188", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" }, { - "name": "size", - "value": "medium" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 49, - "height": 20 + "width": 145, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fccb624-7c0f-463f-ac3c-cd3a111a8253", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a521e86c-6240-4cb3-9798-4687dd92f3da", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "false" }, { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "false" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "❌ remove?", - "value": "false" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "success" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 54, - "height": 32 + "width": 142, + "height": 88 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86231ecf-7f1e-4888-93a4-65d2b19f33e6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bca8cc5b-dbeb-4956-8672-e90279b005d4", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c2684afa-c663-41a0-9060-1d8a9f44a198", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/91fee046-c716-4452-abbc-1f1ca0375035", "props": [ { - "name": "state", - "value": "default" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 69, - "height": 20 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/703a0bfa-9501-49c1-95e4-a126b5a650ae", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/56ed7192-aad1-41e1-a0bc-76245b6619bc", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/728213b3-c25f-4610-a521-76cf3704dea3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/75232832-c1d8-49f9-88b9-1bc41d55b534", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "caption?", + "value": "false" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", - "value": "false" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f0828fb8-d9e0-4abc-89d3-d0a09afbd702", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a0e24b6b-ffe8-467d-a8bb-3d8d25f1ce20", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 69, - "height": 20 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c73d4820-c4aa-46fc-bd91-3a0b51ffbb97", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/12e3260f-0e97-4aa2-a5fb-3d365d2ed826", "props": [ { - "name": "state", - "value": "default" + "name": "caption?", + "value": "false" }, { - "name": "size", - "value": "xlarge" + "name": "menu?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", - "value": "false" + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16399176-3253-433c-8a1f-1fece2ae13ba", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7dcb0853-f32a-4aeb-88cc-865857e5294a", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/330ea42a-8d6b-4d1c-a5a9-c43dd34e56b1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e60527d5-13c6-4b48-9954-50f2d8408f37", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 69, - "height": 20 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1324a260-b50c-4b70-a817-f8cb1605f44a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57a0b073-144b-4384-bace-4e9747ce4f71", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "xlarge" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "false" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", "value": "false" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/da1b27e8-ff67-42fc-bead-5fc849dc1c87", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6fdb6d63-8153-48f6-8a07-a43d1aa23581", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" }, { - "name": "size", - "value": "large" + "name": "caption?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "medium" }, { - "name": "❌ remove?", - "value": "false" + "name": "state", + "value": "rest" + }, + { + "name": "validation", + "value": "none" + }, + { + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/753cf4fa-cddc-4282-8c43-95bb19f29c51", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32a840d3-e4c7-4ac9-8cee-36d5f9d3c142", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "medium" }, { - "name": "leadingVisual", - "value": "true" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 69, - "height": 20 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d24419b1-7690-4ed1-9b18-fdb9ce49214c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d56db2de-9e58-4bbc-8c0a-e938765c5b84", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "true" }, { - "name": "size", - "value": "xlarge" + "name": "menu?", + "value": "true" }, { - "name": "leadingVisual", + "name": "label?", "value": "true" }, { - "name": "selected?", - "value": "true" + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "disabled" + }, + { + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "false" + "name": "fullWidth?", + "value": "true" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6be82e9-a064-48c3-a8b3-6aed43148033", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/44abe8fb-f579-4135-adec-20c4b2bab866", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 61, - "height": 16 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8be82920-2bdd-4c6d-b38a-8f82844e30be", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9101c459-e292-4bc8-9ea2-1c2b93b14e68", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d17afb27-b47c-4e53-9389-196330eb2797", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c4c2fc2-584b-4e27-882f-db7bff0e3189", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 63, - "height": 20 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/433a3f22-1977-4db5-b40c-8fa2f1309c56", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a39d663-4d3a-4ce7-8055-9eded240a447", "props": [ { - "name": "state", - "value": "default" + "name": "caption?", + "value": "false" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5f9debf-1605-4870-be76-931d32a3a055", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34682375-dd21-43b6-a55d-c6944e12cb59", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "false" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 57, - "height": 16 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d3e6a3e-4e52-4718-8ad2-e7a377df27a3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a004af4d-8fff-42e6-a903-08b35d1de12b", "props": [ { - "name": "state", - "value": "default" - }, - { - "name": "size", - "value": "large" - }, - { - "name": "leadingVisual", + "name": "caption?", "value": "false" }, { - "name": "selected?", + "name": "menu?", "value": "true" }, { - "name": "❌ remove?", + "name": "label?", "value": "true" - } - ], - "dimensions": { - "width": 73, - "height": 24 - } - }, - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8a2a9220-ce46-4f8b-8b81-17a25c138e56", - "props": [ - { - "name": "state", - "value": "default" }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 63, - "height": 20 + "width": 166, + "height": 80 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3009f730-4904-429f-a1ef-1fa8787b6b9c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/def919ab-db63-45ee-a5bb-90fcaccbbe61", "props": [ { - "name": "state", - "value": "default" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "true" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ee4c0d6-59b7-49c9-9713-d8773e5ceb5e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/244ad4ca-0347-4e5b-a5c1-d07d87ae164b", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 61, - "height": 16 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b0870e9-d4ea-4a61-b5cf-a2a8b680f9d4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9342171e-195e-4233-a368-7c81ebe858c7", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "large" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "disabled" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", - "value": "true" + "name": "fullWidth?", + "value": "false" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86ed2fc0-9d38-4d4f-8b2e-b82f79bff92f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe332ef6-e650-4036-b720-073f83bcd3d1", "props": [ { - "name": "state", - "value": "hover" + "name": "caption?", + "value": "true" + }, + { + "name": "menu?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "rest" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 63, - "height": 20 + "width": 166, + "height": 92 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f2ae69a-62c7-42ac-8948-c3f14e66c481", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e17e2b32-3a04-492a-8f82-ef1339e07432", "props": [ { - "name": "state", - "value": "hover" + "name": "menu?", + "value": "true" + }, + { + "name": "caption?", + "value": "true" + }, + { + "name": "label?", + "value": "true" }, { "name": "size", - "value": "xlarge" + "value": "small" }, { - "name": "leadingVisual", - "value": "false" + "name": "state", + "value": "focus" }, { - "name": "selected?", - "value": "false" + "name": "validation", + "value": "none" }, { - "name": "❌ remove?", + "name": "fullWidth?", "value": "true" } ], "dimensions": { - "width": 78, - "height": 32 + "width": 166, + "height": 92 } + } + ], + "createdAt": "2022-07-21T21:24:43.860Z", + "updatedAt": "2024-12-18T21:17:33.046Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "avatar_token", + "name": "AvatarToken", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=10359%3A34056", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "hover", + "rest" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "large", + "values": [ + "large", + "xlarge" + ] + }, + { + "name": "selected", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ca55d7c4-89ed-475b-8318-fdf5a203df71", + "name": "❌ remove?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0383d3bd-4578-426c-94b7-8fe9d4bc35f0", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", - "value": "small" + "value": "large" }, { - "name": "leadingVisual", + "name": "selected", "value": "false" }, - { - "name": "selected?", - "value": "true" - }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 57, - "height": 16 + "width": 61, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4ca8d2f9-63b5-40ac-b178-da7ac496bbcc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/335ce3fc-48dc-483d-8999-19a7f1c373ac", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", - "value": "large" + "value": "xlarge" }, { - "name": "leadingVisual", + "name": "selected", "value": "false" }, - { - "name": "selected?", - "value": "true" - }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 73, - "height": 24 + "width": 74, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2c1e6d0f-e72c-4350-a1ae-318c9a90c5ca", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40208bcf-d57e-4295-83b2-17cd81b6dada", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", - "value": "medium" + "value": "large" }, { - "name": "leadingVisual", + "name": "selected", "value": "false" }, - { - "name": "selected?", - "value": "true" - }, { "name": "❌ remove?", "value": "true" } ], "dimensions": { - "width": 63, - "height": 20 + "width": 85, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/84d569dc-0e1c-4384-989a-24151ee004d7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a0ad720-c7a9-48d6-8c67-e5d48c927334", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", "value": "xlarge" }, { - "name": "leadingVisual", + "name": "selected", "value": "false" }, - { - "name": "selected?", - "value": "true" - }, { "name": "❌ remove?", "value": "true" } ], "dimensions": { - "width": 78, + "width": 98, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1dcfba2a-bd7f-4fcf-9a2f-5c451d1f169a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af4d484d-b13a-436d-b6cb-719d789c97f0", "props": [ { "name": "state", - "value": "default" + "value": "hover" }, { "name": "size", "value": "large" }, { - "name": "leadingVisual", - "value": "true" - }, - { - "name": "selected?", + "name": "selected", "value": "false" }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 97, + "width": 61, "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dcfbc4c7-b916-4391-b80a-2d87e8080498", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58ea9c9e-1e1a-4908-8533-0093ee85150d", "props": [ { "name": "state", - "value": "default" + "value": "hover" }, { "name": "size", - "value": "medium" - }, - { - "name": "leadingVisual", - "value": "true" + "value": "xlarge" }, { - "name": "selected?", + "name": "selected", "value": "false" }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 83, - "height": 20 + "width": 74, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/346334ac-77b9-4263-b0a9-71030ea5931a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57f8baf3-683c-4597-97e1-ec2044e6613a", "props": [ { "name": "state", - "value": "default" + "value": "hover" }, { "name": "size", - "value": "xlarge" - }, - { - "name": "leadingVisual", - "value": "true" + "value": "large" }, { - "name": "selected?", + "name": "selected", "value": "false" }, { @@ -34237,28 +32490,24 @@ } ], "dimensions": { - "width": 102, - "height": 32 + "width": 85, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/64ee51ed-9406-48d3-8d16-eaeb2750b42b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb00eaf6-916b-4818-9324-fc1863a983dd", "props": [ { "name": "state", - "value": "default" + "value": "hover" }, { "name": "size", - "value": "large" - }, - { - "name": "leadingVisual", - "value": "true" + "value": "xlarge" }, { - "name": "selected?", - "value": "true" + "name": "selected", + "value": "false" }, { "name": "❌ remove?", @@ -34266,128 +32515,112 @@ } ], "dimensions": { - "width": 97, - "height": 24 + "width": 98, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/764438bb-a1ee-4776-a5e4-173f24eb09db", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3cfaafbb-1fe9-49e9-9be1-f67c0497d067", "props": [ { "name": "state", - "value": "default" - }, - { - "name": "size", - "value": "medium" + "value": "rest" }, { - "name": "leadingVisual", - "value": "true" + "name": "size", + "value": "large" }, { - "name": "selected?", + "name": "selected", "value": "true" }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 83, - "height": 20 + "width": 61, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/78a709cd-8726-4957-85fd-c425f308ae1a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27dd621f-dd39-4234-bd51-ca4393f03ed5", "props": [ { "name": "state", - "value": "default" + "value": "rest" }, { "name": "size", "value": "xlarge" }, { - "name": "leadingVisual", - "value": "true" - }, - { - "name": "selected?", + "name": "selected", "value": "true" }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 102, + "width": 74, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/436b361c-011f-40aa-8a83-003bde121253", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ec8fa953-86f8-4aec-b279-7d7b0b1501da", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", "value": "large" }, { - "name": "leadingVisual", + "name": "selected", "value": "true" }, - { - "name": "selected?", - "value": "false" - }, { "name": "❌ remove?", "value": "true" } ], "dimensions": { - "width": 97, + "width": 85, "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f6c1ea6-0eab-4000-a358-d892169c33f0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f490ee80-f308-4c08-bfd9-14487a722c6a", "props": [ { "name": "state", - "value": "hover" + "value": "rest" }, { "name": "size", - "value": "medium" + "value": "xlarge" }, { - "name": "leadingVisual", + "name": "selected", "value": "true" }, - { - "name": "selected?", - "value": "false" - }, { "name": "❌ remove?", "value": "true" } ], "dimensions": { - "width": 83, - "height": 20 + "width": 98, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71056d60-249e-4c35-9b27-1abfa210b23f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/36f92b73-1434-4fb1-991f-ab41de3389fd", "props": [ { "name": "state", @@ -34395,28 +32628,24 @@ }, { "name": "size", - "value": "xlarge" + "value": "large" }, { - "name": "leadingVisual", + "name": "selected", "value": "true" }, - { - "name": "selected?", - "value": "false" - }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 102, - "height": 32 + "width": 61, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/724d3cb7-973a-49bb-8571-8fd95e13d700", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/624f6025-a871-460e-b25b-e7d859bc6e07", "props": [ { "name": "state", @@ -34424,28 +32653,24 @@ }, { "name": "size", - "value": "large" - }, - { - "name": "leadingVisual", - "value": "true" + "value": "xlarge" }, { - "name": "selected?", + "name": "selected", "value": "true" }, { "name": "❌ remove?", - "value": "true" + "value": "false" } ], "dimensions": { - "width": 97, - "height": 24 + "width": 74, + "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/62bde588-c831-44a6-8311-7f6ccb876be3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/553c5682-ea0e-48b6-9b90-16de2d5304bb", "props": [ { "name": "state", @@ -34453,14 +32678,10 @@ }, { "name": "size", - "value": "medium" - }, - { - "name": "leadingVisual", - "value": "true" + "value": "large" }, { - "name": "selected?", + "name": "selected", "value": "true" }, { @@ -34469,12 +32690,12 @@ } ], "dimensions": { - "width": 83, - "height": 20 + "width": 85, + "height": 24 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6573689f-4fcd-4f1d-86f0-178bdef7e61e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2045efd-7aec-40f6-892c-62eacb8ff3f9", "props": [ { "name": "state", @@ -34485,11 +32706,7 @@ "value": "xlarge" }, { - "name": "leadingVisual", - "value": "true" - }, - { - "name": "selected?", + "name": "selected", "value": "true" }, { @@ -34498,56 +32715,51 @@ } ], "dimensions": { - "width": 102, + "width": 98, "height": 32 } } ], - "createdAt": "2022-03-28T23:30:59.483Z", - "updatedAt": "2024-12-03T11:42:30.394Z", + "createdAt": "2022-03-28T23:30:59.477Z", + "updatedAt": "2024-12-18T21:18:06.252Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "nav_list_collapse_section", - "name": "NavList/CollapseSection", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16716%3A62586", + "id": "spinner", + "name": "Spinner", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=11025%3A38126", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "collapsed?", + "name": "size", "type": "VARIANT", - "defaultValue": "false", + "defaultValue": "medium", "values": [ - "false", - "true" + "small", + "medium", + "large" ] } ], "thumbnails": [], - "createdAt": "2022-10-06T19:29:50.761Z", - "updatedAt": "2024-12-16T14:29:06.446Z", + "createdAt": "2021-11-24T16:25:47.455Z", + "updatedAt": "2024-12-18T21:17:33.096Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "deprecated_primary_buttons_medium_middle", - "name": "[DEPRECATED] Primary-Buttons/medium/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88927", + "id": "deprecated_danger_buttons_small_start", + "name": "[DEPRECATED] Danger-Buttons/small/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29002%3A91734", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ - { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] - }, { "name": "counter?", "type": "BOOLEAN", @@ -34566,6 +32778,12 @@ "false" ] }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, { "name": "leadingIcon", "type": "INSTANCE_SWAP", @@ -34586,1691 +32804,2750 @@ } ], "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.963Z", - "updatedAt": "2024-12-03T11:42:36.084Z", + "createdAt": "2023-10-31T13:50:36.937Z", + "updatedAt": "2024-12-18T21:17:58.085Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "issue_label", - "name": "IssueLabel", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64987", + "id": "toggle_switch", + "name": "ToggleSwitch", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=13518%3A50189", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "text", - "type": "TEXT", - "defaultValue": "Label", - "values": [] + "name": "focused", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] }, { "name": "size", "type": "VARIANT", - "defaultValue": "medium - 20px (default)", + "defaultValue": "medium", "values": [ - "medium - 20px (default)", - "large - 24px" + "medium", + "small" ] }, { - "name": "variant", + "name": "state", "type": "VARIANT", - "defaultValue": "default", + "defaultValue": "rest", "values": [ - "default", - "accent", - "success", - "attention", - "severe", - "danger", - "done", - "sponsors" + "rest", + "active", + "hover", + "loading" + ] + }, + { + "name": "checked", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + }, + { + "name": "label position", + "type": "VARIANT", + "defaultValue": "start", + "values": [ + "start", + "end" ] } ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f221c0b-5e39-4669-8bdf-e0b288294b41", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dc390953-dbd2-4b63-a808-368165032e6c", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 93, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b7924572-27c4-46dd-a232-89648bc22ec4", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 93, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7c1c3019-f351-4f1a-871e-2c35f2cd6efe", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 93, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/08fa8c12-2853-4172-b02a-93606eec933e", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 117, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cd97021b-8148-4e32-a1bb-6348a94b42cf", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 91, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0801f154-b8cc-41fa-ba75-f15c4627c427", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 91, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8de724bd-0ffd-41d0-aa81-db9901957bb8", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 91, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/829322dd-19c3-4895-ad21-8af8956a53f6", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 115, + "height": 36 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d2b9467c-3931-4bd6-8e84-3308ca13e46a", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 75, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a55ce2ca-fd87-4bd5-bdd0-1c5db63cdb0b", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 75, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34804a89-7084-4225-b6a8-a8a75b2a234d", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 75, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4da377f5-0625-457d-852e-ed74b5e7cb96", + "props": [ + { + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" }, { - "name": "variant", - "value": "default" + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 99, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/905f5595-4bad-444d-b677-1696db475c22", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b1a2a97f-d350-4c86-854f-e1f0add0feb7", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "small" }, { - "name": "variant", - "value": "accent" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 73, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/197f7b57-e481-4c87-8a9a-be874cfb1a14", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbab4db9-4093-4976-b3b6-a85675e10331", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "small" }, { - "name": "variant", - "value": "success" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 73, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb4a3715-676e-407a-97c1-a3f87fb1fc71", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/318228b9-aa92-42f8-b067-3bd6c5f7a878", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "small" }, { - "name": "variant", - "value": "attention" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 72, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39490443-3e54-4aa1-9e19-ee804cb05bd8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/75b9b4bc-e391-4e89-ace4-f6cd0b8bc1f4", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "small" }, { - "name": "variant", - "value": "severe" + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 97, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f7978521-b50e-4d66-8b5a-b9fb8f00c96f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d26e430-c9bc-4c41-aae5-b41079bef59a", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "medium" }, { - "name": "variant", - "value": "danger" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 93, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fcb0283b-8ffe-4466-8e78-874a21b942b2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8102874c-ff90-466b-a9a7-a68b14ae2296", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "medium" }, { - "name": "variant", - "value": "done" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 93, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40d2b52e-2ce5-4971-b6f4-eb9ee4907db6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6cc5ddef-9d2d-4a10-9f8a-eaca434f2a7e", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "medium - 20px (default)" + "value": "medium" }, { - "name": "variant", - "value": "sponsors" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 93, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69420e08-8b03-4648-a4e2-2fff202feeb1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b98b406d-c42f-4095-8b00-33e479f87645", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "medium" }, { - "name": "variant", - "value": "default" + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 117, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6b865ba8-1ed5-40c8-beef-6c221e815677", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e0f997b5-2724-45e1-82d9-266adb006b6f", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "medium" }, { - "name": "variant", - "value": "accent" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 96, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3870ecb7-81ee-440c-8e48-8fc9ef81b9ff", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1669db4a-3a56-4e14-8e1f-9985435a5a3c", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "medium" }, { - "name": "variant", - "value": "success" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 96, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60ba7bc6-8398-4768-91ac-8474351c3e8a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c724634-f400-4635-8a00-019aae3247bd", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "medium" }, { - "name": "variant", - "value": "attention" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 96, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f8520b6-d60e-439e-adc8-a4526aaa815f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c880346-26d1-45ad-a835-27727208b9f7", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "medium" }, { - "name": "variant", - "value": "severe" + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 119, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/71b9efa1-fd53-4a8f-b7e0-ad9ae6715cdf", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3290dbb3-ddd6-440d-a6c9-1a1631be9a11", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "small" }, { - "name": "variant", - "value": "danger" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 74, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23e6cfa7-5e80-4d38-9f77-150869c85eb1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e754eabb-5aa0-4c85-bb77-29f8ede2a877", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "small" }, { - "name": "variant", - "value": "done" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 74, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6cc121a2-eabd-4abf-948e-478ccf7a8ff0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/66105543-8b44-4559-a732-aaf2ad5d567b", "props": [ { - "name": "text", - "value": "Label" + "name": "focused", + "value": "false" }, { "name": "size", - "value": "large - 24px" + "value": "small" }, { - "name": "variant", - "value": "sponsors" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 74, + "height": 30 } - } - ], - "createdAt": "2022-11-16T15:34:48.346Z", - "updatedAt": "2024-12-03T11:42:36.100Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_section_divider", - "name": "ActionList.Section/Divider", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=6%3A38843", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "overflow", - "type": "VARIANT", - "defaultValue": "on", - "values": [ - "off", - "on" - ] - } - ], - "thumbnails": [], - "createdAt": "2021-08-05T03:44:39.552Z", - "updatedAt": "2024-12-03T11:42:45.670Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "skeleton_text_multi_line", - "name": "Skeleton/Text - multi-line", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30013%3A6984", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "size", - "type": "VARIANT", - "defaultValue": "display", - "values": [ - "display", - "titleLarge", - "titleMedium", - "titleSmall", - "subtitle", - "bodyLarge", - "bodyMedium", - "bodySmall" - ] - }, - { - "name": "lines", - "type": "VARIANT", - "defaultValue": "2", - "values": [ - "2", - "3", - "4", - "5" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-12-14T08:41:26.570Z", - "updatedAt": "2024-12-03T11:42:00.981Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "data_table_text_cell", - "name": "DataTable/TextCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28242%3A7395", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "Icon", - "values": [] - }, - { - "name": "align", - "type": "VARIANT", - "defaultValue": "left", - "values": [ - "left", - "right" - ] - }, - { - "name": "loading", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "placeholder", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-12T17:17:22.290Z", - "updatedAt": "2024-12-03T11:42:00.990Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "markdown_table_cell", - "name": "Markdown.TableCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4090%3A6", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "text", - "type": "TEXT", - "defaultValue": "Text", - "values": [] - }, - { - "name": "type", - "type": "VARIANT", - "defaultValue": "header", - "values": [ - "header", - "default", - "alternate" - ] }, { - "name": "alignment", - "type": "VARIANT", - "defaultValue": "start (left)", - "values": [ - "start (left)", - "middle", - "end (right)" - ] - } - ], - "thumbnails": [ - { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/58a2f6fd-ae73-4a4f-8b31-063b58f013a8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c5b7a89-3d2c-4f1b-838c-ddc1585aa82f", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "false" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "loading" }, { - "name": "type", - "value": "header" + "name": "checked", + "value": "false" }, { - "name": "alignment", - "value": "start (left)" + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 98, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ceadfee4-77ba-49cd-a78c-8eba77e70ea2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b8ce3f57-3afc-4f9d-b173-89010b1838d3", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "false" }, { - "name": "type", - "value": "header" + "name": "size", + "value": "small" }, { - "name": "alignment", - "value": "middle" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 77, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3aa376f7-72cb-41cc-8650-82dc3eb187b5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2786e1b2-5a34-43fc-8cbc-e192e0b8d45a", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "false" }, { - "name": "type", - "value": "header" + "name": "size", + "value": "small" }, { - "name": "alignment", - "value": "end (right)" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 77, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/887075d8-8f5e-42f7-b54d-a24922889e37", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ef4828a-4662-4598-ac6a-07fe4d7e91d8", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "false" }, { - "name": "type", - "value": "default" + "name": "size", + "value": "small" }, { - "name": "alignment", - "value": "start (left)" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 77, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c354a5f9-558d-4812-80be-a0b9cd2b36ba", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa8195b3-6b78-4d99-80f1-ab8cab589532", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "false" }, { - "name": "type", - "value": "default" + "name": "size", + "value": "small" }, { - "name": "alignment", - "value": "middle" + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 100, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/092dd4ed-acc9-4025-8a64-134a21511bcb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/647c0d1f-cb79-457f-a27f-56bc5e9be4b5", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "true" }, { - "name": "type", - "value": "default" + "name": "size", + "value": "medium" }, { - "name": "alignment", - "value": "end (right)" + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 94, + "height": 39 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93591524-2ddc-4029-a6d9-42ede0a086ef", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6a625279-86a5-4623-83a2-02e7c8ae804a", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "true" }, { - "name": "type", - "value": "alternate" + "name": "size", + "value": "medium" }, { - "name": "alignment", - "value": "start (left)" + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 93, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8e00e04-581f-4301-bc69-89f06ac98397", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba14dc41-d873-4d4e-a8ea-77d5fc9be948", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "true" }, { - "name": "type", - "value": "alternate" + "name": "size", + "value": "medium" }, { - "name": "alignment", - "value": "middle" + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 265, - "height": 37 + "width": 93, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0793ffc1-71c0-4279-bcf3-5703d3bc7685", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e9b4c9b-9942-4ec4-9c11-4532085b5f4d", "props": [ { - "name": "text", - "value": "Text" + "name": "focused", + "value": "true" }, { - "name": "type", - "value": "alternate" + "name": "size", + "value": "medium" }, { - "name": "alignment", - "value": "end (right)" - } - ], - "dimensions": { - "width": 265, - "height": 37 - } - } - ], - "createdAt": "2020-12-10T22:53:13.639Z", - "updatedAt": "2024-12-03T11:42:09.084Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_middle", - "name": "[DEPRECATED] Primary-Buttons/middle", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28860%3A52226", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "icon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "disabled", - "focus", - "hover", - "pressed", - "rest" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-30T14:27:33.331Z", - "updatedAt": "2024-12-03T11:42:09.092Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "pagination_page", - "name": "Pagination.Page", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4289%3A274", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "current" - ] - } - ], - "thumbnails": [], - "createdAt": "2020-12-10T22:53:13.666Z", - "updatedAt": "2024-12-03T11:42:09.146Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "loading_button", - "name": "LoadingButton", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30094%3A1958", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "trailingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "dropdown?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "variant", - "type": "VARIANT", - "defaultValue": "secondary", - "values": [ - "secondary", - "primary", - "danger", - "invisible" - ] - }, - { - "name": "alignContent", - "type": "VARIANT", - "defaultValue": "center", - "values": [ - "center", - "start" - ] - }, - { - "name": "visualPosition", - "type": "VARIANT", - "defaultValue": "none", - "values": [ - "none", - "leading", - "trailing", - "both" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "small", - "medium", - "large" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-12-21T14:24:35.745Z", - "updatedAt": "2024-12-03T11:42:40.226Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_inactive", - "name": "ActionList.Item/Inactive", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A68229", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/none", - "values": [] - }, - { - "name": "currentSelection", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "leadingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - }, - { - "name": "trailingVisual?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-11-22T17:05:22.772Z", - "updatedAt": "2024-12-16T14:29:06.533Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list_item_danger", - "name": "ActionList.Item/Danger", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56205", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingVisual", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] - }, - { - "name": "description", - "type": "INSTANCE_SWAP", - "defaultValue": "Description/Danger/none", - "values": [] - }, - { - "name": "divider?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "leadingVisual?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "size", - "type": "VARIANT", - "defaultValue": "small (default)", - "values": [ - "small (default)", - "medium", - "large" - ] - }, - { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2022-08-04T20:16:55.715Z", - "updatedAt": "2024-12-03T11:42:51.593Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "breadcrumbs", - "name": "Breadcrumbs", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=20135%3A70690", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "items", - "type": "VARIANT", - "defaultValue": "2", - "values": [ - "2", - "3", - "4", - "5", - "6", - "7", - "8", - "9", - "10" - ] - } - ], - "thumbnails": [ + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 117, + "height": 36 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f2a917e-9e4e-4a80-bf02-d5064054918f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d5f787be-82c9-455e-8ceb-5d67edefa492", "props": [ { - "name": "items", - "value": "2" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 127, - "height": 20 + "width": 94, + "height": 39 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b231bc2b-ee37-47bf-bb5a-94c66bf0f6c3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9ddb5859-5098-4084-a5b6-ae1569d384d8", "props": [ { - "name": "items", - "value": "3" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 167, - "height": 20 + "width": 91, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b30d35e2-012e-42d8-834e-251792169ddf", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb1027cd-6165-41e7-8083-b8f07368f445", "props": [ { - "name": "items", - "value": "4" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 219, - "height": 20 + "width": 91, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f9e22f6e-bd2a-4eba-b6ab-279540381911", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e53760f-cdd3-469f-91eb-82bc01d5fb14", "props": [ { - "name": "items", - "value": "5" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 262, - "height": 20 + "width": 115, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8fe1228e-20bf-4635-98f1-59b5cf6047e9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ae638b4-431d-4753-bdec-29f41a05e2e2", "props": [ { - "name": "items", - "value": "6" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 302, - "height": 20 + "width": 76, + "height": 31 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/81c451c1-ec04-42e6-87af-c866beb978c6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1d0db6a3-1938-433a-b98c-7235d3efa6b4", "props": [ { - "name": "items", - "value": "7" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 335, - "height": 20 + "width": 75, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fed56cdb-07c3-4bd2-b074-33e3ec8bffbe", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54e5ea66-e21e-48f7-8575-9b059c030307", "props": [ { - "name": "items", - "value": "8" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 389, - "height": 20 + "width": 75, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3382ce2a-ff4c-464b-9bef-18137c462980", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/465f523c-cef4-4b91-a7e4-2743a5ab580c", "props": [ { - "name": "items", - "value": "9" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 436, - "height": 20 + "width": 99, + "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/984dc52a-d4c9-4bc5-bc24-7fc454335168", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13ad6f77-aaed-47b5-b240-28aa87d77071", "props": [ { - "name": "items", - "value": "10" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 480, - "height": 20 + "width": 76, + "height": 31 } - } - ], - "createdAt": "2022-12-16T11:25:05.314Z", - "updatedAt": "2024-12-03T11:42:51.599Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "deprecated_primary_buttons_small_end", - "name": "[DEPRECATED] Primary-Buttons/small/end", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88990", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ - { - "name": "leadingIcon?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] }, { - "name": "label", - "type": "TEXT", - "defaultValue": "Button", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/03f28620-e67b-40df-994a-4f226ba00f13", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 73, + "height": 28 + } }, { - "name": "counter?", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d708dc93-7682-43ba-b2f8-eec0014e05ee", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 72, + "height": 28 + } }, { - "name": "leadingIcon", - "type": "INSTANCE_SWAP", - "defaultValue": "EXTERNAL_COMPONENT", - "values": [] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38e9da32-f228-417b-baaf-377862ce581b", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "true" + }, + { + "name": "label position", + "value": "end" + } + ], + "dimensions": { + "width": 97, + "height": 28 + } }, { - "name": "state", - "type": "VARIANT", - "defaultValue": "rest", - "values": [ - "rest", - "hover", - "pressed", - "disabled", - "focus" - ] - } - ], - "thumbnails": [], - "createdAt": "2023-10-31T13:50:36.951Z", - "updatedAt": "2024-12-03T11:42:51.637Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "segmented_control", - "name": "SegmentedControl", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16122%3A79604", - "status": "STABLE", - "type": "COMPONENT_SET", - "properties": [ + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/de4395d1-9ba2-4476-9740-e9dd66ebe8df", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 96, + "height": 40 + } + }, { - "name": "", - "type": "VARIANT", - "defaultValue": "2", - "values": [ - "2", - "3", - "4", - "5", - "6" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60261c43-5a5d-47ea-8e37-57a0e4fd6abb", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 93, + "height": 38 + } }, { - "name": "iconOnly?", - "type": "VARIANT", - "defaultValue": "false", - "values": [ - "false", - "true" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/205130c0-b60a-4218-9508-b79b6c626e30", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 93, + "height": 38 + } }, { - "name": "size", - "type": "VARIANT", - "defaultValue": "medium", - "values": [ - "medium", - "small" - ] - } - ], - "thumbnails": [ + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57aa460a-7ff0-4d1a-a3f3-6b151ae7549f", + "props": [ + { + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" + } + ], + "dimensions": { + "width": 117, + "height": 36 + } + }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/acf19c93-e357-4f10-a5e6-5b71132648ec", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1fd038fc-1f0e-45ad-9975-43732bc9d3a7", "props": [ { - "name": "", - "value": "2" + "name": "focused", + "value": "true" + }, + { + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "rest" }, { - "name": "iconOnly?", + "name": "checked", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 151, - "height": 32 + "width": 96, + "height": 40 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/83a994ec-53bf-491a-9fec-1f3cb0fd251e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b573b8dc-3e90-4188-8989-b9c5efa77428", "props": [ { - "name": "", - "value": "2" + "name": "focused", + "value": "true" }, { - "name": "iconOnly?", + "name": "size", + "value": "medium" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 119, - "height": 28 + "width": 96, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/205e5b23-4880-42ac-b2c5-25cae33cade4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a4f8967-2d25-43af-bf19-76397d44888c", "props": [ { - "name": "", - "value": "2" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", "value": "medium" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 64, - "height": 32 + "width": 96, + "height": 38 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/234ecd24-55d3-4444-a88d-83002028b138", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eec82488-1572-4b5a-b571-b0b4287c1b85", "props": [ { - "name": "", - "value": "2" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", - "value": "small" + "value": "medium" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 56, - "height": 28 + "width": 119, + "height": 36 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/249a0fb7-f678-4fdf-938e-fc1e90420fde", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/88fbe9e2-666d-4b90-bae8-5cf4899f7676", "props": [ { - "name": "", - "value": "3" + "name": "focused", + "value": "true" }, { - "name": "iconOnly?", + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 238, + "width": 77, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf447393-8a9a-4ca9-81c7-63b3aa6eb034", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85826bb0-5d79-4aa5-a7d6-dc31bfd64f7b", "props": [ { - "name": "", - "value": "3" + "name": "focused", + "value": "true" }, { - "name": "iconOnly?", + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 188, - "height": 28 + "width": 74, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba3b1645-0048-4272-8e96-f05bd2aa5ee5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/13058f8c-4888-42d3-8a9e-3bd4b58f8cc8", "props": [ { - "name": "", - "value": "3" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 96, - "height": 32 + "width": 74, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47f2c5a4-b36c-4cc3-8ac9-bd26ea6f0c9b", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/04ba713b-f580-4641-ac45-84c5599be933", "props": [ { - "name": "", - "value": "3" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", "value": "small" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "start" } ], "dimensions": { - "width": 84, + "width": 98, "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/affa0e75-5d38-446a-9d74-5f842de23a83", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f248413e-d9c6-40ed-a4e7-52b41285789c", "props": [ { - "name": "", - "value": "4" + "name": "focused", + "value": "true" }, { - "name": "iconOnly?", + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "rest" + }, + { + "name": "checked", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 316, + "width": 77, "height": 32 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c021c10e-d679-4c02-9c9e-605dbbc75220", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e06e7fc3-31eb-4cc2-b631-4c1318b8bcb6", "props": [ { - "name": "", - "value": "4" + "name": "focused", + "value": "true" }, { - "name": "iconOnly?", + "name": "size", + "value": "small" + }, + { + "name": "state", + "value": "active" + }, + { + "name": "checked", "value": "false" }, { - "name": "size", - "value": "small" + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 250, - "height": 28 + "width": 77, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/288bb3a6-26aa-4a33-b361-6fb6aaa371da", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0db17790-4037-4bb3-bf2c-ac6022e5eb61", "props": [ { - "name": "", - "value": "4" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", - "value": "medium" + "value": "small" + }, + { + "name": "state", + "value": "hover" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 128, - "height": 32 + "width": 77, + "height": 30 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50c6d637-531b-44d6-ba1f-1b3536cfecc9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/828c347c-6707-458d-8a8b-dad86f4d522b", "props": [ { - "name": "", - "value": "4" - }, - { - "name": "iconOnly?", + "name": "focused", "value": "true" }, { "name": "size", "value": "small" + }, + { + "name": "state", + "value": "loading" + }, + { + "name": "checked", + "value": "false" + }, + { + "name": "label position", + "value": "end" } ], "dimensions": { - "width": 112, + "width": 100, "height": 28 } + } + ], + "createdAt": "2022-04-25T23:18:05.693Z", + "updatedAt": "2024-12-18T21:18:06.233Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "tab_nav_link", + "name": "TabNav.Link", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18247%3A69223", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Label", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "selected" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-10-20T20:27:12.954Z", + "updatedAt": "2024-12-18T21:18:40.485Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "form_control_label", + "name": "FormControl.Label", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34462%3A69137", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "required", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "text", + "type": "TEXT", + "defaultValue": "Label text", + "values": [] + }, + { + "name": "disabled", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-06-21T13:25:36.320Z", + "updatedAt": "2024-12-18T21:18:26.890Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "avatar", + "name": "Avatar", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3805%3A11", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "16px", + "values": [ + "16px", + "20px", + "24px", + "28px", + "32px", + "40px", + "48px", + "64px" + ] + }, + { + "name": "square", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2020-11-07T01:11:27.971Z", + "updatedAt": "2024-12-18T21:18:26.898Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "form_control_validation", + "name": "FormControl.Validation", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=34428%3A2171", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "Validation message", + "type": "TEXT", + "defaultValue": "Validation message", + "values": [] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "error", + "values": [ + "error", + "success" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-06-19T07:08:28.969Z", + "updatedAt": "2024-12-18T21:18:12.973Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "pagination_page_direction", + "name": "Pagination.PageDirection", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4289%3A265", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "direction", + "type": "VARIANT", + "defaultValue": "previous", + "values": [ + "next", + "previous" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "disabled", + "hover" + ] + } + ], + "thumbnails": [], + "createdAt": "2020-12-10T22:53:13.636Z", + "updatedAt": "2024-12-18T21:17:42.447Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "diffstat", + "name": "Diffstat", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3813%3A992", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "hasTooltip?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "# of changes", + "values": [ + "# of changes", + "+ (additions)", + "- (deletions)", + "+/- (both)" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4a28125-f1c4-4528-a35f-33d1e9e96c39", + "props": [ + { + "name": "hasTooltip?", + "value": "false" + }, + { + "name": "variant", + "value": "+/- (both)" + } + ], + "dimensions": { + "width": 81, + "height": 20 + } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47c68f2a-eef8-4287-9b16-eebbc7f70c4d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/59a43b8d-fecd-4054-b870-1fe898b35713", "props": [ { - "name": "", - "value": "5" + "name": "hasTooltip?", + "value": "true" }, { - "name": "iconOnly?", + "name": "variant", + "value": "+/- (both)" + } + ], + "dimensions": { + "width": 308, + "height": 28 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d4593d7d-e78b-4063-937c-d299759a4250", + "props": [ + { + "name": "hasTooltip?", "value": "false" }, { - "name": "size", - "value": "medium" + "name": "variant", + "value": "# of changes" } ], "dimensions": { - "width": 391, - "height": 32 + "width": 57, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd8d3f6f-08ea-4846-b661-0c9edcd3ab07", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7761f97e-a418-4488-9a61-3ab54abbb8cc", "props": [ { - "name": "", - "value": "5" - }, - { - "name": "iconOnly?", - "value": "false" + "name": "hasTooltip?", + "value": "true" }, { - "name": "size", - "value": "small" + "name": "variant", + "value": "# of changes" } ], "dimensions": { - "width": 309, + "width": 284, "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2af55fea-9f90-4d35-958f-c8a02b26cf41", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b48fe46d-0f9c-42a5-aa3a-db15a82d99c4", "props": [ { - "name": "", - "value": "5" - }, - { - "name": "iconOnly?", - "value": "true" + "name": "hasTooltip?", + "value": "false" }, { - "name": "size", - "value": "medium" + "name": "variant", + "value": "+ (additions)" } ], "dimensions": { - "width": 160, - "height": 32 + "width": 64, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e19c4fb2-21e6-44a8-bf9c-bedf5f4136a3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60fbb325-6cca-488a-a55d-25c14b52e657", "props": [ { - "name": "", - "value": "5" - }, - { - "name": "iconOnly?", + "name": "hasTooltip?", "value": "true" }, { - "name": "size", - "value": "small" + "name": "variant", + "value": "+ (additions)" } ], "dimensions": { - "width": 140, + "width": 213, "height": 28 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00260111-417d-47f7-a816-735064d451cf", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fde14188-88c2-4865-b02e-c576e3211fa5", "props": [ { - "name": "", - "value": "6" - }, - { - "name": "iconOnly?", - "value": "true" + "name": "hasTooltip?", + "value": "false" }, { - "name": "size", - "value": "medium" + "name": "variant", + "value": "- (deletions)" } ], "dimensions": { - "width": 192, - "height": 32 + "width": 62, + "height": 20 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/99d98aa7-8642-4be2-bd6b-3be37696cf20", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/16b4c5fb-e874-4e65-bc2d-f67983c40491", "props": [ { - "name": "", - "value": "6" - }, - { - "name": "iconOnly?", + "name": "hasTooltip?", "value": "true" }, { - "name": "size", - "value": "small" + "name": "variant", + "value": "- (deletions)" } ], "dimensions": { - "width": 168, + "width": 211, "height": 28 } } ], - "createdAt": "2022-08-25T21:19:46.803Z", - "updatedAt": "2024-12-03T11:42:51.667Z", + "createdAt": "2020-11-07T01:11:27.944Z", + "updatedAt": "2024-12-18T21:17:42.481Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "slot", - "name": "_Slot", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=11166%3A38444", + "id": "deprecated_primary_buttons_small_start", + "name": "[DEPRECATED] Primary-Buttons/small/start", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88906", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "Type", + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", "type": "VARIANT", - "defaultValue": "text", + "defaultValue": "rest", "values": [ - "text", - "visual" + "rest", + "hover", + "pressed", + "disabled", + "focus" ] } ], "thumbnails": [], - "createdAt": "2021-12-08T19:48:20.552Z", - "updatedAt": "2024-12-03T11:42:57.529Z", + "createdAt": "2023-10-31T13:50:47.341Z", + "updatedAt": "2024-12-18T21:17:49.357Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "label", - "name": "Label", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A65008", + "id": "action_list_item_single_select", + "name": "ActionList.Item/SingleSelect", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56202", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "currentSelection", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "trailingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "leadingVisual/avatar", + "values": [] + }, + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "trailingVisual/icon", + "values": [] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small", + "values": [ + "small", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "focus", + "disabled" + ] + }, + { + "name": "selected?", + "type": "VARIANT", + "defaultValue": "true", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-08-04T20:16:55.703Z", + "updatedAt": "2024-12-18T21:18:55.333Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "inline_message", + "name": "Inline message", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=32109%3A348", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "An inline message", + "values": [] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "critical", + "values": [ + "critical", + "warning", + "success", + "unavailable" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "medium", + "values": [ + "medium", + "small" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-06-12T12:50:40.886Z", + "updatedAt": "2024-12-18T21:17:33.055Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "skeleton_text", + "name": "Skeleton/Text", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30013%3A6946", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "display", + "values": [ + "display", + "titleLarge", + "titleMedium", + "titleSmall", + "subtitle", + "bodyLarge", + "bodyMedium", + "bodySmall" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-12-14T08:41:26.576Z", + "updatedAt": "2024-12-18T21:17:33.120Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "overlay_header", + "name": "OverlayHeader", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=9439%3A36366", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "medium", + "values": [ + "medium", + "large" + ] + }, + { + "name": "hasHeading?", + "type": "VARIANT", + "defaultValue": "on", + "values": [ + "off", + "on" + ] + }, + { + "name": "hasDescription?", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "input", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "leadingBack", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "trailingOverflow", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + }, + { + "name": "hasDismiss?", + "type": "VARIANT", + "defaultValue": "off", + "values": [ + "off", + "on" + ] + } + ], + "thumbnails": [], + "createdAt": "2021-10-05T21:34:39.749Z", + "updatedAt": "2024-12-18T21:17:58.110Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "qualifier", + "name": "Qualifier", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=19149%3A68796", + "status": "EXPERIMENTAL", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "qualifier", + "type": "VARIANT", + "defaultValue": "default", + "values": [ + "default", + "created", + "assignee", + "author", + "fork", + "is", + "label", + "language", + "location", + "license", + "mentions", + "org", + "repo", + "path", + "custom", + "state", + "state-issue", + "state-pr", + "comments", + "followers", + "stars", + "updated", + "extension", + "none", + "team" + ] + }, + { + "name": "filled", + "type": "VARIANT", + "defaultValue": "no", + "values": [ + "no", + "yes" + ] + }, + { + "name": "input-state", + "type": "VARIANT", + "defaultValue": "focus", + "values": [ + "focus", + "rest (default)" + ] + } + ], + "thumbnails": [], + "createdAt": "2022-12-15T19:59:51.556Z", + "updatedAt": "2024-12-18T21:17:58.117Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "branch_name", + "name": "BranchName", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3655%3A7208", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "type", + "type": "VARIANT", + "defaultValue": "link", + "values": [ + "link", + "text" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7a63b4ad-545d-4a69-a9f5-2eed505f67d9", + "props": [ + { + "name": "type", + "value": "link" + } + ], + "dimensions": { + "width": 92, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/36810fca-6837-4b15-9123-d1de9e6f8a97", + "props": [ + { + "name": "type", + "value": "text" + } + ], + "dimensions": { + "width": 92, + "height": 20 + } + } + ], + "createdAt": "2020-10-28T17:29:36.817Z", + "updatedAt": "2024-12-18T21:18:06.215Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "issue_label", + "name": "IssueLabel", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18959%3A64987", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ @@ -36283,10 +35560,10 @@ { "name": "size", "type": "VARIANT", - "defaultValue": "small", + "defaultValue": "medium - 20px (default)", "values": [ - "small", - "large" + "medium - 20px (default)", + "large - 24px" ] }, { @@ -36295,8 +35572,6 @@ "defaultValue": "default", "values": [ "default", - "primary", - "secondary", "accent", "success", "attention", @@ -36309,7 +35584,7 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9db2ed16-0bbc-432b-832c-e24b35a577c1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82b565ce-d2f1-413d-bc5e-5b69506bbf40", "props": [ { "name": "text", @@ -36317,7 +35592,7 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", @@ -36330,7 +35605,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9bce65dd-322d-4051-a65a-0c1653fd992a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a936381-4107-4b5f-b37c-27bf067b5b00", "props": [ { "name": "text", @@ -36338,11 +35613,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "primary" + "value": "accent" } ], "dimensions": { @@ -36351,7 +35626,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73304e96-7a8c-4920-9b8a-85d713a80202", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/af2af4e5-3942-4c10-9793-94ddea21e887", "props": [ { "name": "text", @@ -36359,11 +35634,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "secondary" + "value": "success" } ], "dimensions": { @@ -36372,7 +35647,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e000fb2-df30-4934-95a1-f731109882ea", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/441e005b-0367-4fe2-aa3f-4f08141c309a", "props": [ { "name": "text", @@ -36380,11 +35655,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "accent" + "value": "attention" } ], "dimensions": { @@ -36393,7 +35668,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/19c979d4-5a6f-4c82-af9a-f4e025b7218d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6c3185d2-6837-468d-928c-942b87161990", "props": [ { "name": "text", @@ -36401,11 +35676,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "success" + "value": "severe" } ], "dimensions": { @@ -36414,7 +35689,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3185e911-9bd9-4bc2-90d5-25228d59964d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ac77f4cf-1016-45d1-85ff-e8a80d2a8492", "props": [ { "name": "text", @@ -36422,11 +35697,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "attention" + "value": "danger" } ], "dimensions": { @@ -36435,7 +35710,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1b78b1fb-42a4-49c3-ab50-6b0df0f4cb27", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e73cf05-07fe-4c8f-a884-adaa4e7ae977", "props": [ { "name": "text", @@ -36443,11 +35718,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "severe" + "value": "done" } ], "dimensions": { @@ -36456,7 +35731,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/54996217-9ebf-4ccb-ae84-1a0c4622e020", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a31a6426-a912-490b-963f-be2ab0b08f9d", "props": [ { "name": "text", @@ -36464,11 +35739,11 @@ }, { "name": "size", - "value": "small" + "value": "medium - 20px (default)" }, { "name": "variant", - "value": "danger" + "value": "sponsors" } ], "dimensions": { @@ -36477,7 +35752,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c242df52-d72e-4367-9479-2c066243bed0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1e2d6e1-b6f0-48d7-98d4-30724d94a930", "props": [ { "name": "text", @@ -36485,20 +35760,20 @@ }, { "name": "size", - "value": "small" + "value": "large - 24px" }, { "name": "variant", - "value": "done" + "value": "default" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5e6d86bd-4f9c-4e80-adbd-259f1689ed62", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c5e95209-b9a2-4052-80e3-a83a38e5549b", "props": [ { "name": "text", @@ -36506,20 +35781,20 @@ }, { "name": "size", - "value": "small" + "value": "large - 24px" }, { "name": "variant", - "value": "sponsors" + "value": "accent" } ], "dimensions": { - "width": 47, - "height": 22 + "width": 53, + "height": 26 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f81022b6-5a9c-428d-afe5-c7fbc8754e44", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fde95a7-f579-4e73-a124-bbf9eb25fbe0", "props": [ { "name": "text", @@ -36527,11 +35802,11 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "default" + "value": "success" } ], "dimensions": { @@ -36540,7 +35815,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/317594c6-3b88-4f0b-8539-95e8df19e5a7", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf1500a1-5b7f-4fc2-b570-eb82862f5c12", "props": [ { "name": "text", @@ -36548,11 +35823,11 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "primary" + "value": "attention" } ], "dimensions": { @@ -36561,7 +35836,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a075a440-8ff6-44f8-9313-5d5a4ddfa31f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3d00b84-79aa-4d09-8426-1a566c7837b3", "props": [ { "name": "text", @@ -36569,11 +35844,11 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "secondary" + "value": "severe" } ], "dimensions": { @@ -36582,7 +35857,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff2eb5d7-d174-4e69-8f2b-aa1d4c261029", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f25f7ca-2d8b-40b8-a6ab-f5a79be3cd35", "props": [ { "name": "text", @@ -36590,11 +35865,11 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "accent" + "value": "danger" } ], "dimensions": { @@ -36603,7 +35878,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/30ffcde8-4ec5-4541-ac4f-8fc2849d88c9", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c2270d2-7d8e-4f3a-b9b6-b1c5180d251a", "props": [ { "name": "text", @@ -36611,11 +35886,11 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "success" + "value": "done" } ], "dimensions": { @@ -36624,7 +35899,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/add0d0be-bc8c-442f-ac2c-a529866c0ee4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24bb0ad4-a668-4526-8e2f-5b1f18cd21f0", "props": [ { "name": "text", @@ -36632,114 +35907,494 @@ }, { "name": "size", - "value": "large" + "value": "large - 24px" }, { "name": "variant", - "value": "attention" + "value": "sponsors" } ], "dimensions": { "width": 53, "height": 26 } + } + ], + "createdAt": "2022-11-16T15:34:48.346Z", + "updatedAt": "2024-12-18T21:18:13.011Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_medium_middle", + "name": "[DEPRECATED] Primary-Buttons/medium/middle", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88927", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon?", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.963Z", + "updatedAt": "2024-12-18T21:18:26.882Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_section_divider", + "name": "ActionList.Section/Divider", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=6%3A38843", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "overflow", + "type": "VARIANT", + "defaultValue": "on", + "values": [ + "off", + "on" + ] + } + ], + "thumbnails": [], + "createdAt": "2021-08-05T03:44:39.552Z", + "updatedAt": "2024-12-18T21:18:19.310Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "skeleton_text_multi_line", + "name": "Skeleton/Text - multi-line", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30013%3A6984", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "size", + "type": "VARIANT", + "defaultValue": "display", + "values": [ + "display", + "titleLarge", + "titleMedium", + "titleSmall", + "subtitle", + "bodyLarge", + "bodyMedium", + "bodySmall" + ] + }, + { + "name": "lines", + "type": "VARIANT", + "defaultValue": "2", + "values": [ + "2", + "3", + "4", + "5" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-12-14T08:41:26.570Z", + "updatedAt": "2024-12-18T21:17:33.125Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "markdown_table_cell", + "name": "Markdown.TableCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4090%3A6", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "text", + "type": "TEXT", + "defaultValue": "Text", + "values": [] + }, + { + "name": "type", + "type": "VARIANT", + "defaultValue": "header", + "values": [ + "header", + "default", + "alternate" + ] }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2874849a-8956-4217-abf2-6cb86d55998f", + "name": "alignment", + "type": "VARIANT", + "defaultValue": "start (left)", + "values": [ + "start (left)", + "middle", + "end (right)" + ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa7b19db-d512-418f-8f29-e83de3a01215", "props": [ { "name": "text", - "value": "Label" + "value": "Text" }, { - "name": "size", - "value": "large" + "name": "type", + "value": "header" }, { - "name": "variant", - "value": "severe" + "name": "alignment", + "value": "start (left)" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 265, + "height": 37 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7df2884e-80d8-4b13-b945-61220f4b38dd", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0475c004-97a0-4ecd-b379-60d99c388ed3", "props": [ { "name": "text", - "value": "Label" + "value": "Text" }, { - "name": "size", - "value": "large" + "name": "type", + "value": "header" }, { - "name": "variant", - "value": "danger" + "name": "alignment", + "value": "middle" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 265, + "height": 37 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/40bc5004-6a4a-4f85-a970-56b2444d368d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/28795ca2-1690-4ebc-b774-666ae86abc4d", "props": [ { "name": "text", - "value": "Label" + "value": "Text" }, { - "name": "size", - "value": "large" + "name": "type", + "value": "header" }, { - "name": "variant", - "value": "done" + "name": "alignment", + "value": "end (right)" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 265, + "height": 37 } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2cdbeb7e-88aa-4e0a-813c-b47bbea51dc1", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/76e6b700-78cc-402e-a421-5079f1c897f8", "props": [ { "name": "text", - "value": "Label" + "value": "Text" }, { - "name": "size", - "value": "large" + "name": "type", + "value": "default" }, { - "name": "variant", - "value": "sponsors" + "name": "alignment", + "value": "start (left)" } ], "dimensions": { - "width": 53, - "height": 26 + "width": 265, + "height": 37 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01b1c478-b778-4995-991e-fe42ca369d9b", + "props": [ + { + "name": "text", + "value": "Text" + }, + { + "name": "type", + "value": "default" + }, + { + "name": "alignment", + "value": "middle" + } + ], + "dimensions": { + "width": 265, + "height": 37 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a344f12e-f963-4f77-bffe-8db71d3c2ea9", + "props": [ + { + "name": "text", + "value": "Text" + }, + { + "name": "type", + "value": "default" + }, + { + "name": "alignment", + "value": "end (right)" + } + ], + "dimensions": { + "width": 265, + "height": 37 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/eabf216f-82c4-4c57-8008-aa5cd6cc4762", + "props": [ + { + "name": "text", + "value": "Text" + }, + { + "name": "type", + "value": "alternate" + }, + { + "name": "alignment", + "value": "start (left)" + } + ], + "dimensions": { + "width": 265, + "height": 37 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c67a8ee-7a93-447a-8964-beef5627f43d", + "props": [ + { + "name": "text", + "value": "Text" + }, + { + "name": "type", + "value": "alternate" + }, + { + "name": "alignment", + "value": "middle" + } + ], + "dimensions": { + "width": 265, + "height": 37 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/031857e9-44ef-4ba8-9125-d1be5f0f633b", + "props": [ + { + "name": "text", + "value": "Text" + }, + { + "name": "type", + "value": "alternate" + }, + { + "name": "alignment", + "value": "end (right)" + } + ], + "dimensions": { + "width": 265, + "height": 37 } } ], - "createdAt": "2022-11-16T15:34:48.331Z", - "updatedAt": "2024-12-03T11:42:57.590Z", + "createdAt": "2020-12-10T22:53:13.639Z", + "updatedAt": "2024-12-18T21:17:42.565Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "action_list_item_loading", - "name": "ActionList.Item/Loading", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A5381", + "id": "pagination_page", + "name": "Pagination.Page", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=4289%3A274", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "current" + ] + } + ], + "thumbnails": [], + "createdAt": "2020-12-10T22:53:13.666Z", + "updatedAt": "2024-12-18T21:17:42.614Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "loading_button", + "name": "LoadingButton", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30094%3A1958", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "trailingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "dropdown?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "counter?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "variant", + "type": "VARIANT", + "defaultValue": "secondary", + "values": [ + "secondary", + "primary", + "danger", + "invisible" + ] + }, + { + "name": "alignContent", + "type": "VARIANT", + "defaultValue": "center", + "values": [ + "center", + "start" + ] + }, + { + "name": "visualPosition", + "type": "VARIANT", + "defaultValue": "none", + "values": [ + "none", + "leading", + "trailing", + "both" + ] + }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "medium", + "values": [ + "small", + "medium", + "large" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-12-21T14:24:35.745Z", + "updatedAt": "2024-12-18T21:18:19.304Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_inactive", + "name": "ActionList.Item/Inactive", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=29564%3A68229", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ @@ -36778,7 +36433,7 @@ ] }, { - "name": "trailingVisual?", + "name": "leadingVisual?", "type": "VARIANT", "defaultValue": "false", "values": [ @@ -36787,7 +36442,7 @@ ] }, { - "name": "leadingVisual?", + "name": "trailingVisual?", "type": "VARIANT", "defaultValue": "false", "values": [ @@ -36797,67 +36452,239 @@ } ], "thumbnails": [], - "createdAt": "2023-12-21T14:24:35.735Z", - "updatedAt": "2024-12-16T14:29:13.998Z", + "createdAt": "2023-11-22T17:05:22.772Z", + "updatedAt": "2024-12-18T21:18:19.327Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "cursor", - "name": "Cursor", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3770%3A7", + "id": "action_list_item_danger", + "name": "ActionList.Item/Danger", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15614%3A56205", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "variant", + "name": "leadingVisual", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/Danger/none", + "values": [] + }, + { + "name": "divider?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "leadingVisual?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "size", "type": "VARIANT", - "defaultValue": "default", + "defaultValue": "small (default)", "values": [ - "default", - "pointer", - "grab", - "grabbing", - "up-resize", - "down-resize", - "left-resize", - "right-resize", - "row-resize", - "col-resize", - "zoom-in", - "zoom-out", - "text" + "small (default)", + "medium", + "large" + ] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "focus" ] } ], "thumbnails": [], - "createdAt": "2020-11-07T01:11:27.967Z", - "updatedAt": "2024-12-03T11:43:03.134Z", + "createdAt": "2022-08-04T20:16:55.715Z", + "updatedAt": "2024-12-18T21:18:26.817Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "announcement", - "name": "Announcement", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=31888%3A12487", + "id": "breadcrumbs", + "name": "Breadcrumbs", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=20135%3A70690", "status": "STABLE", "type": "COMPONENT_SET", "properties": [ { - "name": "Title?", - "type": "BOOLEAN", - "defaultValue": "true", + "name": "items", + "type": "VARIANT", + "defaultValue": "2", "values": [ - "true", - "false" + "2", + "3", + "4", + "5", + "6", + "7", + "8", + "9", + "10" ] + } + ], + "thumbnails": [ + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a4d079bc-530f-436b-b39d-4b086c9ca7ba", + "props": [ + { + "name": "items", + "value": "2" + } + ], + "dimensions": { + "width": 127, + "height": 20 + } }, { - "name": "Dismiss?", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31af7802-ead8-47c1-a00f-865f0dcbf357", + "props": [ + { + "name": "items", + "value": "3" + } + ], + "dimensions": { + "width": 167, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/31b5c9e3-13e4-42f0-ba3f-8ea5e49e9a9d", + "props": [ + { + "name": "items", + "value": "4" + } + ], + "dimensions": { + "width": 219, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d194e2b9-8b79-44be-ad71-ac63c2cc5418", + "props": [ + { + "name": "items", + "value": "5" + } + ], + "dimensions": { + "width": 262, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8d2a1f6b-6ca8-471d-86cd-fca9ca8a03e0", + "props": [ + { + "name": "items", + "value": "6" + } + ], + "dimensions": { + "width": 302, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/139bbbcb-7048-4b46-842b-2504849c27e0", + "props": [ + { + "name": "items", + "value": "7" + } + ], + "dimensions": { + "width": 335, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4bffe3bd-54dd-417d-a732-acc7dd96cd5d", + "props": [ + { + "name": "items", + "value": "8" + } + ], + "dimensions": { + "width": 389, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/afeafc32-bd38-4789-a365-b7a2a00eaec0", + "props": [ + { + "name": "items", + "value": "9" + } + ], + "dimensions": { + "width": 436, + "height": 20 + } + }, + { + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a5b3a742-2fe7-42f3-b6c7-1b1913d896f9", + "props": [ + { + "name": "items", + "value": "10" + } + ], + "dimensions": { + "width": 480, + "height": 20 + } + } + ], + "createdAt": "2022-12-16T11:25:05.314Z", + "updatedAt": "2024-12-18T21:18:26.827Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "deprecated_primary_buttons_small_end", + "name": "[DEPRECATED] Primary-Buttons/small/end", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28995%3A88990", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "leadingIcon?", "type": "BOOLEAN", "defaultValue": "true", "values": [ @@ -36866,7 +36693,13 @@ ] }, { - "name": "SecondaryAction?", + "name": "label", + "type": "TEXT", + "defaultValue": "Button", + "values": [] + }, + { + "name": "counter?", "type": "BOOLEAN", "defaultValue": "true", "values": [ @@ -36875,37 +36708,156 @@ ] }, { - "name": "Icon?", + "name": "leadingIcon", + "type": "INSTANCE_SWAP", + "defaultValue": "EXTERNAL_COMPONENT", + "values": [] + }, + { + "name": "state", + "type": "VARIANT", + "defaultValue": "rest", + "values": [ + "rest", + "hover", + "pressed", + "disabled", + "focus" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-10-31T13:50:36.951Z", + "updatedAt": "2024-12-18T21:18:26.870Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "slot", + "name": "_Slot", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=11166%3A38444", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "Type", + "type": "VARIANT", + "defaultValue": "text", + "values": [ + "text", + "visual" + ] + } + ], + "thumbnails": [], + "createdAt": "2021-12-08T19:48:20.552Z", + "updatedAt": "2024-12-03T11:42:57.529Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "action_list_item_loading", + "name": "ActionList.Item/Loading", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=30051%3A5381", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ + { + "name": "description", + "type": "INSTANCE_SWAP", + "defaultValue": "Description/none", + "values": [] + }, + { + "name": "currentSelection", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, { - "name": "PrimaryAction?", + "name": "divider?", "type": "BOOLEAN", - "defaultValue": "true", + "defaultValue": "false", "values": [ "true", "false" ] }, + { + "name": "size", + "type": "VARIANT", + "defaultValue": "small (default)", + "values": [ + "small (default)", + "medium", + "large" + ] + }, + { + "name": "trailingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + }, + { + "name": "leadingVisual?", + "type": "VARIANT", + "defaultValue": "false", + "values": [ + "false", + "true" + ] + } + ], + "thumbnails": [], + "createdAt": "2023-12-21T14:24:35.735Z", + "updatedAt": "2024-12-18T21:18:33.783Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "cursor", + "name": "Cursor", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=3770%3A7", + "status": "STABLE", + "type": "COMPONENT_SET", + "properties": [ { "name": "variant", "type": "VARIANT", - "defaultValue": "warning", + "defaultValue": "default", "values": [ - "warning", - "critical", - "info" + "default", + "pointer", + "grab", + "grabbing", + "up-resize", + "down-resize", + "left-resize", + "right-resize", + "row-resize", + "col-resize", + "zoom-in", + "zoom-out", + "text" ] } ], "thumbnails": [], - "createdAt": "2024-12-03T11:42:00.818Z", - "updatedAt": "2024-12-12T10:21:04.669Z", + "createdAt": "2020-11-07T01:11:27.967Z", + "updatedAt": "2024-12-18T21:18:40.477Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -36951,7 +36903,7 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f51e3a97-ffe6-49a9-ae4b-a1efd162df49", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8b4107b1-f9e7-4d66-b76f-a21162cb0139", "props": [ { "name": "trigger", @@ -36972,7 +36924,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1fc0d066-1daa-448c-8552-5012f86072a6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b4570036-411e-4f05-a436-6f89b33aa0aa", "props": [ { "name": "trigger", @@ -36993,7 +36945,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c197252-6cf5-4382-a72b-cdac9b358c74", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55542699-a32d-412b-bb64-9de4e02de38e", "props": [ { "name": "trigger", @@ -37014,7 +36966,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/876e4333-0cbf-4078-bc3a-063a2b6ae74c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/79383070-3e49-4309-973e-e9dd4a10b887", "props": [ { "name": "trigger", @@ -37035,7 +36987,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2a62b295-bd5e-4776-bc7d-dd0f87114990", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4749c9c2-d74d-4838-9739-9c823c1b429a", "props": [ { "name": "trigger", @@ -37056,7 +37008,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f1ba60d2-919b-4cb7-9ac8-a42a11c0216a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bd7a20e9-d542-4759-a8ee-cd28bf72540b", "props": [ { "name": "trigger", @@ -37077,7 +37029,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4269ccd3-3d09-4671-a215-b6692d3f50dc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/24503986-ec68-49d9-8665-1d80e8e3c5e2", "props": [ { "name": "trigger", @@ -37098,7 +37050,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ebc211d-705d-462d-925b-c677d0b51fa6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9327e571-e0f5-4e70-a1b7-b6bcc8172cb8", "props": [ { "name": "trigger", @@ -37119,7 +37071,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5b9b45a-6ee2-403f-addb-8c36919ec9db", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/148f61d0-d3b3-46e9-b7f5-66c2c4dcae73", "props": [ { "name": "trigger", @@ -37140,7 +37092,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c6c964e-cb5a-42cf-93a1-aab89dbdbc40", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e29b3850-a9d7-49c0-9055-dfda2ef7e3d1", "props": [ { "name": "trigger", @@ -37161,7 +37113,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0fa980ba-14ae-4936-a4b5-647089c75d3d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c486d3fd-0e4e-4057-aea0-30deaca8c21d", "props": [ { "name": "trigger", @@ -37182,7 +37134,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6f7d7a37-2f5e-46c3-9bc2-d8848879f335", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/35ff1c0d-7ee2-4cd5-8bf8-1bd5506ef867", "props": [ { "name": "trigger", @@ -37203,7 +37155,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f50deecf-1adb-4fb9-b7b8-eb07125f2c78", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6eb105f1-3b7d-4a3b-bcfa-40b83cae0b22", "props": [ { "name": "trigger", @@ -37224,7 +37176,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/998e470c-3938-46ee-8a8a-0147a8b30ba8", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a93cc0e4-a563-4ea5-9ca5-1eb9a2a9fffb", "props": [ { "name": "trigger", @@ -37245,7 +37197,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/61b98cbc-e69e-43cb-b9fb-8943e2a82e66", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fa420b73-e791-4618-8238-36ebc4befb73", "props": [ { "name": "trigger", @@ -37266,7 +37218,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f5c81e73-a5f3-4240-824f-2ae427d37c9d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fe4f81d2-5e0a-4c37-9bc5-8e9e256c86cd", "props": [ { "name": "trigger", @@ -37287,7 +37239,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49627dae-0380-45a4-97ca-ff7a84762c60", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/484486af-e375-4b9d-9f41-9447d50e1f7b", "props": [ { "name": "trigger", @@ -37308,7 +37260,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27985022-20eb-4af4-929c-fdde518c91cc", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e8f64ff6-4af6-4014-aad4-872516662edd", "props": [ { "name": "trigger", @@ -37329,7 +37281,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abd4698f-f867-477f-8218-2a63fa97c37d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7fd7e946-e1ef-4e92-a7ee-82ab82f198a7", "props": [ { "name": "trigger", @@ -37350,7 +37302,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c5b67c53-3cf3-4bd1-8241-f96c75fbea1e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/778a4b63-fe5c-49c5-85a1-0d8e65dff18b", "props": [ { "name": "trigger", @@ -37371,7 +37323,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/579541be-505a-4e46-8859-9878c3d055a3", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7b10c44f-fd2e-4f68-8aec-0441de3d491b", "props": [ { "name": "trigger", @@ -37392,7 +37344,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9eca6db-7f9b-4731-9d7e-8921f7c5d6a2", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/244d9955-826e-49b7-a6f6-ddf2232cbc76", "props": [ { "name": "trigger", @@ -37413,7 +37365,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ecd18886-4c24-4e88-bf7e-3aff079995a5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/00803aaa-d891-4ed7-b226-c991a553c500", "props": [ { "name": "trigger", @@ -37434,7 +37386,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/23a49536-7f1a-417d-a294-8973866e2a13", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20717bc1-e34c-4131-828e-bd3c473bf21c", "props": [ { "name": "trigger", @@ -37456,7 +37408,7 @@ } ], "createdAt": "2023-09-11T06:41:12.575Z", - "updatedAt": "2024-12-16T14:28:58.177Z", + "updatedAt": "2024-12-18T21:29:15.077Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37517,7 +37469,7 @@ ], "thumbnails": [], "createdAt": "2021-03-16T20:55:06.263Z", - "updatedAt": "2024-12-09T17:32:55.052Z", + "updatedAt": "2024-12-18T21:17:58.103Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37551,7 +37503,7 @@ ], "thumbnails": [], "createdAt": "2021-11-17T14:52:22.762Z", - "updatedAt": "2024-12-09T17:32:55.070Z", + "updatedAt": "2024-12-18T21:18:33.804Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37658,7 +37610,7 @@ ], "thumbnails": [], "createdAt": "2024-01-03T14:40:46.727Z", - "updatedAt": "2024-12-09T17:33:02.228Z", + "updatedAt": "2024-12-18T21:18:46.753Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37700,7 +37652,7 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c1bf595a-0f88-41c2-a438-09dc7560d42c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1c0036f-8f0e-4a11-9980-ea043d008d5b", "props": [ { "name": "size", @@ -37717,7 +37669,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7f2384f1-d719-41eb-9005-294500896fa0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aeec1943-c420-45c0-9e42-269ee70d9135", "props": [ { "name": "size", @@ -37734,7 +37686,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4c7cb026-646d-49e1-b4a7-b0a2af8bd26a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b580ac45-9c65-4b59-9062-a35c82b4b056", "props": [ { "name": "size", @@ -37751,7 +37703,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/374eb98b-46cc-49ef-b772-6e3794231c32", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0675409a-169e-4826-ab32-0fe0b4d3fb19", "props": [ { "name": "size", @@ -37768,7 +37720,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/420fb39b-1b86-4be4-a8d9-d466392eeadb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0a22cb80-a50f-415f-9665-9d8cf98b2a94", "props": [ { "name": "size", @@ -37785,7 +37737,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/95f24a59-5916-4a1f-994d-efc92586443c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b91fd52-8d3a-446b-9b1e-d6703b4837a6", "props": [ { "name": "size", @@ -37802,7 +37754,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3e0a402-231a-4048-90dc-74ce26aca81f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fc1e983-f8e2-4686-b0a7-46bc2fca18ac", "props": [ { "name": "size", @@ -37819,7 +37771,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09592548-e62d-456a-8bb3-82b412f5127d", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/02f6e379-edc6-4580-b890-00b474da933e", "props": [ { "name": "size", @@ -37836,7 +37788,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c75bf39e-bc3f-4b47-8785-d89ab42e016a", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/52a2090c-775b-4d66-b7ce-34f3cf4c4aeb", "props": [ { "name": "size", @@ -37853,7 +37805,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/26cde2c2-1619-4730-9425-507023fa5880", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/adfc774c-ed51-4fa6-becc-b26491b38f60", "props": [ { "name": "size", @@ -37871,7 +37823,7 @@ } ], "createdAt": "2022-09-07T20:10:56.031Z", - "updatedAt": "2024-12-10T14:45:01.511Z", + "updatedAt": "2024-12-18T21:17:58.094Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37907,7 +37859,7 @@ ], "thumbnails": [], "createdAt": "2024-08-22T13:25:22.948Z", - "updatedAt": "2024-12-16T14:28:58.216Z", + "updatedAt": "2024-12-18T21:18:06.257Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -37960,7 +37912,7 @@ ], "thumbnails": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73400e78-015f-4de0-b7c0-923f7245bc04", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/96d6be1b-d047-4fdd-9d57-d8abb3e2292c", "props": [ { "name": "caption?", @@ -37985,7 +37937,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3fc5ee3-2009-4b36-bb35-3d4011e84245", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4635bd51-a4b4-4a03-9352-291c75424164", "props": [ { "name": "caption?", @@ -38010,7 +37962,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce5c080b-dd39-4afd-8e4b-3c01080680c0", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a71fdf24-e100-4727-9d5d-85a78d9cf497", "props": [ { "name": "caption?", @@ -38035,7 +37987,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7361df6e-f3ae-48ea-9859-2445c4b38e29", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4834396c-2996-4f66-92ad-fbc40610e6a2", "props": [ { "name": "caption?", @@ -38060,7 +38012,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3050d7fc-f066-4b2c-b79a-ac814df51a17", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4571ae07-ee7f-4432-baba-a3dd816dd70b", "props": [ { "name": "caption?", @@ -38085,7 +38037,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a74dd23a-0150-40ca-b012-b38bbb49cdb5", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a2ea3c2-9c58-4bb1-8087-b1c9ba268b8b", "props": [ { "name": "caption?", @@ -38110,7 +38062,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5ab35c5d-6daf-4311-9af0-2dae228e8d4c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fdac2fa4-3d6d-49f2-aa7b-e8aeb614158f", "props": [ { "name": "caption?", @@ -38135,7 +38087,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1c08671d-8fef-4800-96ef-450fb0f83ee4", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a160e1de-f4dd-4d55-aa06-78eb5043b936", "props": [ { "name": "caption?", @@ -38160,7 +38112,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea332178-996a-42f0-90dd-887fc8c62139", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e5f648f-a794-4046-8b93-1811f08ce2dd", "props": [ { "name": "caption?", @@ -38185,7 +38137,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0c4c77cd-0703-4cb8-9fb3-16ae41a55aad", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cacc1e3e-dcc1-4ee8-b868-0451aee76e85", "props": [ { "name": "caption?", @@ -38210,7 +38162,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/69efb8bc-61d4-4c81-beb7-70138be4a9f6", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82e451a4-9121-4081-8b54-b58949ecef7f", "props": [ { "name": "caption?", @@ -38235,7 +38187,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87fbd52d-31ca-4988-9e40-eb0e31e432bb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cf2922d0-a232-4916-88d4-f83c4ddea44f", "props": [ { "name": "caption?", @@ -38260,7 +38212,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/87e657a4-8358-41b2-a0a1-d5010a9a88ca", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e64c439c-0efe-43f2-aacd-35b7fe7032ee", "props": [ { "name": "caption?", @@ -38285,7 +38237,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37818c20-436c-429f-87a8-e03ba52eee1f", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ea18f9c3-d490-492e-97dc-e12610ea5abc", "props": [ { "name": "caption?", @@ -38310,7 +38262,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c354db96-b425-48be-b09f-6c819b8ec726", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0318a719-bcce-431e-93b7-7a4148f72440", "props": [ { "name": "caption?", @@ -38335,7 +38287,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4348eb1e-8174-4ba8-aa00-d192f7835f30", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/38c2c0f3-485b-457a-b846-3e48f6f68dbe", "props": [ { "name": "caption?", @@ -38360,7 +38312,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7966be67-da0e-401c-b9d7-70c56094f76c", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/df6f506f-a75e-4022-b687-fdee91c81270", "props": [ { "name": "caption?", @@ -38385,7 +38337,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7b25c17d-5767-49ec-92c7-d55bf2dfe13e", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d6dfc17-ec3c-41f0-a109-004712ed7dcb", "props": [ { "name": "caption?", @@ -38410,7 +38362,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5d8ba5c1-b3a2-473d-a62f-8db9ff1b1012", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/709ed9c2-d176-467c-bca1-d6fb29916ae9", "props": [ { "name": "caption?", @@ -38435,7 +38387,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7feb0811-11b4-4a24-92a6-446dc75f4534", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6de7e35-ff57-49b3-81a3-99cb5d97e22b", "props": [ { "name": "caption?", @@ -38460,7 +38412,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd19a38a-a6db-4788-b173-c3a85c6bee90", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2bd1ad38-47f1-40ba-830b-4521400db76c", "props": [ { "name": "caption?", @@ -38485,7 +38437,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/17e34e6e-5308-4cf9-97fc-43ed593edd52", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1181e9dc-b803-4d03-a9b8-735612101f26", "props": [ { "name": "caption?", @@ -38510,7 +38462,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/557de80b-1ad0-4d94-b7dc-2082abe1bc77", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5a349f30-d5cc-410f-90c5-6646065d2ece", "props": [ { "name": "caption?", @@ -38535,7 +38487,7 @@ } }, { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a8db9034-583e-4d1a-923f-c3b5b8aae1fb", + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b9ccae63-cea0-49c7-9149-031094fa10fa", "props": [ { "name": "caption?", @@ -38561,7 +38513,7 @@ } ], "createdAt": "2022-07-21T21:24:43.881Z", - "updatedAt": "2024-12-10T15:29:52.434Z", + "updatedAt": "2024-12-18T21:17:33.132Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -38673,229 +38625,336 @@ } }, { - "id": "example_action_menu_3", - "name": "_Example/ActionMenu/3", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A47760", + "id": "pagehead", + "name": "Pagehead", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=33020%3A246", + "status": "STABLE", + "type": "COMPONENT", + "properties": [ + { + "name": "Actions?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Text", + "type": "TEXT", + "defaultValue": "Title", + "values": [] + }, + { + "name": "Avatar?", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + } + ], + "thumbnails": [], + "createdAt": "2024-04-12T11:39:16.563Z", + "updatedAt": "2024-12-18T21:18:57.006Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "underline_nav_overflow_menu", + "name": "UnderlineNav.OverflowMenu", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18843%3A67477", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.155Z", - "updatedAt": "2024-12-16T14:29:25.272Z", + "createdAt": "2022-11-14T01:53:54.244Z", + "updatedAt": "2024-12-18T21:18:56.514Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "button_group", + "name": "Button/Group", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=1597%3A114", + "status": "STABLE", + "type": "COMPONENT", + "properties": [], + "thumbnails": [], + "createdAt": "2020-06-25T23:59:08.636Z", + "updatedAt": "2024-07-16T20:21:04.981Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/3ad8fe5b-cc0b-445d-89b5-badf5cd1b9cc", + "handle": "Ash Guillaume" + } + }, + { + "id": "toolbar_responsive_type_dropdown_default_closed", + "name": "Toolbar/Responsive/Type dropdown/Default (closed)", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=1597%3A123", + "status": "STABLE", + "type": "COMPONENT", + "properties": [], + "thumbnails": [], + "createdAt": "2020-06-25T23:59:08.662Z", + "updatedAt": "2024-07-17T15:46:10.318Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/3ad8fe5b-cc0b-445d-89b5-badf5cd1b9cc", + "handle": "Ash Guillaume" + } + }, + { + "id": "edit", + "name": "Edit", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16554", + "status": "STABLE", + "type": "COMPONENT", + "properties": [], + "thumbnails": [], + "createdAt": "2023-10-12T17:18:41.035Z", + "updatedAt": "2024-12-18T21:18:56.142Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "nav_list", - "name": "NavList", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16716%3A62541", + "id": "delete", + "name": "Delete", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16562", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2022-10-06T19:30:09.040Z", - "updatedAt": "2024-12-16T14:29:22.793Z", + "createdAt": "2023-10-12T17:18:41.055Z", + "updatedAt": "2024-12-18T21:18:56.251Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "pagehead", - "name": "Pagehead", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=33020%3A246", + "id": "example_action_menu_4", + "name": "_Example/ActionMenu/4", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48190", "status": "STABLE", "type": "COMPONENT", - "properties": [ - { - "name": "Actions?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Text", - "type": "TEXT", - "defaultValue": "Title", - "values": [] - }, - { - "name": "Avatar?", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - } - ], + "properties": [], "thumbnails": [], - "createdAt": "2024-04-12T11:39:16.563Z", - "updatedAt": "2024-12-16T14:29:23.843Z", + "createdAt": "2023-09-22T09:28:04.214Z", + "updatedAt": "2024-12-18T21:18:56.298Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "example_select_panel_1", - "name": "_Example/SelectPanel/1", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A49369", + "id": "example_action_list_1", + "name": "_Example/ActionList/1", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48175", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.201Z", - "updatedAt": "2024-12-16T14:29:23.390Z", + "createdAt": "2023-09-22T09:28:04.188Z", + "updatedAt": "2024-12-18T21:18:56.500Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "underline_nav_overflow_menu", - "name": "UnderlineNav.OverflowMenu", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=18843%3A67477", + "id": "example_multi_level_2", + "name": "_Example/Multi-level/2", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48458", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2022-11-14T01:53:54.244Z", - "updatedAt": "2024-12-16T14:29:25.279Z", + "createdAt": "2023-09-22T09:28:04.162Z", + "updatedAt": "2024-12-18T21:18:56.529Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "button_group", - "name": "Button/Group", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=1597%3A114", + "id": "skeleton_box", + "name": "Skeleton/Box", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=36445%3A82", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2020-06-25T23:59:08.636Z", - "updatedAt": "2024-07-16T20:21:04.981Z", + "createdAt": "2024-09-02T10:46:40.698Z", + "updatedAt": "2024-12-18T21:18:56.702Z", "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/3ad8fe5b-cc0b-445d-89b5-badf5cd1b9cc", - "handle": "Ash Guillaume" + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" } }, { - "id": "toolbar_responsive_type_dropdown_default_closed", - "name": "Toolbar/Responsive/Type dropdown/Default (closed)", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=1597%3A123", + "id": "example_multi_level_1", + "name": "_Example/Multi-level/1", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48320", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2020-06-25T23:59:08.662Z", - "updatedAt": "2024-07-17T15:46:10.318Z", + "createdAt": "2023-09-22T09:28:04.168Z", + "updatedAt": "2024-12-18T21:18:56.987Z", "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/3ad8fe5b-cc0b-445d-89b5-badf5cd1b9cc", - "handle": "Ash Guillaume" + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" } }, { - "id": "any_icon", - "name": "Any icon", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16613", + "id": "current_selection", + "name": "currentSelection", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15096%3A46788", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-10-12T17:18:41.068Z", - "updatedAt": "2024-12-09T17:33:08.233Z", + "createdAt": "2023-09-25T10:36:31.257Z", + "updatedAt": "2024-12-18T21:18:57.014Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "labeled", - "name": "Labeled", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16607", + "id": "action_list", + "name": "ActionList", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27975%3A14901", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-10-12T17:18:41.028Z", - "updatedAt": "2024-12-09T17:33:08.398Z", + "createdAt": "2023-09-25T10:36:20.027Z", + "updatedAt": "2024-12-18T21:18:57.067Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "data_table", - "name": "DataTable", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28591%3A24975", + "id": "checkbox_group", + "name": "CheckboxGroup", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38286%3A5208", "status": "STABLE", "type": "COMPONENT", - "properties": [], - "thumbnails": [ + "properties": [ { - "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6d1f840c-8643-48ff-82f8-4d8313920a88", - "props": [], - "dimensions": { - "width": 800, - "height": 480 - } + "name": "Validation", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Caption", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Label", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] } ], - "createdAt": "2023-10-18T10:47:34.487Z", - "updatedAt": "2024-12-09T17:33:08.586Z", + "thumbnails": [], + "createdAt": "2024-11-21T14:23:48.986Z", + "updatedAt": "2024-12-18T21:18:56.899Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "edit", - "name": "Edit", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16554", + "id": "confirmation_dialog", + "name": "ConfirmationDialog", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16593%3A65794", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-10-12T17:18:41.035Z", - "updatedAt": "2024-12-03T11:43:16.970Z", + "createdAt": "2022-09-07T20:10:56.163Z", + "updatedAt": "2024-12-18T21:18:57.024Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "delete", - "name": "Delete", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16562", + "id": "radio_group", + "name": "RadioGroup", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38325%3A1047", "status": "STABLE", "type": "COMPONENT", - "properties": [], + "properties": [ + { + "name": "Validation", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Caption", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "Label", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + } + ], "thumbnails": [], - "createdAt": "2023-10-12T17:18:41.055Z", - "updatedAt": "2024-12-03T11:43:17.050Z", + "createdAt": "2024-11-21T14:30:50.328Z", + "updatedAt": "2024-12-18T21:18:56.271Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "example_select_panel_2", - "name": "_Example/SelectPanel/2", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A49742", + "id": "nav_list", + "name": "NavList", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16716%3A62541", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.195Z", - "updatedAt": "2024-12-16T14:29:22.995Z", + "createdAt": "2022-10-06T19:30:09.040Z", + "updatedAt": "2024-12-18T21:18:56.136Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -38917,7 +38976,22 @@ ], "thumbnails": [], "createdAt": "2022-11-16T15:35:17.179Z", - "updatedAt": "2024-12-03T11:43:17.058Z", + "updatedAt": "2024-12-18T21:18:56.260Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "example_select_panel_2", + "name": "_Example/SelectPanel/2", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A49742", + "status": "STABLE", + "type": "COMPONENT", + "properties": [], + "thumbnails": [], + "createdAt": "2023-09-22T09:28:04.195Z", + "updatedAt": "2024-12-18T21:18:56.278Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -38939,22 +39013,7 @@ ], "thumbnails": [], "createdAt": "2022-08-01T20:14:30.839Z", - "updatedAt": "2024-12-03T11:43:17.091Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "example_action_menu_4", - "name": "_Example/ActionMenu/4", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48190", - "status": "STABLE", - "type": "COMPONENT", - "properties": [], - "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.214Z", - "updatedAt": "2024-12-16T14:29:23.014Z", + "updatedAt": "2024-12-18T21:18:56.309Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -38969,52 +39028,37 @@ "properties": [], "thumbnails": [], "createdAt": "2023-10-12T17:18:41.062Z", - "updatedAt": "2024-12-03T11:43:17.099Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "data_table_row_header_cell", - "name": "DataTable/RowHeaderCell", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A13130", - "status": "STABLE", - "type": "COMPONENT", - "properties": [], - "thumbnails": [], - "createdAt": "2023-10-12T17:18:41.048Z", - "updatedAt": "2024-12-03T11:43:17.164Z", + "updatedAt": "2024-12-18T21:18:56.322Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "example_action_list_1", - "name": "_Example/ActionList/1", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48175", + "id": "example_action_menu_3", + "name": "_Example/ActionMenu/3", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A47760", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.188Z", - "updatedAt": "2024-12-16T14:29:23.259Z", + "createdAt": "2023-09-22T09:28:04.155Z", + "updatedAt": "2024-12-18T21:18:56.389Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "example_multi_level_2", - "name": "_Example/Multi-level/2", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48458", + "id": "data_table_row_header_cell", + "name": "DataTable/RowHeaderCell", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A13130", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.162Z", - "updatedAt": "2024-12-16T14:29:23.300Z", + "createdAt": "2023-10-12T17:18:41.048Z", + "updatedAt": "2024-12-18T21:18:56.412Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39072,7 +39116,22 @@ ], "thumbnails": [], "createdAt": "2020-07-08T05:37:43.086Z", - "updatedAt": "2024-12-03T11:43:17.305Z", + "updatedAt": "2024-12-18T21:18:56.596Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "example_select_panel_1", + "name": "_Example/SelectPanel/1", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A49369", + "status": "STABLE", + "type": "COMPONENT", + "properties": [], + "thumbnails": [], + "createdAt": "2023-09-22T09:28:04.201Z", + "updatedAt": "2024-12-18T21:18:56.602Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39094,22 +39153,44 @@ ], "thumbnails": [], "createdAt": "2022-08-01T20:14:30.845Z", - "updatedAt": "2024-12-03T11:43:17.328Z", + "updatedAt": "2024-12-18T21:18:56.626Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "skeleton_box", - "name": "Skeleton/Box", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=36445%3A82", + "id": "labeled", + "name": "Labeled", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16607", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2024-09-02T10:46:40.698Z", - "updatedAt": "2024-12-03T11:43:17.403Z", + "createdAt": "2023-10-12T17:18:41.028Z", + "updatedAt": "2024-12-18T21:18:56.642Z", + "user": { + "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", + "handle": "Lukas Oppermann" + } + }, + { + "id": "form_control_caption", + "name": "FormControl.Caption", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47232", + "status": "STABLE", + "type": "COMPONENT", + "properties": [ + { + "name": "Text", + "type": "TEXT", + "defaultValue": "Caption text", + "values": [] + } + ], + "thumbnails": [], + "createdAt": "2024-07-01T12:07:21.387Z", + "updatedAt": "2024-12-18T21:18:56.778Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39124,29 +39205,50 @@ "properties": [], "thumbnails": [], "createdAt": "2023-09-22T09:28:04.182Z", - "updatedAt": "2024-12-16T14:29:23.590Z", + "updatedAt": "2024-12-18T21:18:56.783Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "form_control_caption", - "name": "FormControl.Caption", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15341%3A47232", + "id": "page_header", + "name": "PageHeader", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38380%3A2926", "status": "STABLE", "type": "COMPONENT", "properties": [ { - "name": "Text", - "type": "TEXT", - "defaultValue": "Caption text", - "values": [] + "name": "hasDescription", + "type": "BOOLEAN", + "defaultValue": "true", + "values": [ + "true", + "false" + ] + }, + { + "name": "hasNavigation", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] + }, + { + "name": "hasContextArea", + "type": "BOOLEAN", + "defaultValue": "false", + "values": [ + "true", + "false" + ] } ], "thumbnails": [], - "createdAt": "2024-07-01T12:07:21.387Z", - "updatedAt": "2024-12-03T11:43:17.454Z", + "createdAt": "2024-11-22T14:02:27.628Z", + "updatedAt": "2024-12-18T21:18:56.792Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39161,7 +39263,7 @@ "properties": [], "thumbnails": [], "createdAt": "2023-09-21T12:51:35.384Z", - "updatedAt": "2024-12-03T11:43:17.494Z", + "updatedAt": "2024-12-18T21:18:56.823Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39176,7 +39278,7 @@ "properties": [], "thumbnails": [], "createdAt": "2023-10-12T17:18:41.075Z", - "updatedAt": "2024-12-03T11:43:17.558Z", + "updatedAt": "2024-12-18T21:18:56.888Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39191,7 +39293,7 @@ "properties": [], "thumbnails": [], "createdAt": "2020-07-29T22:06:12.763Z", - "updatedAt": "2024-12-03T11:43:17.602Z", + "updatedAt": "2024-12-18T21:18:56.940Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39206,7 +39308,7 @@ "properties": [], "thumbnails": [], "createdAt": "2023-10-12T17:18:41.041Z", - "updatedAt": "2024-12-03T11:43:17.614Z", + "updatedAt": "2024-12-18T21:18:56.957Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39221,37 +39323,7 @@ "properties": [], "thumbnails": [], "createdAt": "2022-01-20T09:08:30.702Z", - "updatedAt": "2024-12-03T11:43:17.629Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "example_multi_level_1", - "name": "_Example/Multi-level/1", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15112%3A48320", - "status": "STABLE", - "type": "COMPONENT", - "properties": [], - "thumbnails": [], - "createdAt": "2023-09-22T09:28:04.168Z", - "updatedAt": "2024-12-16T14:29:23.824Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "current_selection", - "name": "currentSelection", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=15096%3A46788", - "status": "STABLE", - "type": "COMPONENT", - "properties": [], - "thumbnails": [], - "createdAt": "2023-09-25T10:36:31.257Z", - "updatedAt": "2024-12-03T11:43:17.657Z", + "updatedAt": "2024-12-18T21:18:56.978Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39273,7 +39345,7 @@ ], "thumbnails": [], "createdAt": "2022-07-21T21:24:44.290Z", - "updatedAt": "2024-12-03T11:43:17.678Z", + "updatedAt": "2024-12-18T21:18:57.040Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39295,22 +39367,7 @@ ], "thumbnails": [], "createdAt": "2023-08-25T06:42:02.224Z", - "updatedAt": "2024-12-03T11:43:17.694Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "action_list", - "name": "ActionList", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=27975%3A14901", - "status": "STABLE", - "type": "COMPONENT", - "properties": [], - "thumbnails": [], - "createdAt": "2023-09-25T10:36:20.027Z", - "updatedAt": "2024-12-16T14:29:25.285Z", + "updatedAt": "2024-12-18T21:18:57.062Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" @@ -39325,151 +39382,46 @@ "properties": [], "thumbnails": [], "createdAt": "2023-09-22T09:28:04.208Z", - "updatedAt": "2024-12-16T14:29:23.952Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "checkbox_group", - "name": "CheckboxGroup", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38286%3A5208", - "status": "STABLE", - "type": "COMPONENT", - "properties": [ - { - "name": "Validation", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Caption", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Label", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-11-21T14:23:48.986Z", - "updatedAt": "2024-12-10T15:29:53.521Z", + "updatedAt": "2024-12-18T21:18:57.111Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "confirmation_dialog", - "name": "ConfirmationDialog", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=16593%3A65794", + "id": "any_icon", + "name": "Any icon", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28459%3A16613", "status": "STABLE", "type": "COMPONENT", "properties": [], "thumbnails": [], - "createdAt": "2022-09-07T20:10:56.163Z", - "updatedAt": "2024-12-10T14:45:08.970Z", - "user": { - "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", - "handle": "Lukas Oppermann" - } - }, - { - "id": "radio_group", - "name": "RadioGroup", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38325%3A1047", - "status": "STABLE", - "type": "COMPONENT", - "properties": [ - { - "name": "Validation", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Caption", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, - { - "name": "Label", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - } - ], - "thumbnails": [], - "createdAt": "2024-11-21T14:30:50.328Z", - "updatedAt": "2024-12-10T15:29:53.117Z", + "createdAt": "2023-10-12T17:18:41.068Z", + "updatedAt": "2024-12-18T21:29:15.925Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann" } }, { - "id": "page_header", - "name": "PageHeader", - "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=38380%3A2926", + "id": "data_table", + "name": "DataTable", + "url": "https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/?node-id=28591%3A24975", "status": "STABLE", "type": "COMPONENT", - "properties": [ - { - "name": "hasDescription", - "type": "BOOLEAN", - "defaultValue": "true", - "values": [ - "true", - "false" - ] - }, - { - "name": "hasNavigation", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] - }, + "properties": [], + "thumbnails": [ { - "name": "hasContextArea", - "type": "BOOLEAN", - "defaultValue": "false", - "values": [ - "true", - "false" - ] + "url": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a35f01c3-a3ff-4532-8b96-259d834db864", + "props": [], + "dimensions": { + "width": 800, + "height": 480 + } } ], - "thumbnails": [], - "createdAt": "2024-11-22T14:02:27.628Z", - "updatedAt": "2024-12-03T11:43:17.465Z", + "createdAt": "2023-10-18T10:47:34.487Z", + "updatedAt": "2024-12-18T21:29:16.399Z", "user": { "imgUrl": "https://s3-alpha.figma.com/profile/14e8c2f6-e57a-4655-a660-833d6f1dcda8", "handle": "Lukas Oppermann"