From 0edec9723b7105c2e3e8ecd8dfb46ff9060c0577 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 28 Aug 2024 10:32:46 +0200 Subject: [PATCH] chore(tokens):removed interactive tokens after rewiring componenttokens through their own set --- .../tokens/tokensstudio-generated/tokens.json | 2402 +++++------------ 1 file changed, 720 insertions(+), 1682 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index ea44975019..e6645f8332 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3188,1427 +3188,267 @@ } } }, - "Components/Interactives": { + "Components/Breadcrumb": { "post": { - "comp": { - "interactive": { - "color": { - "primary": { - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + "breadcrumb": { + "color": { + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.7}" }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.bg}" + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.4}" + } + }, + "inline": { + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.4}" + } + } + }, + "gap": { + "inline": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.fg1}" + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.5}" + } + } + } + } + } + } + }, + "Components/Button": { + "post": { + "button": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "helptext-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg2}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.sem.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + }, + "stroke-inverted": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke-inverted}" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.bg}" + "2": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.block.2}" + } + }, + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.1}" }, - "disabled-fg": { + "switch": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.3}" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + } + }, + "inline": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.height}" + } + } + }, + "button": { + "primary": { + "color": { + "enabled-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + "$value": "{post.sem.color.interactive.button.primary.enabled.fg}" }, - "selected-bg": { + "enabled-bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.bg1}" + "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" }, - "selected-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg1}" + "$value": "{post.sem.color.interactive.button.primary.enabled.stroke}" }, - "helptext-fg": { + "hover-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg2}" + "$value": "{post.sem.color.interactive.button.primary.hover.fg}" }, - "enabled-stroke": { + "hover-bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + "$value": "{post.sem.color.interactive.button.primary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.stroke}" + "$value": "{post.sem.color.interactive.button.primary.hover.stroke}" }, - "disabled-stroke": { + "disabled-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + "$value": "{post.sem.color.interactive.button.primary.disabled.fg}" }, - "selected-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.stroke1}" - } - }, - "signal": { - "error": { + "disabled-bg": { "$type": "color", - "$value": "{post.sem.color.signal.error-dark}" + "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" }, - "success": { + "disabled-stroke": { "$type": "color", - "$value": "{post.sem.color.signal.success-dark}" + "$value": "{post.sem.color.interactive.button.primary.disabled.stroke}" } }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke}" - }, - "stroke-inverted": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke-inverted}" - } - } - }, - "switch": { - "color": { + "color-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg3}" + "$value": "{post.sem.color.interactive.button.primary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.bg2}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg3}" + "$value": "{post.sem.color.interactive.button.primary.enabled.bg-inverted}" }, - "selected-bg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.bg2}" + "$value": "{post.sem.color.interactive.button.primary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg3}" + "$value": "{post.sem.color.interactive.button.primary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.bg2}" + "$value": "{post.sem.color.interactive.button.primary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.button.primary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.fg3}" + "$value": "{post.sem.color.interactive.button.primary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.bg3}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.stroke2}" - } - }, - "spacing": { - "padding": { - "block": { - "text": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.7}" - }, - "group-bottom": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.8}" - } - } - } - } - }, - "spacing": { - "gap": { - "block": { - "1": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.4}" - }, - "2": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.block.2}" - } - }, - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.1}" - }, - "switch": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.3}" - } - } - }, - "padding": { - "block": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" - } - }, - "inline": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" - } - } - } - }, - "textfields": { - "spacing": { - "padding": { - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.inline.1}" - }, - "text-end": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.3}" - }, - "text-assist": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.2}" - } - }, - "block": { - "text1": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.1}" - }, - "text2": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.3}" - }, - "text3": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.4}" - }, - "text-assist": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.5}" - }, - "text4": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.3}" - }, - "textarea-top": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.8}" - }, - "text5": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.2}" - } - } - }, - "gap": { - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.4}" - } - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.textfields.icon}" - } - }, - "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.sem.border-radius.1}" - } - } - }, - "sizing": { - "icon": { - "width-inner": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.width}" - }, - "height-inner": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.height}" - } - } - }, - "clickable": { - "spacing": { - "padding": { - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.inline.2}" - } - }, - "block": { - "text": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.6}" - } - } - } - } - }, - "button": { - "primary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.stroke}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.stroke}" - } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.stroke-inverted}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.fg-inverted}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.bg-inverted}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.stroke-inverted}" - } - } - }, - "secondary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.stroke}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.stroke}" - } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.hover.stroke-inverted}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.fg-inverted}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.bg-inverted}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.secondary.disabled.stroke-inverted}" - } - } - }, - "tertiary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.stroke}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.stroke}" - } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.hover.stroke-inverted}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.fg-inverted}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.bg-inverted}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.tertiary.disabled.stroke-inverted}" - } - } - }, - "segmented": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.hover.stroke}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.selected.fg}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.selected.bg}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.segmented.selected.stroke}" - } - }, - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.11}" - } - } - } - }, - "small": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "gap": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.9}" - }, - "padding": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.14}" - } - } - }, - "large": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.2}" - } - }, - "spacing": { - "gap": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.8}" - }, - "padding": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.13}" - } - } - }, - "appstore": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.2}" - }, - "width-google": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.appstore.width.google}" - }, - "width-apple": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.appstore.width.apple}" - } - } - }, - "socialmedia": { - "sizing": { - "large": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.1}" - }, - "small": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.height.3}" - }, - "icon-large": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.icon.1}" - }, - "icon-small": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.button.icon.2}" - } - } - } - }, - "breadcrumb": { - "spacing": { - "padding": { - "block": { - "text": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.7}" - }, - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.4}" - } - }, - "inline": { - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.4}" - } - } - }, - "gap": { - "inline": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.4}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.5}" - } - } - } - } - }, - "elevation": { - "selected": { - "$type": "boxShadow", - "$value": "{post.sem.elevation.200}" - } - }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.sem.border-radius.round}" - } - }, - "stepper": { - "color": { - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.bg2}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg3}" - }, - "completed-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.bg2}" - }, - "completed-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg3}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.bg2}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.fg3}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.bg4}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.fg3}" - }, - "connector": { - "$type": "color", - "$value": "{post.comp.interactive.stepper.color.enabled-bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.stroke3}" - }, - "completed-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.stroke3}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.stroke3}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.stroke3}" - } - }, - "spacing": { - "padding": { - "connector": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.9}" - } - }, - "gap": { - "text-start": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.1}" - } - } - }, - "sizing": { - "indicator": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.stepper.indicator}" - } - } - }, - "footer": { - "socialmedia": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.footer.socialmedia}" - } - }, - "padding": { - "gap": { - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.4}" - }, - "text-end": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.5}" - } - } - } - } - } - } - } - } - }, - "Components/Notifications": { - "post": { - "notification": { - "badge": { - "color": { - "bg": { - "$type": "color", - "$value": "{post.sem.color.notification.badge.bg}" - }, - "fg": { - "$type": "color", - "$value": "{post.sem.color.notification.badge.fg}" - }, - "stroke": { - "$type": "color", - "$value": "{post.sem.color.notification.badge.stroke}" - } - }, - "sizing": { - "height": { - "l": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.1}" - }, - "m": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.2}" - }, - "s": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.3}" - } - } - }, - "spacing": { - "padding": { - "inline": { - "l": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.7}" - }, - "m": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.8}" - } - } - } - } - }, - "popover": { - "color": { - "bg": { - "$type": "color", - "$value": "{post.sem.color.surface.accent4.bg}" - }, - "fg": { - "$type": "color", - "$value": "{post.sem.color.surface.accent4.fg}" - }, - "fg-icon": { - "$type": "color", - "$value": "{post.sem.color.surface.accent1.fg}" - }, - "bg-icon": { - "$type": "color", - "$value": "{post.sem.color.surface.accent1.bg}" - } - }, - "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.sem.border-radius.1}" - } - }, - "spacing": { - "padding": { - "block": { - "link": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.9}" - }, - "surface": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.5}" - } - }, - "inline": { - "surface-start": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.5}" - }, - "surface-end": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.6}" - } - } - }, - "gap": { - "inline": { - "surface": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.4}" - } - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.1}" - } - } - }, - "infobox": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.4}" - } - }, - "spacing": { - "gap": { - "inline": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.4}" - } - } - } - }, - "clickable": { - "spacing": { - "padding": { - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.2}" - } - } - } - }, - "interactive": { - "spacing": { - "gap": { - "inline": { - "icon-end": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.4}" - }, - "error": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.10}" - } - } - } - } - }, - "banner": { - "spacing": { - "padding": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.10}" - }, - "action": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.10}" - } - }, - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.6}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.block.1}" - }, - "action": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.1}" - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.2}" - } - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.sem.elevation.500}" - } - }, - "inline": { - "spacing": { - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.7}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.1}" - } - }, - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.12}" - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.2}" - } - } - }, - "toast": { - "spacing": { - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.2}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.2}" - } - }, - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.11}" - }, - "block": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.3}" - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.3}" - } - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.sem.elevation.300}" - } - }, - "snackbar": { - "spacing": { - "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.3}" - } - }, - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.11}" - }, - "block": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.12}" - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.sem.sizing.notification.icon.3}" - } - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.sem.elevation.300}" - } - }, - "color": { - "info-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.info.bg}" - }, - "info-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.info.fg}" - }, - "info-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.info.stroke}" - }, - "info-icon": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.info.icon}" - }, - "success-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.success.bg}" - }, - "success-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.success.fg}" - }, - "success-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.success.stroke}" - }, - "success-icon": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.success.icon}" - }, - "warning-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.warning.bg}" - }, - "warning-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.warning.fg}" - }, - "warning-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.warning.stroke}" - }, - "warning-icon": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.warning.icon}" - }, - "error-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.error.bg}" - }, - "error-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.error.fg}" - }, - "error-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.error.stroke}" - }, - "error-icon": { - "$type": "color", - "$value": "{post.sem.color.interactive.notification.error.icon}" - } - }, - "popup": { - "elevation": { - "$type": "boxShadow", - "$value": "{post.sem.elevation.300}" - } - } - } - } - }, - "Components/Surface": { - "post": { - "surface": { - "legend": { - "spacing": { - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.13}" - } - } - } - } - } - } - }, - "Components/Breadcrumb": { - "post": { - "breadcrumb": { - "color": { - "primary": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg1}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.fg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg1}" - } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke}" - } - } - }, - "spacing": { - "padding": { - "block": { - "text": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.7}" - }, - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.4}" - } - }, - "inline": { - "icon": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.4}" - } - } - }, - "gap": { - "inline": { - "outer": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.4}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.5}" - } - } - } - } - } - } - }, - "Components/Button": { - "post": { - "button": { - "color": { - "primary": { - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.fg1}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.bg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg1}" - }, - "helptext-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg2}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.stroke}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.stroke}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.stroke1}" - } - }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.sem.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.sem.color.signal.success-dark}" - } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke}" - }, - "stroke-inverted": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke-inverted}" - } - } - }, - "spacing": { - "gap": { - "block": { - "1": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.4}" - }, - "2": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.block.2}" - } - }, - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.1}" - }, - "switch": { - "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.3}" - } - } - }, - "padding": { - "block": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" - } - }, - "inline": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" - } - } - } - }, - "sizing": { - "icon": { - "width-inner": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.width}" - }, - "height-inner": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.height}" - } - } - }, - "button": { - "primary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.stroke}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.stroke}" - } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.hover.stroke-inverted}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.fg-inverted}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.button.primary.disabled.bg-inverted}" + "$value": "{post.sem.color.interactive.button.primary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", @@ -4900,142 +3740,500 @@ } }, "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.sem.border-radius.round}" - } + "round": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.round}" + } + } + } + } + }, + "Components/Checkbox": { + "post": { + "checkbox": { + "color": { + "primary": { + "enabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.bg1}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.bg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.fg1}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.bg}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.bg1}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.fg1}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.hover.stroke}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + } + }, + "signal": { + "error": { + "$type": "color", + "$value": "{post.sem.color.signal.error-dark}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.focus.stroke}" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.4}" + } + }, + "inline": { + "error": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.6}" + }, + "group-bottom": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.8}" + }, + "text-error": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + } + }, + "inline": { + "icon-inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.1}" + }, + "text-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.inline.2}" + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.sem.sizing.interactive.icon.height}" + } + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.core.dimension.2}" } } } }, - "Components/Checkbox": { + "Components/Notifications": { "post": { - "checkbox": { - "color": { - "primary": { - "enabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { + "notification": { + "badge": { + "color": { + "bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.fg1}" + "$value": "{post.sem.color.notification.badge.bg}" }, - "selected-bg": { + "fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.bg1}" + "$value": "{post.sem.color.notification.badge.fg}" }, - "selected-fg": { + "stroke": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.fg1}" - }, - "enabled-stroke": { + "$value": "{post.sem.color.notification.badge.stroke}" + } + }, + "sizing": { + "height": { + "l": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.1}" + }, + "m": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.2}" + }, + "s": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.3}" + } + } + }, + "spacing": { + "padding": { + "inline": { + "l": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.7}" + }, + "m": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.8}" + } + } + } + } + }, + "popover": { + "color": { + "bg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.enabled.stroke}" + "$value": "{post.sem.color.surface.accent4.bg}" }, - "hover-stroke": { + "fg": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.hover.stroke}" + "$value": "{post.sem.color.surface.accent4.fg}" }, - "selected-stroke": { + "fg-icon": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.selected.stroke1}" + "$value": "{post.sem.color.surface.accent1.fg}" }, - "disabled-stroke": { + "bg-icon": { "$type": "color", - "$value": "{post.sem.color.interactive.primary.disabled.stroke}" + "$value": "{post.sem.color.surface.accent1.bg}" } }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.sem.color.signal.error-dark}" + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.sem.border-radius.1}" } }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.sem.color.interactive.focus.stroke}" + "spacing": { + "padding": { + "block": { + "link": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.9}" + }, + "surface": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + } + }, + "inline": { + "surface-start": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.5}" + }, + "surface-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.6}" + } + } + }, + "gap": { + "inline": { + "surface": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + } + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.1}" } } }, - "spacing": { - "gap": { - "block": { - "1": { + "infobox": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.4}" + } + }, + "spacing": { + "gap": { + "inline": { "$type": "spacing", "$value": "{post.sem.spacing.gap.4}" } + } + } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.2}" + } + } + } + }, + "interactive": { + "spacing": { + "gap": { + "inline": { + "icon-end": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.4}" + }, + "error": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.10}" + } + } + } + } + }, + "banner": { + "spacing": { + "padding": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.10}" + }, + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.10}" + } }, - "inline": { - "error": { + "gap": { + "outer": { "$type": "spacing", - "$value": "{post.sem.spacing.gap.inline.10}" + "$value": "{post.sem.spacing.gap.inline.6}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.block.1}" + }, + "action": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.1}" } } }, - "padding": { - "block": { - "icon-inner": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.2}" + } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.500}" + } + }, + "inline": { + "spacing": { + "gap": { + "outer": { "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" + "$value": "{post.sem.spacing.gap.inline.7}" }, - "text": { + "inner": { "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.6}" - }, - "group-bottom": { + "$value": "{post.sem.spacing.gap.1}" + } + }, + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.12}" + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.2}" + } + } + }, + "toast": { + "spacing": { + "gap": { + "outer": { "$type": "spacing", - "$value": "{post.sem.spacing.padding.block.8}" + "$value": "{post.sem.spacing.gap.inline.2}" }, - "text-error": { + "inner": { "$type": "spacing", - "$value": "{post.core.dimension.1}" + "$value": "{post.sem.spacing.gap.2}" } }, - "inline": { - "icon-inner": { + "padding": { + "inline": { "$type": "spacing", - "$value": "{post.sem.spacing.padding.1}" + "$value": "{post.sem.spacing.padding.11}" }, - "text-start": { + "block": { "$type": "spacing", - "$value": "{post.sem.spacing.padding.inline.2}" + "$value": "{post.sem.spacing.padding.3}" } } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.sem.sizing.notification.icon.3}" + } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" } }, - "sizing": { - "icon": { - "width-inner": { - "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.width}" + "snackbar": { + "spacing": { + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.sem.spacing.gap.inline.3}" + } }, - "height-inner": { + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.11}" + }, + "block": { + "$type": "spacing", + "$value": "{post.sem.spacing.padding.block.12}" + } + } + }, + "sizing": { + "icon": { "$type": "sizing", - "$value": "{post.sem.sizing.interactive.icon.height}" + "$value": "{post.sem.sizing.notification.icon.3}" } + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" } }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.core.dimension.2}" + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.bg}" + }, + "info-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.fg}" + }, + "info-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.stroke}" + }, + "info-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.info.icon}" + }, + "success-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.bg}" + }, + "success-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.fg}" + }, + "success-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.stroke}" + }, + "success-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.success.icon}" + }, + "warning-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.bg}" + }, + "warning-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.fg}" + }, + "warning-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.stroke}" + }, + "warning-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.warning.icon}" + }, + "error-bg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.bg}" + }, + "error-fg": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.fg}" + }, + "error-stroke": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.stroke}" + }, + "error-icon": { + "$type": "color", + "$value": "{post.sem.color.interactive.notification.error.icon}" + } + }, + "popup": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.sem.elevation.300}" + } } } } @@ -7087,11 +6285,9 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Components/Interactives": "enabled", "Device/Tablet": "source", "Device/Mobile": "source", "Components/Notifications": "enabled", - "Components/Surface": "enabled", "Utility": "enabled", "Components/Breadcrumb": "enabled", "Components/Button": "enabled", @@ -7341,6 +6537,65 @@ "post.popover.spacing.padding.inline.surface-start": "7be172b774d057a329081922469f560024108915", "post.popover.spacing.padding.inline.surface-end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", "post.popover.spacing.gap.inline.surface": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", + "post.notification.badge.color.bg": "db9f58e913aa467b7cc75ba3e43a79d1128cbca7", + "post.notification.badge.color.fg": "3e28e13f37861ffb78ab72262949f635ca552bcb", + "post.notification.badge.color.stroke": "36cc36926396fddef97c8c29f78f4f028612b51e", + "post.notification.badge.sizing.height.l": "f9de430be974e4c462e2fe3a267db2e1ba693257", + "post.notification.badge.sizing.height.m": "fd14f2103edce928102bd44bcbf577d435caa57a", + "post.notification.badge.sizing.height.s": "951fdeb60c9d427a8e5f9f0d565b12d9221cbef1", + "post.notification.badge.spacing.padding.inline.l": "01e3248f88a6503ffb4134eb48562da72b2013fb", + "post.notification.badge.spacing.padding.inline.m": "34cd2b39186fcce9b6ba1b67f400d3efca72d3e7", + "post.notification.popover.color.bg": "524df0232a10f5ce44836da4ea2ebe3221571360", + "post.notification.popover.color.fg": "ba3ef599bed01c1c1a29b01d3d83c6030080d0b8", + "post.notification.popover.color.fg-icon": "fd60402ef97ef218803f35ad805bfb2949e4c633", + "post.notification.popover.color.bg-icon": "fcb7aa2d4a1086c9ca5d304c06b3afb4c3257f31", + "post.notification.popover.border-radius.surface": "262929d42ce9323cb536bdd6daaa5ec693b118a5", + "post.notification.popover.spacing.padding.block.link": "5d450a167ea924dcfa5794fd0ae8512f02b3f058", + "post.notification.popover.spacing.padding.block.surface": "f43afd108bc96e27add128ae303646e72585e0f0", + "post.notification.popover.spacing.padding.inline.surface-start": "3a7e4596153783f19b3d4ee60b44fd5e078e56aa", + "post.notification.popover.spacing.padding.inline.surface-end": "d3888b00ae63b718259cf58c3722fd73ff3daa5e", + "post.notification.popover.spacing.gap.inline.surface": "ca1cb4aa2452f1351c257cfe94f3481a1852f617", + "post.notification.popover.sizing.icon": "3168ee5f6f9105c7e5d04ccb7ffaa3faf74099aa", + "post.notification.infobox.sizing.icon": "2801cdc75a17a02ed98ef2a30b0ac9601697797f", + "post.notification.infobox.spacing.gap.inline": "a8b6a00a786305dddac4df696e86394dc4bfe5f4", + "post.notification.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", + "post.notification.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", + "post.notification.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", + "post.notification.banner.spacing.padding.outer": "88d7e7df32c40c4d68f28a03c7d83afd3cd38be3", + "post.notification.banner.spacing.padding.action": "830ab53b7a6224e44aba7950979220674eefd074", + "post.notification.banner.spacing.gap.outer": "adfbb8b3b94c6c6f022dba107c85b206d44860e1", + "post.notification.banner.spacing.gap.inner": "071cede1c0ecac4a89564802187be05fc5a426c2", + "post.notification.banner.spacing.gap.action": "f5f0821d184d60de25dd267e83924031dd8501ff", + "post.notification.banner.sizing.icon": "6b3a6b708582e4107f584d9fe21811a92d3c2de5", + "post.notification.inline.spacing.gap.outer": "956a173db9791c99036bbbfc674cfad3c477276e", + "post.notification.inline.spacing.gap.inner": "986fa32627446ecd9397d889566f2397dbcaafaf", + "post.notification.inline.spacing.padding.block": "e54dcd1ca6ff8f0d94ca390916cd0bd3b9400ba7", + "post.notification.inline.sizing.icon": "f615127db66eb820d0c012b878fe82931f84e4b2", + "post.notification.toast.spacing.gap.outer": "3b3d51491255d6c0e45c3ad18279755b28be4abe", + "post.notification.toast.spacing.gap.inner": "2f651a514614c6f54d30022ff8d62a187c74ff4b", + "post.notification.toast.spacing.padding.inline": "69eb5357613a72a5615fa0beac35c3616f6c0e1f", + "post.notification.toast.spacing.padding.block": "deb65c6fae01128cc715799ac1a17d30e9501253", + "post.notification.toast.sizing.icon": "a602faa747918ffc9474d811eea3bb91b2db2005", + "post.notification.snackbar.spacing.gap.outer": "813da2eea45cae32d612c8c079f7c02b58cd0246", + "post.notification.snackbar.spacing.padding.inline": "e3ac71524dd09313df666cb3ff1c37b6f28f2777", + "post.notification.snackbar.spacing.padding.block": "365eb0c488037d3d59bcd555acc51f4238457133", + "post.notification.snackbar.sizing.icon": "caf062dd41f6211f7bdad5b5ff70708944674997", + "post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08", + "post.notification.color.info-fg": "960070db1b1acfd602244a22812b2b5e13aeab75", + "post.notification.color.info-stroke": "b566109ca058a5fcfe880153d6cdf4aed9357d7f", + "post.notification.color.info-icon": "3e029a222012f7c58224a05a99505ef4e37cda3b", + "post.notification.color.success-bg": "1f7dbb05ce30307503cb58439f4aa018764e2add", + "post.notification.color.success-fg": "20819a2f21c40674201678ac211d04302ac593e0", + "post.notification.color.success-stroke": "3dcd7b0cc3d3c7b286cd4a44a8cc7bba926e5e5e", + "post.notification.color.success-icon": "6418e0a8d309c1d585f075ccf7bab39428e321e8", + "post.notification.color.warning-bg": "7a07a1a5fcee218b771bfa3d26d84954481866e2", + "post.notification.color.warning-fg": "a343b35dde32227ffba2bf31def40f5acf0816d9", + "post.notification.color.warning-stroke": "3a9d01de383121778fae9c04626ccb3a2fe78f50", + "post.notification.color.warning-icon": "a630bacbb34313d0849b408d7e2c7f4e7deed4db", + "post.notification.color.error-bg": "899730364dfce27bb18aca0be2f2102fef9fb852", + "post.notification.color.error-fg": "c2811af63e8358e87b441bc6fc243138b2edd4cd", + "post.notification.color.error-stroke": "fef00cabbd22faa3cf3461f6252956d8285db09c", + "post.notification.color.error-icon": "7cd01907ee9074fde59dca90cdc81b9328e09752", "post.checkbox.color.primary.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780", "post.checkbox.color.primary.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72", "post.checkbox.color.primary.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0", @@ -7478,222 +6733,7 @@ "post.breadcrumb.spacing.padding.block.icon": "448e288b353b6b9e0fb1f8afc789b347072374df", "post.breadcrumb.spacing.padding.inline.icon": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91", "post.breadcrumb.spacing.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052", - "post.breadcrumb.spacing.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd", - "post.surface.legend.spacing.padding.block": "7f9308d78bd0f67741ebb5b1b29a08b82c4b1022", - "post.notification.badge.color.bg": "db9f58e913aa467b7cc75ba3e43a79d1128cbca7", - "post.notification.badge.color.fg": "3e28e13f37861ffb78ab72262949f635ca552bcb", - "post.notification.badge.color.stroke": "36cc36926396fddef97c8c29f78f4f028612b51e", - "post.notification.badge.sizing.height.l": "f9de430be974e4c462e2fe3a267db2e1ba693257", - "post.notification.badge.sizing.height.m": "fd14f2103edce928102bd44bcbf577d435caa57a", - "post.notification.badge.sizing.height.s": "951fdeb60c9d427a8e5f9f0d565b12d9221cbef1", - "post.notification.badge.spacing.padding.inline.l": "01e3248f88a6503ffb4134eb48562da72b2013fb", - "post.notification.badge.spacing.padding.inline.m": "34cd2b39186fcce9b6ba1b67f400d3efca72d3e7", - "post.notification.popover.color.bg": "524df0232a10f5ce44836da4ea2ebe3221571360", - "post.notification.popover.color.fg": "ba3ef599bed01c1c1a29b01d3d83c6030080d0b8", - "post.notification.popover.color.fg-icon": "fd60402ef97ef218803f35ad805bfb2949e4c633", - "post.notification.popover.color.bg-icon": "fcb7aa2d4a1086c9ca5d304c06b3afb4c3257f31", - "post.notification.popover.border-radius.surface": "262929d42ce9323cb536bdd6daaa5ec693b118a5", - "post.notification.popover.spacing.padding.block.link": "5d450a167ea924dcfa5794fd0ae8512f02b3f058", - "post.notification.popover.spacing.padding.block.surface": "f43afd108bc96e27add128ae303646e72585e0f0", - "post.notification.popover.spacing.padding.inline.surface-start": "3a7e4596153783f19b3d4ee60b44fd5e078e56aa", - "post.notification.popover.spacing.padding.inline.surface-end": "d3888b00ae63b718259cf58c3722fd73ff3daa5e", - "post.notification.popover.spacing.gap.inline.surface": "ca1cb4aa2452f1351c257cfe94f3481a1852f617", - "post.notification.popover.sizing.icon": "3168ee5f6f9105c7e5d04ccb7ffaa3faf74099aa", - "post.notification.infobox.sizing.icon": "2801cdc75a17a02ed98ef2a30b0ac9601697797f", - "post.notification.infobox.spacing.gap.inline": "a8b6a00a786305dddac4df696e86394dc4bfe5f4", - "post.notification.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", - "post.notification.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", - "post.notification.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", - "post.notification.banner.spacing.padding.outer": "88d7e7df32c40c4d68f28a03c7d83afd3cd38be3", - "post.notification.banner.spacing.padding.action": "830ab53b7a6224e44aba7950979220674eefd074", - "post.notification.banner.spacing.gap.outer": "adfbb8b3b94c6c6f022dba107c85b206d44860e1", - "post.notification.banner.spacing.gap.inner": "071cede1c0ecac4a89564802187be05fc5a426c2", - "post.notification.banner.spacing.gap.action": "f5f0821d184d60de25dd267e83924031dd8501ff", - "post.notification.banner.sizing.icon": "6b3a6b708582e4107f584d9fe21811a92d3c2de5", - "post.notification.inline.spacing.gap.outer": "956a173db9791c99036bbbfc674cfad3c477276e", - "post.notification.inline.spacing.gap.inner": "986fa32627446ecd9397d889566f2397dbcaafaf", - "post.notification.inline.spacing.padding.block": "e54dcd1ca6ff8f0d94ca390916cd0bd3b9400ba7", - "post.notification.inline.sizing.icon": "f615127db66eb820d0c012b878fe82931f84e4b2", - "post.notification.toast.spacing.gap.outer": "3b3d51491255d6c0e45c3ad18279755b28be4abe", - "post.notification.toast.spacing.gap.inner": "2f651a514614c6f54d30022ff8d62a187c74ff4b", - "post.notification.toast.spacing.padding.inline": "69eb5357613a72a5615fa0beac35c3616f6c0e1f", - "post.notification.toast.spacing.padding.block": "deb65c6fae01128cc715799ac1a17d30e9501253", - "post.notification.toast.sizing.icon": "a602faa747918ffc9474d811eea3bb91b2db2005", - "post.notification.snackbar.spacing.gap.outer": "813da2eea45cae32d612c8c079f7c02b58cd0246", - "post.notification.snackbar.spacing.padding.inline": "e3ac71524dd09313df666cb3ff1c37b6f28f2777", - "post.notification.snackbar.spacing.padding.block": "365eb0c488037d3d59bcd555acc51f4238457133", - "post.notification.snackbar.sizing.icon": "caf062dd41f6211f7bdad5b5ff70708944674997", - "post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08", - "post.notification.color.info-fg": "960070db1b1acfd602244a22812b2b5e13aeab75", - "post.notification.color.info-stroke": "b566109ca058a5fcfe880153d6cdf4aed9357d7f", - "post.notification.color.info-icon": "3e029a222012f7c58224a05a99505ef4e37cda3b", - "post.notification.color.success-bg": "1f7dbb05ce30307503cb58439f4aa018764e2add", - "post.notification.color.success-fg": "20819a2f21c40674201678ac211d04302ac593e0", - "post.notification.color.success-stroke": "3dcd7b0cc3d3c7b286cd4a44a8cc7bba926e5e5e", - "post.notification.color.success-icon": "6418e0a8d309c1d585f075ccf7bab39428e321e8", - "post.notification.color.warning-bg": "7a07a1a5fcee218b771bfa3d26d84954481866e2", - "post.notification.color.warning-fg": "a343b35dde32227ffba2bf31def40f5acf0816d9", - "post.notification.color.warning-stroke": "3a9d01de383121778fae9c04626ccb3a2fe78f50", - "post.notification.color.warning-icon": "a630bacbb34313d0849b408d7e2c7f4e7deed4db", - "post.notification.color.error-bg": "899730364dfce27bb18aca0be2f2102fef9fb852", - "post.notification.color.error-fg": "c2811af63e8358e87b441bc6fc243138b2edd4cd", - "post.notification.color.error-stroke": "fef00cabbd22faa3cf3461f6252956d8285db09c", - "post.notification.color.error-icon": "7cd01907ee9074fde59dca90cdc81b9328e09752", - "post.comp.interactive.color.primary.enabled-bg": "6348e5f81ce3527f3491e1ad528885690a95e597", - "post.comp.interactive.color.primary.enabled-fg": "16f72e57f544c559c40849a1ef684398eba2ad03", - "post.comp.interactive.color.primary.hover-bg": "80d491897bd13abf6057732ff0ad54b8277cde95", - "post.comp.interactive.color.primary.hover-fg": "3e0b9b0a4b46d45ed37d6feea67027ef9ddf4a4e", - "post.comp.interactive.color.primary.disabled-bg": "3539f5210b13a114c6b9c8dae820626e6c64b913", - "post.comp.interactive.color.primary.disabled-fg": "e58d337ef4ac5aa8f7b0ded44ae315019d706060", - "post.comp.interactive.color.primary.selected-bg": "d916f2328a05ef8a93d86ad07a6440488cff9812", - "post.comp.interactive.color.primary.selected-fg": "681301c55a8eeaa656755418e3312dccddcfc2f2", - "post.comp.interactive.color.primary.helptext-fg": "15052099d70c5827d1d8250a530c73ea5043b133", - "post.comp.interactive.color.primary.enabled-stroke": "e37c51acbd81e12e2c2572382dbfa39952c8b984", - "post.comp.interactive.color.primary.hover-stroke": "78c129f79a6954a49cf302a18176e49d40cc676a", - "post.comp.interactive.color.primary.disabled-stroke": "74bb6137c9df703292a1385af7b9b70965bcfdac", - "post.comp.interactive.color.primary.selected-stroke": "c6b02133496740b60f3f0587450b9a43ee3d45b3", - "post.comp.interactive.color.signal.error": "f36848eeb1b31fd5d48bd234048f95e599f236cb", - "post.comp.interactive.color.signal.success": "5c04dce4a9941ad7dcf42ad328d26fa8d51e0e79", - "post.comp.interactive.color.focus.stroke": "aaa54903f8f37f76744dc29c760422873802946f", - "post.comp.interactive.color.focus.stroke-inverted": "e39a6bab18c81dc44249670cdf866ac44d174515", - "post.comp.interactive.switch.color.enabled-fg": "0f37fdd7de809f41e74aeb3717c5f8660911b317", - "post.comp.interactive.switch.color.enabled-bg": "12c4c6726370e22b6ba53bd29ded2f74178c0dfb", - "post.comp.interactive.switch.color.selected-fg": "50952419e4394a0a91ed91cd56429e39d2ca95d1", - "post.comp.interactive.switch.color.selected-bg": "08f229fb89aecb61a918f577dbb9074ab803c42e", - "post.comp.interactive.switch.color.hover-fg": "607ebc1771b595dfe9d63064e3d027049325056c", - "post.comp.interactive.switch.color.hover-bg": "f565be23473778fad748487bc346a68c438330ae", - "post.comp.interactive.switch.color.disabled-fg": "f650bfcaf12fbea03b154aee985af29231c31fbd", - "post.comp.interactive.switch.color.disabled-bg": "4e9b0cf22eedce5165cebaf5fd2c41875c79da0f", - "post.comp.interactive.switch.color.disabled-stroke": "c7817f1ddf01c69fd760148b2dfd7b33aa53f18c", - "post.comp.interactive.switch.spacing.padding.block.text": "66f0c2d857fb97e8fcfe84fcdb21e1581294a190", - "post.comp.interactive.switch.spacing.padding.block.group-bottom": "904b0b290e555173d4c5bccc6c0d3fe85755a25e", - "post.comp.interactive.spacing.gap.block.1": "7d24880779fb0e77c805ef50038aaac83dc00307", - "post.comp.interactive.spacing.gap.block.2": "9f38dc456d9f4301e735c176e6e085fa63f06339", - "post.comp.interactive.spacing.gap.inline.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", - "post.comp.interactive.spacing.gap.inline.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac", - "post.comp.interactive.spacing.padding.block.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", - "post.comp.interactive.spacing.padding.inline.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", - "post.comp.interactive.textfields.spacing.padding.inline.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", - "post.comp.interactive.textfields.spacing.padding.inline.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", - "post.comp.interactive.textfields.spacing.padding.inline.text-assist": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c", - "post.comp.interactive.textfields.spacing.padding.block.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", - "post.comp.interactive.textfields.spacing.padding.block.text2": "937c337f806b527684bea617ae154d05655b4109", - "post.comp.interactive.textfields.spacing.padding.block.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", - "post.comp.interactive.textfields.spacing.padding.block.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", - "post.comp.interactive.textfields.spacing.padding.block.text4": "2ed72d725ac6a52185960e8df4b13056f21e3b7a", - "post.comp.interactive.textfields.spacing.padding.block.textarea-top": "5944fc1e5ab447ff9109438ea57f4317be99d36c", - "post.comp.interactive.textfields.spacing.padding.block.text5": "14eaf640dc8b31393002471cd406a5274a35ab54", - "post.comp.interactive.textfields.spacing.gap.inline.1": "71499e7e8fd4924d00f829da229caeb9986bc997", - "post.comp.interactive.textfields.spacing.gap.inline.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", - "post.comp.interactive.textfields.sizing.icon": "cb66f00b9f5f5e8ff8b1dbbb52847d926d80ba41", - "post.comp.interactive.textfields.border-radius.surface": "e10ba5eae6a38fdabaddeb5caf91426c4bbef13c", - "post.comp.interactive.sizing.icon.width-inner": "764b287f61f739fc5a9b0bc48ee83ca6f0ca4917", - "post.comp.interactive.sizing.icon.height-inner": "140df926724ea57f9b4e15a2ab4c5885470381b3", - "post.comp.interactive.clickable.spacing.padding.inline.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", - "post.comp.interactive.clickable.spacing.padding.block.text": "9e34515456023d4197c2f078973ca14e35f77cc8", - "post.comp.interactive.button.primary.color.enabled-fg": "b733163003adf6c505d8a061172bee43256fb093", - "post.comp.interactive.button.primary.color.enabled-bg": "7d3424220845b43b29fdcf000b4b402f92a4ce50", - "post.comp.interactive.button.primary.color.enabled-stroke": "4af4385e85b749a830886a4ef04bf60009cecf52", - "post.comp.interactive.button.primary.color.hover-fg": "0aa0defc3bc8ad92007cce32984f5e1c41b01e19", - "post.comp.interactive.button.primary.color.hover-bg": "8434d27413c7082a4416ff35fb8a3b4e5af70163", - "post.comp.interactive.button.primary.color.hover-stroke": "f66e931118ac020062080601f217e28335c935e4", - "post.comp.interactive.button.primary.color.disabled-fg": "bd657d451d040b3da0c08215e2ca47f549f3a35f", - "post.comp.interactive.button.primary.color.disabled-bg": "2509e5a29356a0dc7951efd040d41f2fd6d493c6", - "post.comp.interactive.button.primary.color.disabled-stroke": "ebe3af1122d0d0a773eb3c67483cdbab046ca51f", - "post.comp.interactive.button.primary.color-inverted.enabled-fg": "2eff605593c6acb0625cc27efc7f15a08a877e1f", - "post.comp.interactive.button.primary.color-inverted.enabled-bg": "9a42fa3f55733f9a833d3e4dfd7d4156891fcc6e", - "post.comp.interactive.button.primary.color-inverted.enabled-stroke": "899c1d9761399fbbc6584a35ebe77b7dcf7846ff", - "post.comp.interactive.button.primary.color-inverted.hover-fg": "f3cc2ecf1d2dc74efa6deda50ed22567876b648f", - "post.comp.interactive.button.primary.color-inverted.hover-bg": "77f29dc0b8e35e4bbd26e797cc13e434cc930d67", - "post.comp.interactive.button.primary.color-inverted.hover-stroke": "bcfbbf316da2cb7dcd4a3db05102661dd0e6bc06", - "post.comp.interactive.button.primary.color-inverted.disabled-fg": "9be6624633df7bd87f0c7c297f8debb2273ce59e", - "post.comp.interactive.button.primary.color-inverted.disabled-bg": "76d763a85e157cfdacc96feedf9e693a38ee6903", - "post.comp.interactive.button.primary.color-inverted.disabled-stroke": "171cc2f0affeceef3849acf3b03f5814602a403b", - "post.comp.interactive.button.secondary.color.enabled-fg": "d0c92f031e7e97f052dc38fd85e79f06425ea58d", - "post.comp.interactive.button.secondary.color.enabled-bg": "1d75e60b586107539d7064e4001fc80e0a0259c3", - "post.comp.interactive.button.secondary.color.enabled-stroke": "ba751a73493fe41d967ffefb15eee497219bfbba", - "post.comp.interactive.button.secondary.color.hover-fg": "32115e504c7843b5a48c151f8d570eca352b174b", - "post.comp.interactive.button.secondary.color.hover-bg": "11a57bbbce9e74b7bf94fb319ba1192b8b020246", - "post.comp.interactive.button.secondary.color.hover-stroke": "7d4fb036e973c42b9711ac48f3dc547b3f2380de", - "post.comp.interactive.button.secondary.color.disabled-fg": "e49ee340ea0e07c6dec2685dfd9ebeb78ae8c5a7", - "post.comp.interactive.button.secondary.color.disabled-bg": "37f807c49ceaf3354fcb9f25a93ae2623dd91391", - "post.comp.interactive.button.secondary.color.disabled-stroke": "da4af4fd50f129c89d3624075e7c5d48f18731f4", - "post.comp.interactive.button.secondary.color-inverted.enabled-fg": "33890b3438e1fd84b5f23abe4ee7d2130b154683", - "post.comp.interactive.button.secondary.color-inverted.enabled-bg": "1e6f91c93dbdfcb18dc04160c3bc742ced8a650f", - "post.comp.interactive.button.secondary.color-inverted.enabled-stroke": "11316f67ab0df892d1e28d8ba0a0ee84408927ae", - "post.comp.interactive.button.secondary.color-inverted.hover-fg": "ec856ff2df8175e3acd8f98b8ad2fb07c2ee46e4", - "post.comp.interactive.button.secondary.color-inverted.hover-bg": "8ddbaa63a472cb67a293327a7396fad438f7db8d", - "post.comp.interactive.button.secondary.color-inverted.hover-stroke": "e5309e17571727b6fb46a61bc06cf4f394f944b6", - "post.comp.interactive.button.secondary.color-inverted.disabled-fg": "b7c30ad507f688d99e60a69f480abbc6f385b71d", - "post.comp.interactive.button.secondary.color-inverted.disabled-bg": "9cb4207f69874daaa09716ed41cdab94696c1ea0", - "post.comp.interactive.button.secondary.color-inverted.disabled-stroke": "f6fe4859a68841c3bf13edda015a1cd810b10a60", - "post.comp.interactive.button.tertiary.color.enabled-fg": "60b919fe8687759620e9728dbc67a6bc86bed380", - "post.comp.interactive.button.tertiary.color.enabled-bg": "1890470e863b0fedde22d2e90ec498fc5cdade28", - "post.comp.interactive.button.tertiary.color.enabled-stroke": "d3ff1a094ad0838be0c3e66076a95efcf9d59a5e", - "post.comp.interactive.button.tertiary.color.hover-fg": "14f2c122d8a8e73f53a2bc068a511669f49f79d4", - "post.comp.interactive.button.tertiary.color.hover-bg": "f3b348791811337d1995519a6a5bec45aa382404", - "post.comp.interactive.button.tertiary.color.hover-stroke": "759ebe52b5001a8d0b185926d7d2805c28efaa37", - "post.comp.interactive.button.tertiary.color.disabled-fg": "256c4bd24f801050303902c5579a72badd50769b", - "post.comp.interactive.button.tertiary.color.disabled-bg": "457ef52027b65435b79a35df1762821a2f8ef22e", - "post.comp.interactive.button.tertiary.color.disabled-stroke": "157c0f03f3d151a2fbd7c6715b65b38d78b0fc3d", - "post.comp.interactive.button.tertiary.color-inverted.enabled-fg": "f27f67de257e11775d20372246fd2129561cda8c", - "post.comp.interactive.button.tertiary.color-inverted.enabled-bg": "5fff8b76037426aae5b5fcfe07a65697f1774df1", - "post.comp.interactive.button.tertiary.color-inverted.enabled-stroke": "f77d5234a3aced4dae805a1009505decaf3adc34", - "post.comp.interactive.button.tertiary.color-inverted.hover-fg": "2b96904158c20ddeeecb2cfab3f18148e3c54521", - "post.comp.interactive.button.tertiary.color-inverted.hover-bg": "f30246aa2e63dc261aa3b3df0671f87871347f5b", - "post.comp.interactive.button.tertiary.color-inverted.hover-stroke": "63c56590c8d4e5831174894bdc1239fc8a132048", - "post.comp.interactive.button.tertiary.color-inverted.disabled-fg": "40029114e10974c2938aa439de2d5cc751cdb023", - "post.comp.interactive.button.tertiary.color-inverted.disabled-bg": "c27cc648e17f68e8ced835fb8907437ed37a1ebc", - "post.comp.interactive.button.tertiary.color-inverted.disabled-stroke": "7206b93fcdabb68620a98f645bb8bcdc37162e60", - "post.comp.interactive.button.segmented.color.enabled-fg": "6d587f25061b291332a41f2da6cb8dea2d6c1cdb", - "post.comp.interactive.button.segmented.color.enabled-bg": "9b08b6d50f3e7fa035750bb1d68e6165fd4c441d", - "post.comp.interactive.button.segmented.color.enabled-stroke": "51b84c2f45227ccc7e72505f0467995f27435247", - "post.comp.interactive.button.segmented.color.hover-fg": "2f2d6a388bf58446b8e753d3a946b6dff7f30ee1", - "post.comp.interactive.button.segmented.color.hover-bg": "336ed0e4efc55ad1c737b1e1760d1e68c260f147", - "post.comp.interactive.button.segmented.color.hover-stroke": "76004a6ceee3a50ddb1ef2d236873895a9c0f0d1", - "post.comp.interactive.button.segmented.color.selected-fg": "a73ac5e8ff386779e38030dbc92d08718dd36b92", - "post.comp.interactive.button.segmented.color.selected-bg": "9663101302c0bb0aeebf76816e2316fd12a157a1", - "post.comp.interactive.button.segmented.color.selected-stroke": "ddce0451766afd74b76aca0f44c7dfc07f62be92", - "post.comp.interactive.button.segmented.sizing.height": "46c6334eff6b294718f6892da394ec5f59eb2211", - "post.comp.interactive.button.segmented.spacing.padding.inline": "68390162ef7c1434f88de86698e80c6465122b7b", - "post.comp.interactive.button.small.sizing.height": "94da34f7cf1590c591f08c1ba0ddc78a31d0cd4a", - "post.comp.interactive.button.small.spacing.gap": "acc940423d0c6ae9c3883d0274649bb5f7863359", - "post.comp.interactive.button.small.spacing.padding": "59d0f4eabe06510a1a8a9439df6d368283375c73", - "post.comp.interactive.button.large.sizing.height": "f2413ef6b633bf0db2e7bdf1dbcaae20bb6c0576", - "post.comp.interactive.button.large.spacing.gap": "3f75b002a8e773c644ba09bc93b79fcb9f1aecfe", - "post.comp.interactive.button.large.spacing.padding": "020d437c47b8ad4fc80809fce1285beaae8e8fd4", - "post.comp.interactive.button.appstore.sizing.height": "939ceb67fe0efb0059e03b8b2d2552531f6cbda2", - "post.comp.interactive.button.appstore.sizing.width-google": "06475149dd41cc2084d8d0207d532317a825aab8", - "post.comp.interactive.button.appstore.sizing.width-apple": "854e4a647ed28d557594a29b48db4f8d7f3cc434", - "post.comp.interactive.button.socialmedia.sizing.large": "e84901503707364ff9c49fdf1ce4bcc4e2153108", - "post.comp.interactive.button.socialmedia.sizing.small": "756fe4542e23bdf31e49a81165d2cac36fe2a808", - "post.comp.interactive.button.socialmedia.sizing.icon-large": "0a9fff9a4d5e5de41becfdd1b1c224fcf528b4f0", - "post.comp.interactive.button.socialmedia.sizing.icon-small": "f16e4786b12d534ddadb43b64273b03258e4d30d", - "post.comp.interactive.breadcrumb.spacing.padding.block.text": "b363cc0667d7e0469a6b31217739e37ec1c883cf", - "post.comp.interactive.breadcrumb.spacing.padding.block.icon": "a5678b6efded546d122cb8d1b8b06b8f1e5c45b3", - "post.comp.interactive.breadcrumb.spacing.padding.inline.icon": "9b50da012badac9ff0c28e5b914f4e78310cc7ae", - "post.comp.interactive.breadcrumb.spacing.gap.inline.outer": "dbd3c37c11ed8e07f8a1d12d65ffda0735c7d61c", - "post.comp.interactive.breadcrumb.spacing.gap.inline.inner": "b28cb4a75807be4343d4419b9abbc84fa2e714a2", - "post.comp.interactive.border-radius.round": "6fc75f94e707dcd13e1e82c4855a82566e572054", - "post.comp.interactive.stepper.color.enabled-bg": "9ac66c6183d46ae16a7260ed2be6f0c72f37c659", - "post.comp.interactive.stepper.color.enabled-fg": "6dd3f0f04b1bbd7959be78c7824f86e2b90b6a4f", - "post.comp.interactive.stepper.color.completed-bg": "3c142b2bd12bfd452299d5db18586f4fff8a63bb", - "post.comp.interactive.stepper.color.completed-fg": "51c34cf46eb636f213c6491aeb0e80d41890e50c", - "post.comp.interactive.stepper.color.hover-bg": "4b9dc8094d460994469d1f0aeeb1a96c5ed6a5e5", - "post.comp.interactive.stepper.color.hover-fg": "0b8099895f5d78f18ee580bca5740e2d4e4b51d8", - "post.comp.interactive.stepper.color.disabled-bg": "51dc705384c095618cc3b7d72fe4523d3a638c9f", - "post.comp.interactive.stepper.color.disabled-fg": "2d78b8bfeb161242d8f1f89d3650fd1f84f90672", - "post.comp.interactive.stepper.color.connector": "cbfa9b03a50d56a00ce2548a81bc51d8d5c86d96", - "post.comp.interactive.stepper.color.enabled-stroke": "b8789dddd3686baf0a363dbdebabfad231b567c8", - "post.comp.interactive.stepper.color.completed-stroke": "014c2186621f3274f62afd37c9c188bc336a0ca7", - "post.comp.interactive.stepper.color.hover-stroke": "b6b08468a4b77803bb474fee6fd107cffc3926fd", - "post.comp.interactive.stepper.color.disabled-stroke": "81c000e18fc2bbbafe03d189a9ece05fc535c642", - "post.comp.interactive.stepper.spacing.padding.connector": "c4aa126466d7f94abeda89c540fb012f875e61d3", - "post.comp.interactive.stepper.spacing.gap.text-start": "a5e8610784911a41994f29f1749a79555d6fb92b", - "post.comp.interactive.stepper.sizing.indicator": "0002f4e1fb06c214f5a64584e5e31ac0d25ba8a3", - "post.comp.interactive.footer.socialmedia.sizing.icon": "b55168837b6d9bb8837059dacabd4db7b797babd", - "post.comp.interactive.footer.socialmedia.padding.gap.icon": "037cea4a7a042d3b53a1d699799fc5bff74567dc", - "post.comp.interactive.footer.socialmedia.padding.gap.text-end": "f7be64710bb9d6e716d2d40c4853eec7d445d2b1" + "post.breadcrumb.spacing.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0" @@ -7710,12 +6750,10 @@ "Channel/EDK", "Channel/IDK", "Theme/Post", - "Components/Interactives", - "Components/Notifications", - "Components/Surface", "Components/Breadcrumb", "Components/Button", "Components/Checkbox", + "Components/Notifications", "Components/Popover", "Components/Radio button", "Components/Select",