From 344d311cb2eaf96ced79783683ebe3d81fb2bbcb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Mon, 7 Oct 2024 13:22:48 +0200 Subject: [PATCH] feat(tokens): add newest tokens (#3668) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> Co-authored-by: Tim Schär <59233938+schaertim@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 3763 +++++++++-------- 1 file changed, 1914 insertions(+), 1849 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index e84b538f8a..2ec7cb6721 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1423,6 +1423,10 @@ "fg": { "$type": "color", "$value": "{post.core.color.sandgrey.100}" + }, + "stroke": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } }, "accent1": { @@ -2307,6 +2311,10 @@ "20": { "$type": "spacing", "$value": "{post.core.dimension.0}" + }, + "21": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" } } }, @@ -3315,6 +3323,10 @@ "20": { "$type": "spacing", "$value": "{post.core.dimension.1-5}" + }, + "21": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" } } }, @@ -3922,6 +3934,48 @@ } } }, + "Components/App store badge": { + "post-app-store": { + "google": { + "width": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.appstore.width.google}" + } + }, + "apple": { + "width": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.appstore.width.apple}" + } + }, + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.5}" + } + }, + "post": { + "app-store": { + "focus": { + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + }, + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + }, + "outline-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + } + } + } + }, "Components/Badge": { "post": { "badge": { @@ -3966,6 +4020,110 @@ } } }, + "Components/Banner": { + "post": { + "banner": { + "spacing": { + "padding": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.10}" + }, + "action": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.10}" + } + }, + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.6}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.1}" + }, + "action": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.2}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.icon}" + } + } + } + } + }, "Components/Breadcrumb": { "post": { "breadcrumb": { @@ -4958,1282 +5116,1078 @@ } } }, - "Components/Notifications": { + "Components/Form footer": { "post": { - "infobox": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.4}" + "form-footer": { + "border": { + "block": { + "start": { + "width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + } + } + }, + "start": { + "color": { + "$type": "color", + "$value": "{post.mode.color.surface.default.stroke}" + } } }, - "spacing": { - "gap": { - "inline": { + "padding": { + "block": { + "start": { "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" + "$value": "{post.device.spacing.padding.block.21}" } } + }, + "gap": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" } - }, - "clickable": { - "spacing": { - "padding": { - "icon": { + } + } + }, + "Components/Icon button": { + "post": { + "icon-button": { + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { "$type": "spacing", "$value": "{post.device.spacing.padding.2}" } } - } - }, - "interactive": { - "spacing": { - "gap": { - "inline": { - "icon-end": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.4}" - }, - "error": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" - } - } - } - } - }, - "notification": { - "banner": { - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.500}" - } - }, - "toast": { - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.300}" - } }, - "snackbar": { - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.300}" + "large": { + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.2}" + }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.3}" } }, - "color": { - "info-bg": { + "primary": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" }, - "info-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" }, - "info-stroke": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" }, - "info-icon": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.mode.color.interactive.button.primary.hover.fg}" }, - "success-bg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.button.primary.hover.bg}" }, - "success-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" }, - "success-stroke": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" }, - "success-icon": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" }, - "warning-bg": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.button.primary.disabled.stroke}" + } + }, + "primary-inverted": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.fg-inverted}" }, - "warning-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" }, - "warning-stroke": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" }, - "warning-icon": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" }, - "error-bg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" }, - "error-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" }, - "error-stroke": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" }, - "error-icon": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" } }, - "popup": { - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.300}" - } - } - }, - "test": { - "$type": "other", - "$value": "{post.core.color.notification.green}", - "$description": "'[{post.core.color.notification.green}, {post.core.color.notification.blue}, {post.core.color.notification.orange}, {post.core.color.notification.red}]'" - } - } - }, - "Components/Popover": { - "post": { - "popover": { - "close-button": { - "focus-stroke": { + "secondary": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" }, - "enabled-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" }, - "selected-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" + "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.1}" - } - }, - "link": { - "focus-stroke": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" }, - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.9}" - } + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.bg}" }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke}" + } + }, + "secondary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.fg-inverted}" }, - "selected-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.notification.popover.hover}" + "$value": "{post.mode.color.interactive.button.secondary.hover.fg-inverted}" }, - "font-weight": { - "$type": "fontWeights", - "$value": "{post.device.font-weight.bold}" + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" }, - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" }, - "focus": { - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.focus2}" - } + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke-inverted}" } }, - "icon": { - "focus-stroke": { + "tertiary": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" }, - "enabled-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" }, - "selected-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - } - }, - "surface": { - "bg": { + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + }, + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" }, - "fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" }, - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - }, - "inline": { - "start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - }, - "end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.6}" - } - } + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" }, - "gap": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.4}" - } - } - }, - "text": { - "selected-fg": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" } }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.300}" - }, - "focus": { - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - } - }, - "paragraph": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - } - }, - "legend": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - } - } - } - } - }, - "Components/Radio button": { - "post": { - "radio-button": { - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - }, - "border-style": { - "$type": "other", - "$value": "{post.core.border-style.solid}" - }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - }, - "outline": { - "offset": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - } - } - }, - "gap": { - "block": { - "group": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" - } - }, - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.12}" - } - } - }, - "icon": { - "padding": { - "block": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - }, - "container": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.18}" - } - }, - "inline": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - } - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - } - }, - "border-style": { - "disabled": { - "$type": "other", - "$value": "{post.core.border-style.dash}" - }, - "default": { - "$type": "other", - "$value": "{post.core.border-style.solid}" - } - }, - "dot": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.3}" - }, - "ring": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.size}" - } - }, - "padding": { - "block": { - "single": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.19}" - }, - "group": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.8}" - } - } - }, - "group": { - "legend": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - } - } - }, - "label": { - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.20}" - } - } - } - } - } - }, - "Components/Select": { - "post": { - "select": { - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" - }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - } - }, - "gap": { - "inline": { - "section": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - } - } - }, - "filled": { - "gap": { - "inline": { - "value": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.4}" - } - } - }, - "padding": { - "block": { - "section": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.3}" - } - } - } - }, - "unfilled": { - "padding": { - "block": { - "section": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.1}" - }, - "label": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.2}" - } - } - }, - "focus": { - "padding": { - "block": { - "section": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.4}" - } - } - } - } - }, - "padding": { - "block": { - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.5}" - } - }, - "inline": { - "section-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.1}" - }, - "section-end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" - }, - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - } - } - }, - "icon": { - "padding": { - "droppdow-inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.15}" - } - }, - "signal": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" - } - }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - } - } - } - }, - "Components/Social media button": { - "post": { - "social-media-button": { - "footer": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + "tertiary-inverted": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke-inverted}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg-inverted}" }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke-inverted}" + } + }, + "medium": { "outer": { "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.3}" + "$value": "{post.device.sizing.interactive.button.height.1}" }, "icon": { "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.2}" + "$value": "{post.device.sizing.interactive.button.icon.4}" + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + }, + "small": { + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.4}" }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.5}" } }, - "content": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.100}" + }, + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + } + } + } + } + }, + "Components/List": { + "post": { + "list": { + "simple": { + "checks": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.1}" + } + }, + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.16}" + }, + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + }, + "block": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + } + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.2}" + } + }, + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.3}" + } + } + }, + "icon": { + "container": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.4}" + }, + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.18}" + } + } + } }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + "bullets": { + "spacing": { + "padding": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + } + } + } + } + }, + "checks": { + "color": { + "icon-bg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.bg}" + }, + "icon-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "text-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + } + } + }, + "item": { + "padding": { + "inline": { + "start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + }, + "end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.4}" + } + }, + "block": { + "start": { + "$type": "spacing", + "$value": "tbd" + }, + "end": { + "$type": "spacing", + "$value": "tbd" + } + } }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" + } }, - "hover-fg": { + "enabled-border": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + "$value": "tbd" }, - "hover-bg": { + "hover-border": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + "$value": "tbd" }, - "hover-stroke": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + "$value": "tbd" }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" + "hover-fg": { + "$type": "color", + "$value": "tbd" }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.1}" + "focus": { + "outline": { + "offset": { + "$type": "spacing", + "$value": "tbd" + } + }, + "outline-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "outline-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } }, "border-width": { "$type": "borderWidth", - "$value": "{post.device.border-width.default}" + "$value": "{post.device.border-width.alternative1}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - }, - "outline": { - "offset": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "icon": { + "container": { + "padding": { + "block": { + "$type": "spacing", + "$value": "tbd" + }, + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.4}" + } } + }, + "size": { + "$type": "sizing", + "$value": "tbd" } - }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.100}" } } } }, - "Components/Stepper": { + "Components/Notifications": { "post": { - "stepper": { - "text": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "infobox": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.4}" } }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" + "spacing": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" + } } - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" - }, - "completed-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg3}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg4}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" - }, - "connector": { - "active": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "completed": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" - }, - "next": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" - }, - "completed-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke3}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke3}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke3}" - }, - "gap": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + } + }, + "interactive": { + "spacing": { + "gap": { + "inline": { + "icon-end": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.4}" + }, + "error": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + } } - }, - "padding": { - "connector": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.9}" + } + }, + "notification": { + "banner": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.500}" } }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" + "toast": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" } }, - "indicator": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.stepper.indicator}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - }, - "step-label": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - }, - "selected": { - "font-weight": { - "$type": "fontWeights", - "$value": "{post.device.font-weight.bold}" - } + "snackbar": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" } - } - } - } - }, - "Components/Switch": { - "post": { - "switch": { - "text": { - "enabled-fg": { + }, + "color": { + "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "disabled-fg": { + "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - } - }, - "icon": { - "success": { + "info-stroke": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "disabled": { + "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "hover": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - } - }, - "focus": { - "stroke": { + "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" + "success-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.fg}" }, - "outline": { - "offset": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - } + "success-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.stroke}" }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.focus}" + "success-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.icon}" }, - "border-style": { - "$type": "other", - "$value": "{post.core.border-style.solid}" - } - }, - "handle": { - "enabled": { + "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.mode.color.interactive.notification.warning.bg}" }, - "selected": { + "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" + "$value": "{post.mode.color.interactive.notification.warning.fg}" }, - "selected-stroke": { + "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + "$value": "{post.mode.color.interactive.notification.warning.stroke}" }, - "hover": { + "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg3}" + "$value": "{post.mode.color.interactive.notification.warning.icon}" }, - "hover-stroke": { + "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + "$value": "{post.mode.color.interactive.notification.error.bg}" }, - "disabled": { + "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + "$value": "{post.mode.color.interactive.notification.error.fg}" }, - "disabled-stroke": { + "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + "$value": "{post.mode.color.interactive.notification.error.stroke}" }, - "enabled-stroke": { + "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.mode.color.interactive.notification.error.icon}" } }, - "element": { - "enabled-bg": { + "popup": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" + } + } + }, + "test": { + "$type": "other", + "$value": "{post.core.color.notification.green}", + "$description": "'[{post.core.color.notification.green}, {post.core.color.notification.blue}, {post.core.color.notification.orange}, {post.core.color.notification.red}]'" + } + } + }, + "Components/Popover": { + "post": { + "popover": { + "close-button": { + "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" }, - "enabled-stroke": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "selected-bg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "selected-stroke": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke4}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "hover-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, - "hover-stroke": { + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.1}" + } + }, + "link": { + "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" }, - "disabled-bg": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.9}" + } + }, + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg3}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "disabled-stroke": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "width": { - "$type": "sizing", - "$value": "{post.core.dimension.48}" + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.notification.popover.hover}" }, - "height": { - "$type": "sizing", - "$value": "{post.core.dimension.24}" + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" }, - "handle": { - "$type": "sizing", - "$value": "{post.core.dimension.18}" - } - }, - "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.3}" - } - } - }, - "padding": { - "block": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.7}" - } + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" }, - "inline": { - "handle": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" + "focus": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus2}" } } }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - } - }, - "border-style": { - "disabled": { - "$type": "other", - "$value": "{post.core.border-style.dash}" - }, - "default": { - "$type": "other", - "$value": "{post.core.border-style.solid}" - } - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.alternative1}" - } - } - } - }, - "Components/Text area": { - "post": { - "textarea": { - "color": { - "enabled-bg": { + "icon": { + "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.mode.color.interactive.focus.stroke}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.surface.accent1.fg}" }, - "hover-bg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.mode.color.surface.accent1.fg}" }, "hover-fg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { + } + }, + "surface": { + "bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.mode.color.surface.accent4.bg}" }, - "disabled-fg": { + "fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + }, + "inline": { + "start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + }, + "end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.6}" + } + } }, - "enabled-stroke": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.4}" + } + } + }, + "text": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.mode.color.surface.accent4.fg}" + } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" + }, + "focus": { + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" }, - "hover-stroke": { + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "paragraph": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" + } + }, + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } + } + } + } + }, + "Components/Radio button": { + "post": { + "radio-button": { + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + }, + "focus": { + "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } } }, - "spacing": { - "gap": { - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - } + "gap": { + "block": { + "group": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" } }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.12}" + } + } + }, + "icon": { "padding": { "block": { - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.5}" - }, - "text4": { + "inner": { "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" + "$value": "{post.device.spacing.padding.1}" }, - "textarea-top": { + "container": { "$type": "spacing", - "$value": "{post.device.spacing.padding.8}" + "$value": "{post.device.spacing.padding.block.18}" } }, "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.1}" - }, - "text-end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" - }, - "text-assist": { + "inner": { "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "$value": "{post.device.spacing.padding.1}" } } + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + }, + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + }, + "default": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + } + }, + "dot": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.3}" + }, + "ring": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.size}" + } + }, + "padding": { + "block": { + "single": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.19}" + }, + "group": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } } }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" + "group": { + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } } }, - "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" + "label": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.20}" + } } } } } }, - "Components/Text highlighted": { + "Components/Select": { "post": { - "text-highlighted": { - "bg": { + "select": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.signal.information-light}" + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" }, - "fg": { + "enabled-fg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "padding": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - } + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg}" }, - "height": { - "space-bottom": { - "$type": "sizing", - "$value": "{post.core.dimension.24}" - } + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - } - } - } - }, - "Components/Text input": { - "post": { - "input": { - "color": { - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - }, - "helptext-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg2}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + }, + "signal": { + "error": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.mode.color.signal.error-dark}" }, - "disabled-stroke": { + "success": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" - }, - "selected-stroke": { + "$value": "{post.mode.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" - }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "gap": { + "inline": { + "section": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" } } }, - "spacing": { + "filled": { "gap": { "inline": { - "1": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - }, - "2": { + "value": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.4}" } @@ -6241,273 +6195,107 @@ }, "padding": { "block": { - "text1": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.1}" - }, - "text2": { + "section": { "$type": "spacing", "$value": "{post.device.spacing.padding.block.3}" - }, - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.5}" - }, - "text5": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.2}" - } - }, - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.1}" - }, - "text-end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" - }, - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" } } } }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" - } - }, - "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - } - } - } - } - }, - "Components/List": { - "post": { - "list": { - "simple": { - "checks": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.1}" - } - }, - "padding": { - "icon": { + "unfilled": { + "padding": { + "block": { + "section": { "$type": "spacing", - "$value": "{post.device.spacing.padding.16}" + "$value": "{post.device.spacing.padding.block.1}" }, - "text": { + "label": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - }, - "block": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - } - } - }, - "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.2}" - } - }, - "block": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.block.3}" - } - } - }, - "icon": { - "container": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.4}" - }, - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.18}" - } + "$value": "{post.device.spacing.padding.block.2}" } } }, - "bullets": { - "spacing": { - "padding": { - "text": { + "focus": { + "padding": { + "block": { + "section": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - } - }, - "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" - } + "$value": "{post.device.spacing.padding.block.4}" } } } } }, - "checks": { - "color": { - "icon-bg": { - "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" - }, - "icon-fg": { - "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" - }, - "text-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - } - } - }, - "item": { - "padding": { - "inline": { - "start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - }, - "end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.4}" - } - }, - "block": { - "start": { - "$type": "spacing", - "$value": "tbd" - }, - "end": { - "$type": "spacing", - "$value": "tbd" - } - } - }, - "gap": { - "inline": { + "padding": { + "block": { + "text-assist": { "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" + "$value": "{post.device.spacing.padding.block.5}" } }, - "enabled-border": { - "$type": "color", - "$value": "tbd" - }, - "hover-border": { - "$type": "color", - "$value": "tbd" - }, - "enabled-fg": { - "$type": "color", - "$value": "tbd" - }, - "hover-fg": { - "$type": "color", - "$value": "tbd" - }, - "focus": { - "outline": { - "offset": { - "$type": "spacing", - "$value": "tbd" - } + "inline": { + "section-start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.1}" + }, + "section-end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } } }, "icon": { - "container": { - "padding": { - "block": { - "$type": "spacing", - "$value": "tbd" - }, - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.4}" - } + "padding": { + "droppdow-inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.15}" } }, - "size": { + "signal": { "$type": "sizing", - "$value": "tbd" + "$value": "{post.device.sizing.interactive.textfields.icon}" } - } - } - }, - "list": { - "item": { - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.alternative1}" }, - "border-style": { - "$type": "other", - "$value": "{post.core.border-style.solid}" + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" }, - "focus": { - "outline-style": { - "$type": "other", - "$value": "{post.core.border-style.solid}" - }, - "outline-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - } + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } } } }, - "Components/Banner": { + "Components/Snackbar": { "post": { - "banner": { + "snackbar": { "spacing": { - "padding": { + "gap": { "outer": { "$type": "spacing", - "$value": "{post.device.spacing.padding.10}" - }, - "action": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.10}" + "$value": "{post.device.spacing.gap.inline.3}" } }, - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.6}" - }, - "inner": { + "padding": { + "inline": { "$type": "spacing", - "$value": "{post.device.spacing.gap.block.1}" + "$value": "{post.device.spacing.padding.11}" }, - "action": { + "block": { "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + "$value": "{post.device.spacing.padding.block.12}" } } }, "sizing": { "icon": { "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.2}" + "$value": "{post.device.sizing.notification.icon.3}" } }, "color": { @@ -6579,692 +6367,948 @@ } } }, - "Components/Toast": { + "Components/Social media button": { "post": { - "toast": { - "spacing": { - "padding": { - "action": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.10}" - }, - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - }, - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" - } + "social-media-button": { + "footer": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" }, - "gap": { - "action": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - }, - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.2}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.2}" - } + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + }, + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.3}" + }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.2}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, - "sizing": { + "content": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + }, + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.2}" + }, "icon": { "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.3}" + "$value": "{post.device.sizing.interactive.button.icon.1}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, - "color": { - "info-bg": { + "focus": { + "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "info-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" }, - "info-stroke": { + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.100}" + } + } + } + }, + "Components/Stepper": { + "post": { + "stepper": { + "text": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "info-icon": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "success-bg": { + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + }, + "completed-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.bg2}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg2}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg3}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + }, + "connector": { + "active": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "success-fg": { + "completed": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.primary.selected.bg2}" }, - "success-stroke": { + "next": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + } + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + }, + "completed-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke3}" + }, + "gap": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } + }, + "padding": { + "connector": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.9}" + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + }, + "indicator": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.stepper.indicator}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "step-label": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" }, - "success-icon": { + "selected": { + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + } + } + } + } + } + }, + "Components/Switch": { + "post": { + "switch": { + "text": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "warning-bg": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "warning-fg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" - }, - "warning-stroke": { + "$value": "{post.mode.color.interactive.primary.selected.fg1}" + } + }, + "icon": { + "success": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.signal.success-dark}" }, - "warning-icon": { + "disabled": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "error-bg": { + "hover": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" - }, - "error-fg": { + "$value": "{post.mode.color.interactive.primary.hover.fg1}" + } + }, + "focus": { + "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "error-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" }, - "error-icon": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" - } - } - } - } - }, - "Components/Snackbar": { - "post": { - "snackbar": { - "spacing": { - "gap": { - "outer": { + "outline": { + "offset": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.3}" + "$value": "{post.device.spacing.padding.2}" } }, - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - }, - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.12}" - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.3}" + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } }, - "color": { - "info-bg": { + "handle": { + "enabled": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, - "info-fg": { + "selected": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.mode.color.interactive.primary.selected.fg3}" }, - "info-stroke": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.mode.color.interactive.primary.selected.stroke3}" }, - "info-icon": { + "hover": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.mode.color.interactive.primary.hover.fg3}" }, - "success-bg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.primary.hover.stroke3}" }, - "success-fg": { + "disabled": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.primary.disabled.fg3}" }, - "success-stroke": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" }, - "success-icon": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" - }, - "warning-bg": { + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + } + }, + "element": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.bg2}" }, - "warning-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, - "warning-stroke": { + "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.interactive.primary.selected.bg2}" }, - "warning-icon": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.primary.selected.stroke4}" }, - "error-bg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, - "error-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, - "error-stroke": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.mode.color.interactive.primary.disabled.bg3}" }, - "error-icon": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + }, + "width": { + "$type": "sizing", + "$value": "{post.core.dimension.48}" + }, + "height": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "handle": { + "$type": "sizing", + "$value": "{post.core.dimension.18}" } - } - } - } - }, - "Components/Inline notification": { - "post": { - "inline": { - "spacing": { - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.7}" - }, - "inner": { + }, + "gap": { + "inline": { + "text": { "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + "$value": "{post.device.spacing.gap.inline.3}" + } + } + }, + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.7}" } }, - "padding": { - "block": { + "inline": { + "handle": { "$type": "spacing", - "$value": "{post.device.spacing.padding.12}" + "$value": "{post.core.dimension.4}" } } }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.2}" + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" } }, - "color": { - "info-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" - }, - "info-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" }, - "info-stroke": { + "default": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + } + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.alternative1}" + } + } + } + }, + "Components/Text area": { + "post": { + "textarea": { + "color": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" }, - "info-icon": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "success-bg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.primary.hover.bg}" }, - "success-fg": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.primary.hover.fg1}" }, - "success-stroke": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.primary.disabled.bg}" }, - "success-icon": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "warning-bg": { + "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.primary.selected.bg1}" }, - "warning-fg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.mode.color.interactive.primary.selected.fg1}" }, - "warning-stroke": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, - "warning-icon": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, - "error-bg": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" }, - "error-fg": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" }, - "error-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "signal": { + "error": { + "$type": "color", + "$value": "{post.mode.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.mode.color.signal.success-dark}" + } }, - "error-icon": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + } } - } - } - } - }, - "Components/Lead": { - "post": { - "lead": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.5}" - } - }, - "lead-font-weight": { - "$type": "fontWeights", - "$value": "{post.device.font-weight.bold}" - } - } - }, - "Components/Validation": { - "post": { - "validation": { - "list": { + }, + "spacing": { "gap": { "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" + "1": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } } }, "padding": { "block": { - "text": { + "text-assist": { "$type": "spacing", - "$value": "{post.device.spacing.padding.12}" + "$value": "{post.device.spacing.padding.block.5}" + }, + "text4": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.3}" + }, + "textarea-top": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.8}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.1}" + }, + "text-end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } } } }, - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } - } - } - }, - "Components/App store badge": { - "post-app-store": { - "google": { - "width": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.google}" - } - }, - "apple": { - "width": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.apple}" - } - }, - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.5}" - } - }, - "post": { - "app-store": { - "focus": { - "outline": { - "offset": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - }, - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "outline-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.textfields.icon}" } }, "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" + "surface": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + } } } } }, - "Components/Icon button": { + "Components/Text highlighted": { "post": { - "icon-button": { - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "stroke-inverted": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - }, - "outline": { - "offset": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" - } + "text-highlighted": { + "bg": { + "$type": "color", + "$value": "{post.mode.color.signal.information-light}" + }, + "fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + }, + "padding": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" } }, - "large": { - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" - }, - "icon": { + "height": { + "space-bottom": { "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.3}" + "$value": "{post.core.dimension.24}" } }, - "primary": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" - }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + } + } + } + }, + "Components/Text input": { + "post": { + "input": { + "color": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" }, - "enabled-stroke": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "hover-fg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + "$value": "{post.mode.color.interactive.primary.hover.bg}" }, - "hover-bg": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.mode.color.interactive.primary.hover.fg1}" }, - "hover-stroke": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "disabled-bg": { + "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + "$value": "{post.mode.color.interactive.primary.selected.bg1}" }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke}" - } - }, - "primary-inverted": { - "enabled-fg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg-inverted}" + "$value": "{post.mode.color.interactive.primary.selected.fg1}" }, - "enabled-bg": { + "helptext-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" + "$value": "{post.mode.color.interactive.primary.enabled.fg2}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, - "hover-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, - "hover-bg": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" }, - "hover-stroke": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" + "signal": { + "error": { + "$type": "color", + "$value": "{post.mode.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.mode.color.signal.success-dark}" + } }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.4}" + } + } }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" + "padding": { + "block": { + "text1": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.1}" + }, + "text2": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.5}" + }, + "text5": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.2}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.1}" + }, + "text-end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.3}" + }, + "text-assist": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + } } }, - "secondary": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + } + } + } + } + }, + "Components/Toast": { + "post": { + "toast": { + "spacing": { + "padding": { + "action": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.10}" + }, + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.11}" + }, + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.3}" + } }, - "enabled-bg": { + "gap": { + "action": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + }, + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.2}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.2}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + } + }, + "color": { + "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "enabled-stroke": { + "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "hover-fg": { + "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "hover-bg": { + "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "hover-stroke": { + "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "disabled-fg": { + "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg}" + "$value": "{post.mode.color.interactive.notification.success.fg}" }, - "disabled-bg": { + "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg}" + "$value": "{post.mode.color.interactive.notification.success.stroke}" }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke}" - } - }, - "secondary-inverted": { - "enabled-fg": { + "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.success.icon}" }, - "enabled-bg": { + "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.bg}" }, - "enabled-stroke": { + "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.fg}" }, - "hover-fg": { + "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.stroke}" }, - "hover-bg": { + "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.icon}" }, - "hover-stroke": { + "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" + "$value": "{post.mode.color.interactive.notification.error.bg}" }, - "disabled-fg": { + "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.error.fg}" }, - "disabled-bg": { + "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.error.stroke}" }, - "disabled-stroke": { + "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke-inverted}" + "$value": "{post.mode.color.interactive.notification.error.icon}" } - }, - "tertiary": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" + } + } + } + }, + "Components/Inline notification": { + "post": { + "inline": { + "spacing": { + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.7}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } }, - "enabled-bg": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.12}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.2}" + } + }, + "color": { + "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "enabled-stroke": { + "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "hover-fg": { + "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "hover-bg": { + "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "hover-stroke": { + "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "disabled-fg": { + "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" + "$value": "{post.mode.color.interactive.notification.success.fg}" }, - "disabled-bg": { + "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + "$value": "{post.mode.color.interactive.notification.success.stroke}" }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" - } - }, - "tertiary-inverted": { - "enabled-fg": { + "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.success.icon}" }, - "enabled-bg": { + "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.bg}" }, - "enabled-stroke": { + "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.fg}" }, - "hover-fg": { + "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.stroke}" }, - "hover-bg": { + "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.warning.icon}" }, - "hover-stroke": { + "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke-inverted}" + "$value": "{post.mode.color.interactive.notification.error.bg}" }, - "disabled-fg": { + "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg-inverted}" + "$value": "{post.mode.color.interactive.notification.error.fg}" }, - "disabled-bg": { + "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg-inverted}" + "$value": "{post.mode.color.interactive.notification.error.stroke}" }, - "disabled-stroke": { + "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke-inverted}" - } - }, - "medium": { - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.4}" - } - }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" + "$value": "{post.mode.color.interactive.notification.error.icon}" } - }, - "small": { - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.4}" + } + } + } + }, + "Components/Lead": { + "post": { + "lead": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "lead-font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + } + } + }, + "Components/Validation": { + "post": { + "validation": { + "list": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.5}" + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.12}" + } + } } }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.100}" + "error": { + "$type": "color", + "$value": "{post.mode.color.signal.error-dark}" }, - "border-style": { - "disabled": { - "$type": "other", - "$value": "{post.core.border-style.dash}" - } + "success": { + "$type": "color", + "$value": "{post.mode.color.signal.success-dark}" } } } @@ -8074,7 +8118,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Form footer": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8239,7 +8284,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Form footer": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8388,7 +8434,8 @@ "post.mode.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", + "post.mode.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff" } }, { @@ -8398,7 +8445,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Form footer": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8547,7 +8595,8 @@ "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", + "post.mode.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff" } }, { @@ -8556,7 +8605,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Form footer": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8656,7 +8706,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8672,7 +8721,7 @@ "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8709,7 +8758,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Form footer": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8808,7 +8858,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8868,7 +8918,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Form footer": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -9009,7 +9060,8 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99" } }, { @@ -9023,7 +9075,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Form footer": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9044,7 +9097,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Form footer": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9075,7 +9129,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/Form footer": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9146,7 +9201,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Components/Form footer": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9326,12 +9382,19 @@ "Elements/ListNumber": "source", "Components/Validation": "enabled", "Utilities/Color": "source", - "Components/App store badge": "enabled" + "Components/App store badge": "enabled", + "Components/Form footer": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", "$figmaVariableReferences": { "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", + "post-app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", + "post-app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", + "post-app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", + "post.app-store.focus.outline": "92a06daa8a6092ce2812815a72e58e11122736a4", + "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", + "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", @@ -9340,18 +9403,41 @@ "post.badge.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", "post.badge.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", "post.badge.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c", + "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", + "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", + "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", + "post.banner.spacing.gap.inner": "a7af357e6c39a573c2de40afccfb404477398ec6", + "post.banner.spacing.gap.action": "35d88e6f51c0bb6f3c9026e30e9f863496b4b12b", + "post.banner.sizing.icon": "def23942610e63363ad2812ad745696200f75f64", + "post.banner.color.info-bg": "37e528a0d0af4cce9b308fc9683615c52390afa1", + "post.banner.color.info-fg": "6663b4bafb74c15ee9c55cca2963764973183dc5", + "post.banner.color.info-stroke": "929edf818223e55e89c20964ec5a6ea7cfc66557", + "post.banner.color.info-icon": "3fe7fa8d41abda4291acb82fad95ccac803a7c67", + "post.banner.color.success-bg": "16d8979d0e65b2704b700e84500076f40c2dde7b", + "post.banner.color.success-fg": "9dc7a4d8a530fda3aecb7a3f8e859f19ec09b738", + "post.banner.color.success-stroke": "64157486845bbe92567cab0440230465b2276c9c", + "post.banner.color.success-icon": "f9229181119854213d11ee4016d5bc117234067e", + "post.banner.color.warning-bg": "d0332917706aa3d91ad834c881c6c08a5d4b242a", + "post.banner.color.warning-fg": "e439cdf566125b31ccfca0a248855213157d1bc5", + "post.banner.color.warning-stroke": "c1839368ea40b35c9fa645adc52b57e6888eaaff", + "post.banner.color.warning-icon": "8bd6a7a5469843d1fd6e532e65c0ce02f787eee3", + "post.banner.color.error-bg": "6f3adea700b671f567099959a48060a7c0c2daa1", + "post.banner.color.error-fg": "3f82309441435fa675f8cae74b1881721dd122e8", + "post.banner.color.error-stroke": "67f31a08713ac872155e5aded2e641a76608d992", + "post.banner.color.error-icon": "44770e15cad15b9af3bd9a8b6b74428fe2205935", "post.breadcrumb.enabled-fg": "2baf0e7b11623e8bfb266ffb3a8cf71cc6c4dbd4", "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba", "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a", "post.breadcrumb.focus.outline": "54da5c7d58e96de608657b4da381c50bc4e4c96b", "post.breadcrumb.focus.outline-width": "9f2fd3618cfdd207f8c717133600e515dbd99823", + "post.breadcrumb.focus.padding.outline": "aace328623a36b12e1a43a3ddc2967b639c050b4", + "post.breadcrumb.focus.outline-radius": "eb4bfc145bc77ac16b3af962aac5e72d5905f320", "post.breadcrumb.padding.block.text": "79f90c13e2a49c831f794b81a04e23510cc264db", "post.breadcrumb.padding.block.icon": "448e288b353b6b9e0fb1f8afc789b347072374df", "post.breadcrumb.padding.inline.icon": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91", "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052", "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd", "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841", - "post.breadcrumb.focus.outline-radius": "eb4bfc145bc77ac16b3af962aac5e72d5905f320", "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", @@ -9480,6 +9566,104 @@ "post.dropdown.multi-select.menu.list-item.enabled-stroke": "757662a00b6fceb039c47168c52a9a96170a4996", "post.dropdown.multi-select.menu.padding.block": "e885da1f27f58d8d77336fa1cc12b08fca18655f", "post.dropdown.multi-select.menu.border-radius": "df7ff5e9ed31e5d3c9bab7ff70c498dbf05669a9", + "post.form-footer.border.block.start.width": "435984a357bd0e8d998641046968135544c42ca3", + "post.form-footer.border.start.color": "fe40a4f98b31cb6fc9c83a1d1ba0398c677d545f", + "post.form-footer.padding.block.start": "7e99d301b97b416b17ee532a082c33e6e7e6160b", + "post.form-footer.gap": "c5fef62c41382d0294a322c4256feb0ef9f3f592", + "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", + "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", + "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", + "post.icon-button.focus.outline.offset": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2", + "post.icon-button.large.outer": "9ffdef1ca1ec6310ab8d817f88ffeff6901054d7", + "post.icon-button.large.icon": "f227ab508396638380cc60e0d16ebe56eb02134c", + "post.icon-button.primary.enabled-fg": "61ff031535fb5f65632aa0e24c0db4559804bfed", + "post.icon-button.primary.enabled-bg": "fb9e8925db5731ccbc31c35c7bc9ff5486c72ca9", + "post.icon-button.primary.enabled-stroke": "b2b39117c955a3d67cdabd5c29c287416fbca88d", + "post.icon-button.primary.hover-fg": "6a1cea86d6374262f397761e96d69daedf2ee176", + "post.icon-button.primary.hover-bg": "7ab301e6c8946556b24d44cdffe4d8f42c5339e0", + "post.icon-button.primary.hover-stroke": "04b33d55e1bd17f044d897f6667f920d07fdb6c8", + "post.icon-button.primary.disabled-fg": "dc4126a4fb0c36e58389a893a8ff795d948b3965", + "post.icon-button.primary.disabled-bg": "50636cd75571a7d9094b2f0668e5e8892cf790cc", + "post.icon-button.primary.disabled-stroke": "1e47f7a5138cd9a186539f7d502f7ac94fd04f51", + "post.icon-button.primary-inverted.enabled-fg": "c26fe191eeca57d033bbd3d7e6aa5107f9758820", + "post.icon-button.primary-inverted.enabled-bg": "7fee1706f63efb31550adffaa2656212077190e1", + "post.icon-button.primary-inverted.enabled-stroke": "be856fc55a0e2d41a5807684d53ee54c7a8ed659", + "post.icon-button.primary-inverted.hover-fg": "6dc64c211873d417747707eae57b22e941b01919", + "post.icon-button.primary-inverted.hover-bg": "fc33d8ccd432fdd0de2a6c25d2addbec90f31ac3", + "post.icon-button.primary-inverted.hover-stroke": "66a712f070dedd8f79cd9b57d4719a30e1277a99", + "post.icon-button.primary-inverted.disabled-fg": "38814a0087ca34f4762da6fbb7389034c0bbaa62", + "post.icon-button.primary-inverted.disabled-bg": "7af634b2bb88852aa2507c7f1dba1616c23bdaa9", + "post.icon-button.primary-inverted.disabled-stroke": "3671f0613ba057f7a520ce26233656fee3daad95", + "post.icon-button.secondary.enabled-fg": "ac7b40cfd30f0af897e55b2847c3797524e37a4f", + "post.icon-button.secondary.enabled-bg": "5510fcfb4694fa8710b1a7662a6711791665c358", + "post.icon-button.secondary.enabled-stroke": "1dbdeaf0c467e670d09ff33f38926e7139ee2643", + "post.icon-button.secondary.hover-fg": "59f524b071a2da846bd04fdd2d01bfd213152790", + "post.icon-button.secondary.hover-bg": "c17daa89af44b6bdc908bd92dcdbb20224dbb36f", + "post.icon-button.secondary.hover-stroke": "516f6d8c91ecbef7fd18dc07833279b9e9a9e160", + "post.icon-button.secondary.disabled-fg": "4c9496e4b78cea0e534767ad1244743ec7566fc3", + "post.icon-button.secondary.disabled-bg": "8ea9e4c9afbc451d889d0464c65f35ff3627378a", + "post.icon-button.secondary.disabled-stroke": "2d55933e4d9f79bd7bc16f3745afdb73207dbc75", + "post.icon-button.secondary-inverted.enabled-fg": "06a955994b91d76a48846907d0691800bf6148e4", + "post.icon-button.secondary-inverted.enabled-bg": "fe580ea906b51dcf92ea508ab1ad1ee9821503ab", + "post.icon-button.secondary-inverted.enabled-stroke": "3623348af9cbf09bbb8218093b7d88d2f85e9066", + "post.icon-button.secondary-inverted.hover-fg": "9e839e5ec4cbea6965baf41f384e099b2207e641", + "post.icon-button.secondary-inverted.hover-bg": "b1c2113e185cef20d24653f0909426bdba831f91", + "post.icon-button.secondary-inverted.hover-stroke": "89092094a30cecb49369827486e81dcd712d6b8a", + "post.icon-button.secondary-inverted.disabled-fg": "ecaf3f630308c48a8817e5826d4d06faa1ad4513", + "post.icon-button.secondary-inverted.disabled-bg": "40b09d43959094dcfa1caa7f745979e89e8b9568", + "post.icon-button.secondary-inverted.disabled-stroke": "4715867ab750ddd15d4a88df4659715f306bcd38", + "post.icon-button.tertiary.enabled-fg": "4a88d517b82b8a181848f5e3f1a5b679ba316cbf", + "post.icon-button.tertiary.enabled-bg": "0a1587bab96d28d0ae9ce4891d53d9c16b2fec4c", + "post.icon-button.tertiary.enabled-stroke": "8937cf4f906fbcd2f261e408c250599de0293bec", + "post.icon-button.tertiary.hover-fg": "a89b23ab158ea02b8109e8faee4092c6bc752eb0", + "post.icon-button.tertiary.hover-bg": "64d54e59fdefbfcefd1cfb0a3e5e5cea26c5eee2", + "post.icon-button.tertiary.hover-stroke": "102e93c65745a029b4f363467796b91ae657d424", + "post.icon-button.tertiary.disabled-fg": "3ac787101e21f050048e99f07f4773440a6cb67c", + "post.icon-button.tertiary.disabled-bg": "8dd80e97d2299623305ce78d9c917087a34d21b3", + "post.icon-button.tertiary.disabled-stroke": "bbd4847720ed21ff57ec7cee935a590b666eb4c9", + "post.icon-button.tertiary-inverted.enabled-fg": "3a23c355ff57ae2ec4b9115be6c02940f6198015", + "post.icon-button.tertiary-inverted.enabled-bg": "c14efda7456cd44bab1bcda7f080791665b6e95a", + "post.icon-button.tertiary-inverted.enabled-stroke": "f09c1dfcbb11124e897a26a82e39c3318349bfc6", + "post.icon-button.tertiary-inverted.hover-fg": "e043cb22be2c4e57a0831162c5547f11f24e5bf0", + "post.icon-button.tertiary-inverted.hover-bg": "c3b0bfbc3170a5b710b7444f733714123ffa798a", + "post.icon-button.tertiary-inverted.hover-stroke": "fe2fd0b8c0d9ef1c626f4343b49b3b8e33e4eb3f", + "post.icon-button.tertiary-inverted.disabled-fg": "20787e22827b3da3cb49028cae51ccb50c7388da", + "post.icon-button.tertiary-inverted.disabled-bg": "e7126a822df078674f2aec83b0cc53dc4414e2d3", + "post.icon-button.tertiary-inverted.disabled-stroke": "927bcf84be8d1e418c3db1c9d1fc64f0838b4271", + "post.icon-button.medium.outer": "bc160567508b25fb705a9a971367355385723808", + "post.icon-button.medium.icon": "11fb6d55934e5fc33d20892e98d1ae7d2d1b50a9", + "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", + "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", + "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", + "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", + "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", + "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", + "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", + "post.list.simple.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", + "post.list.simple.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", + "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", + "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", + "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", + "post.list.item.padding.inline.start": "f7f1ba4ae736cfe139c14f5d2da5834c6555c8c0", + "post.list.item.padding.inline.end": "f89ce359dcd178ea9994cf93e962e4c8ac437b7e", + "post.list.item.padding.block.start": "11f6bc404467908a5a162c5d014ba825e488fe4a", + "post.list.item.padding.block.end": "447bfceda1d7a538c45cf4a8718cf51c530e015c", + "post.list.item.gap.inline": "8b3c47bf71962080480e4c42f24084f04677a0d0", + "post.list.item.enabled-border": "f2d45321cc1bd8ed7def7ff6eb299a50f9f8d7fe", + "post.list.item.hover-border": "5d8301e5915b941f7b54b6e23469c2148e76791f", + "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19", + "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b", + "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6", + "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", + "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", + "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", + "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", + "post.list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -9590,6 +9774,26 @@ "post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", "post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58", "post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a", + "post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532", + "post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718", + "post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb", + "post.snackbar.sizing.icon": "53e69292b2234d87ed1740012a1de380298c7f41", + "post.snackbar.color.info-bg": "de92afdc2fb467982b2dde60e6b2ab3884380d15", + "post.snackbar.color.info-fg": "4741dcdd57abe1ef0ba1bc520c9ea0fd7b165ba3", + "post.snackbar.color.info-stroke": "ba831c0964f08c993580e33a4f92169a212a040e", + "post.snackbar.color.info-icon": "77df342d5a946686a56b78ed1aaee396922724b8", + "post.snackbar.color.success-bg": "c557778d664538777761fd8634746d9d4904a128", + "post.snackbar.color.success-fg": "332e8726a22127e80058e6b87b0885b4aa94acc9", + "post.snackbar.color.success-stroke": "b7438a591840a73fc9cc0adc64da6f14fbccc82a", + "post.snackbar.color.success-icon": "1d54e6807e3be35ea4b196dcf9e584d7a2a935b5", + "post.snackbar.color.warning-bg": "709075d8c6ffe6ba9c19cfdc364174690dab5135", + "post.snackbar.color.warning-fg": "366bea028e34b7b4b672fa16533b61503aee8531", + "post.snackbar.color.warning-stroke": "a19ad2813168bd661c06c144acfa26df15f5c73f", + "post.snackbar.color.warning-icon": "9eb4617cfcfb649695112e6e2dd389947be5993f", + "post.snackbar.color.error-bg": "ec644411d8f1d92d693198e06b7a63b4bb986537", + "post.snackbar.color.error-fg": "859c4782edc8ec6cd3569354f42336766ee272c5", + "post.snackbar.color.error-stroke": "74374ac91c484a7d91f7c95779d2d1af98fd7e36", + "post.snackbar.color.error-icon": "fb053dcadabccbdbe12d091934eb678e468af65c", "post.social-media-button.footer.enabled-fg": "fa798efa74f07882ad2eb5335348341d1cd0e900", "post.social-media-button.footer.enabled-bg": "522c78c9d29613192823e96833f28364efeea038", "post.social-media-button.footer.enabled-stroke": "dfaffc9bb53b84fc3bb3215a02f5f1ada976d61f", @@ -9727,56 +9931,6 @@ "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", - "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", - "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", - "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", - "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", - "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", - "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", - "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", - "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", - "post.list.simple.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", - "post.list.simple.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", - "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", - "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", - "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", - "post.list.item.padding.inline.start": "f7f1ba4ae736cfe139c14f5d2da5834c6555c8c0", - "post.list.item.padding.inline.end": "f89ce359dcd178ea9994cf93e962e4c8ac437b7e", - "post.list.item.padding.block.start": "11f6bc404467908a5a162c5d014ba825e488fe4a", - "post.list.item.padding.block.end": "447bfceda1d7a538c45cf4a8718cf51c530e015c", - "post.list.item.gap.inline": "8b3c47bf71962080480e4c42f24084f04677a0d0", - "post.list.item.enabled-border": "f2d45321cc1bd8ed7def7ff6eb299a50f9f8d7fe", - "post.list.item.hover-border": "5d8301e5915b941f7b54b6e23469c2148e76791f", - "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19", - "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b", - "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6", - "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", - "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", - "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", - "list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", - "list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", - "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", - "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", - "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", - "post.banner.spacing.gap.inner": "a7af357e6c39a573c2de40afccfb404477398ec6", - "post.banner.spacing.gap.action": "35d88e6f51c0bb6f3c9026e30e9f863496b4b12b", - "post.banner.sizing.icon": "def23942610e63363ad2812ad745696200f75f64", - "post.banner.color.info-bg": "37e528a0d0af4cce9b308fc9683615c52390afa1", - "post.banner.color.info-fg": "6663b4bafb74c15ee9c55cca2963764973183dc5", - "post.banner.color.info-stroke": "929edf818223e55e89c20964ec5a6ea7cfc66557", - "post.banner.color.info-icon": "3fe7fa8d41abda4291acb82fad95ccac803a7c67", - "post.banner.color.success-bg": "16d8979d0e65b2704b700e84500076f40c2dde7b", - "post.banner.color.success-fg": "9dc7a4d8a530fda3aecb7a3f8e859f19ec09b738", - "post.banner.color.success-stroke": "64157486845bbe92567cab0440230465b2276c9c", - "post.banner.color.success-icon": "f9229181119854213d11ee4016d5bc117234067e", - "post.banner.color.warning-bg": "d0332917706aa3d91ad834c881c6c08a5d4b242a", - "post.banner.color.warning-fg": "e439cdf566125b31ccfca0a248855213157d1bc5", - "post.banner.color.warning-stroke": "c1839368ea40b35c9fa645adc52b57e6888eaaff", - "post.banner.color.warning-icon": "8bd6a7a5469843d1fd6e532e65c0ce02f787eee3", - "post.banner.color.error-bg": "6f3adea700b671f567099959a48060a7c0c2daa1", - "post.banner.color.error-fg": "3f82309441435fa675f8cae74b1881721dd122e8", - "post.banner.color.error-stroke": "67f31a08713ac872155e5aded2e641a76608d992", - "post.banner.color.error-icon": "44770e15cad15b9af3bd9a8b6b74428fe2205935", "post.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c", "post.toast.spacing.padding.inline": "014e44c5cc1c44d944c9d6df6c213c429f99c76d", "post.toast.spacing.padding.block": "8588d5bd126b4227934aec9c655f6dbcb10a84b7", @@ -9800,26 +9954,6 @@ "post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0", "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69", "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040", - "post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532", - "post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718", - "post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb", - "post.snackbar.sizing.icon": "53e69292b2234d87ed1740012a1de380298c7f41", - "post.snackbar.color.info-bg": "de92afdc2fb467982b2dde60e6b2ab3884380d15", - "post.snackbar.color.info-fg": "4741dcdd57abe1ef0ba1bc520c9ea0fd7b165ba3", - "post.snackbar.color.info-stroke": "ba831c0964f08c993580e33a4f92169a212a040e", - "post.snackbar.color.info-icon": "77df342d5a946686a56b78ed1aaee396922724b8", - "post.snackbar.color.success-bg": "c557778d664538777761fd8634746d9d4904a128", - "post.snackbar.color.success-fg": "332e8726a22127e80058e6b87b0885b4aa94acc9", - "post.snackbar.color.success-stroke": "b7438a591840a73fc9cc0adc64da6f14fbccc82a", - "post.snackbar.color.success-icon": "1d54e6807e3be35ea4b196dcf9e584d7a2a935b5", - "post.snackbar.color.warning-bg": "709075d8c6ffe6ba9c19cfdc364174690dab5135", - "post.snackbar.color.warning-fg": "366bea028e34b7b4b672fa16533b61503aee8531", - "post.snackbar.color.warning-stroke": "a19ad2813168bd661c06c144acfa26df15f5c73f", - "post.snackbar.color.warning-icon": "9eb4617cfcfb649695112e6e2dd389947be5993f", - "post.snackbar.color.error-bg": "ec644411d8f1d92d693198e06b7a63b4bb986537", - "post.snackbar.color.error-fg": "859c4782edc8ec6cd3569354f42336766ee272c5", - "post.snackbar.color.error-stroke": "74374ac91c484a7d91f7c95779d2d1af98fd7e36", - "post.snackbar.color.error-icon": "fb053dcadabccbdbe12d091934eb678e468af65c", "post.inline.spacing.gap.outer": "555546c4e32aa1bc864185522fd56be3c0f71914", "post.inline.spacing.gap.inner": "43ab45d7753ed586955faa45badffd72120e4ad1", "post.inline.spacing.padding.block": "cebf7c4d7511b0f8492f29df50b91646d6e53ba8", @@ -9845,80 +9979,7 @@ "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", - "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", - "post-app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", - "post-app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", - "post-app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", - "post.app-store.focus.outline": "92a06daa8a6092ce2812815a72e58e11122736a4", - "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", - "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", - "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", - "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", - "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", - "post.icon-button.focus.outline.offset": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2", - "post.icon-button.large.outer": "9ffdef1ca1ec6310ab8d817f88ffeff6901054d7", - "post.icon-button.large.icon": "f227ab508396638380cc60e0d16ebe56eb02134c", - "post.icon-button.primary.enabled-fg": "61ff031535fb5f65632aa0e24c0db4559804bfed", - "post.icon-button.primary.enabled-bg": "fb9e8925db5731ccbc31c35c7bc9ff5486c72ca9", - "post.icon-button.primary.enabled-stroke": "b2b39117c955a3d67cdabd5c29c287416fbca88d", - "post.icon-button.primary.hover-fg": "6a1cea86d6374262f397761e96d69daedf2ee176", - "post.icon-button.primary.hover-bg": "7ab301e6c8946556b24d44cdffe4d8f42c5339e0", - "post.icon-button.primary.hover-stroke": "04b33d55e1bd17f044d897f6667f920d07fdb6c8", - "post.icon-button.primary.disabled-fg": "dc4126a4fb0c36e58389a893a8ff795d948b3965", - "post.icon-button.primary.disabled-bg": "50636cd75571a7d9094b2f0668e5e8892cf790cc", - "post.icon-button.primary.disabled-stroke": "1e47f7a5138cd9a186539f7d502f7ac94fd04f51", - "post.icon-button.primary-inverted.enabled-fg": "c26fe191eeca57d033bbd3d7e6aa5107f9758820", - "post.icon-button.primary-inverted.enabled-bg": "7fee1706f63efb31550adffaa2656212077190e1", - "post.icon-button.primary-inverted.enabled-stroke": "be856fc55a0e2d41a5807684d53ee54c7a8ed659", - "post.icon-button.primary-inverted.hover-fg": "6dc64c211873d417747707eae57b22e941b01919", - "post.icon-button.primary-inverted.hover-bg": "fc33d8ccd432fdd0de2a6c25d2addbec90f31ac3", - "post.icon-button.primary-inverted.hover-stroke": "66a712f070dedd8f79cd9b57d4719a30e1277a99", - "post.icon-button.primary-inverted.disabled-fg": "38814a0087ca34f4762da6fbb7389034c0bbaa62", - "post.icon-button.primary-inverted.disabled-bg": "7af634b2bb88852aa2507c7f1dba1616c23bdaa9", - "post.icon-button.primary-inverted.disabled-stroke": "3671f0613ba057f7a520ce26233656fee3daad95", - "post.icon-button.secondary.enabled-fg": "ac7b40cfd30f0af897e55b2847c3797524e37a4f", - "post.icon-button.secondary.enabled-bg": "5510fcfb4694fa8710b1a7662a6711791665c358", - "post.icon-button.secondary.enabled-stroke": "1dbdeaf0c467e670d09ff33f38926e7139ee2643", - "post.icon-button.secondary.hover-fg": "59f524b071a2da846bd04fdd2d01bfd213152790", - "post.icon-button.secondary.hover-bg": "c17daa89af44b6bdc908bd92dcdbb20224dbb36f", - "post.icon-button.secondary.hover-stroke": "516f6d8c91ecbef7fd18dc07833279b9e9a9e160", - "post.icon-button.secondary.disabled-fg": "4c9496e4b78cea0e534767ad1244743ec7566fc3", - "post.icon-button.secondary.disabled-bg": "8ea9e4c9afbc451d889d0464c65f35ff3627378a", - "post.icon-button.secondary.disabled-stroke": "2d55933e4d9f79bd7bc16f3745afdb73207dbc75", - "post.icon-button.secondary-inverted.enabled-fg": "06a955994b91d76a48846907d0691800bf6148e4", - "post.icon-button.secondary-inverted.enabled-bg": "fe580ea906b51dcf92ea508ab1ad1ee9821503ab", - "post.icon-button.secondary-inverted.enabled-stroke": "3623348af9cbf09bbb8218093b7d88d2f85e9066", - "post.icon-button.secondary-inverted.hover-fg": "9e839e5ec4cbea6965baf41f384e099b2207e641", - "post.icon-button.secondary-inverted.hover-bg": "b1c2113e185cef20d24653f0909426bdba831f91", - "post.icon-button.secondary-inverted.hover-stroke": "89092094a30cecb49369827486e81dcd712d6b8a", - "post.icon-button.secondary-inverted.disabled-fg": "ecaf3f630308c48a8817e5826d4d06faa1ad4513", - "post.icon-button.secondary-inverted.disabled-bg": "40b09d43959094dcfa1caa7f745979e89e8b9568", - "post.icon-button.secondary-inverted.disabled-stroke": "4715867ab750ddd15d4a88df4659715f306bcd38", - "post.icon-button.tertiary.enabled-fg": "4a88d517b82b8a181848f5e3f1a5b679ba316cbf", - "post.icon-button.tertiary.enabled-bg": "0a1587bab96d28d0ae9ce4891d53d9c16b2fec4c", - "post.icon-button.tertiary.enabled-stroke": "8937cf4f906fbcd2f261e408c250599de0293bec", - "post.icon-button.tertiary.hover-fg": "a89b23ab158ea02b8109e8faee4092c6bc752eb0", - "post.icon-button.tertiary.hover-bg": "64d54e59fdefbfcefd1cfb0a3e5e5cea26c5eee2", - "post.icon-button.tertiary.hover-stroke": "102e93c65745a029b4f363467796b91ae657d424", - "post.icon-button.tertiary.disabled-fg": "3ac787101e21f050048e99f07f4773440a6cb67c", - "post.icon-button.tertiary.disabled-bg": "8dd80e97d2299623305ce78d9c917087a34d21b3", - "post.icon-button.tertiary.disabled-stroke": "bbd4847720ed21ff57ec7cee935a590b666eb4c9", - "post.icon-button.tertiary-inverted.enabled-fg": "3a23c355ff57ae2ec4b9115be6c02940f6198015", - "post.icon-button.tertiary-inverted.enabled-bg": "c14efda7456cd44bab1bcda7f080791665b6e95a", - "post.icon-button.tertiary-inverted.enabled-stroke": "f09c1dfcbb11124e897a26a82e39c3318349bfc6", - "post.icon-button.tertiary-inverted.hover-fg": "e043cb22be2c4e57a0831162c5547f11f24e5bf0", - "post.icon-button.tertiary-inverted.hover-bg": "c3b0bfbc3170a5b710b7444f733714123ffa798a", - "post.icon-button.tertiary-inverted.hover-stroke": "fe2fd0b8c0d9ef1c626f4343b49b3b8e33e4eb3f", - "post.icon-button.tertiary-inverted.disabled-fg": "20787e22827b3da3cb49028cae51ccb50c7388da", - "post.icon-button.tertiary-inverted.disabled-bg": "e7126a822df078674f2aec83b0cc53dc4414e2d3", - "post.icon-button.tertiary-inverted.disabled-stroke": "927bcf84be8d1e418c3db1c9d1fc64f0838b4271", - "post.icon-button.medium.outer": "bc160567508b25fb705a9a971367355385723808", - "post.icon-button.medium.icon": "11fb6d55934e5fc33d20892e98d1ae7d2d1b50a9", - "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", - "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", - "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", - "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", - "post.breadcrumb.focus.padding.outline": "aace328623a36b12e1a43a3ddc2967b639c050b4" + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" } }, { @@ -9969,7 +10030,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Form footer": "disabled" } }, { @@ -9985,7 +10047,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/Form footer": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10010,7 +10073,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/Form footer": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10041,31 +10105,32 @@ "Elements/ListBullet", "Elements/ListNumber", "Elements/Legend", + "Components/App store badge", "Components/Badge", + "Components/Banner", "Components/Breadcrumb", "Components/Button_old", "Components/Button", "Components/Checkbox", "Components/Dropdown", + "Components/Form footer", + "Components/Icon button", + "Components/List", "Components/Notifications", "Components/Popover", "Components/Radio button", "Components/Select", + "Components/Snackbar", "Components/Social media button", "Components/Stepper", "Components/Switch", "Components/Text area", "Components/Text highlighted", "Components/Text input", - "Components/List", - "Components/Banner", "Components/Toast", - "Components/Snackbar", "Components/Inline notification", "Components/Lead", "Components/Validation", - "Components/App store badge", - "Components/Icon button", "FigmaOnly", "Utilities/Spacing", "Utilities/Color",