From 006bc53ee65944f81da20337a0affda85ef838b3 Mon Sep 17 00:00:00 2001 From: Romain Veya <111903046+veyaromain@users.noreply.github.com> Date: Tue, 10 Sep 2024 15:48:58 +0200 Subject: [PATCH 01/25] feat(styles): remove deprecated line height variables (#3521) --- .changeset/sharp-crews-watch.md | 6 ++ .../migration-guide/migration-guide.docs.mdx | 3 + .../migrationv8-9.component.ts | 72 +++++++++++++++++++ .../migration-guide/setup.component.ts | 3 + .../text/text-line-height.sample.scss | 2 +- .../src/stories/utilities/text/text.docs.mdx | 4 -- packages/styles/src/variables/_type.scss | 27 ------- 7 files changed, 85 insertions(+), 32 deletions(-) create mode 100644 .changeset/sharp-crews-watch.md create mode 100644 packages/documentation/src/stories/getting-started/migration-guide/migrationv8-9.component.ts diff --git a/.changeset/sharp-crews-watch.md b/.changeset/sharp-crews-watch.md new file mode 100644 index 0000000000..f44cf77a3f --- /dev/null +++ b/.changeset/sharp-crews-watch.md @@ -0,0 +1,6 @@ +--- +'@swisspost/design-system-styles': major +'@swisspost/design-system-documentation': minor +--- + +Removed deprecated line-height variables. diff --git a/packages/documentation/src/stories/getting-started/migration-guide/migration-guide.docs.mdx b/packages/documentation/src/stories/getting-started/migration-guide/migration-guide.docs.mdx index 3f45e7d385..66ca995ea4 100644 --- a/packages/documentation/src/stories/getting-started/migration-guide/migration-guide.docs.mdx +++ b/packages/documentation/src/stories/getting-started/migration-guide/migration-guide.docs.mdx @@ -6,6 +6,7 @@ import './migrationv4-5.component'; import './migrationv5-6.component'; import './migrationv6-7.component'; import './migrationv7-8.component'; +import './migrationv8-9.component'; @@ -25,4 +26,6 @@ import './migrationv7-8.component'; + + diff --git a/packages/documentation/src/stories/getting-started/migration-guide/migrationv8-9.component.ts b/packages/documentation/src/stories/getting-started/migration-guide/migrationv8-9.component.ts new file mode 100644 index 0000000000..e0d87a3891 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/migration-guide/migrationv8-9.component.ts @@ -0,0 +1,72 @@ +import { html, LitElement, nothing } from 'lit'; +import { _templateAutoIcon } from '@/stories/getting-started/migration-guide/util/template.util'; +import { customElement, property } from 'lit/decorators.js'; + +@customElement('migration-version-8-9') +export class MigrationV89Component extends LitElement { + @property({ type: Number }) currentVersion?: number; + @property({ type: String }) environment?: string; + @property({ type: Boolean }) angular?: boolean; + + createRenderRoot() { + /** + * Render template without shadow DOM. + */ + return this; + } + + render() { + if (!this.currentVersion || this.currentVersion > 8) return nothing; + + return html` + +
+
    +
  1. +

    Component Migration 🤓

    + +
    +

    Styles

    + +
      +
    • +

      + Removed deprecated line-height variables + breaking +

      +
        +
      • $line-heights
        • +
      • $line-height-tiny
        • +
      • $line-height-small
        • +
      • $line-height-regular
        • +
      • $line-height-bigger-regular
        • +
      • $line-height-medium
        • +
      • $line-height-large
        • +
      • $line-height-small-big
        • +
      • $line-height-big
        • +
      • $line-height-bigger-big
        • +
      • $line-height-small-huge
        • +
      • $line-height-huge
        • +
      +
      • +
    +
    +
    2. +
+
+ `; + } + + private _templateAutoIconAngular() { + return html` ${this.angular ? _templateAutoIcon() : nothing} `; + } +} diff --git a/packages/documentation/src/stories/getting-started/migration-guide/setup.component.ts b/packages/documentation/src/stories/getting-started/migration-guide/setup.component.ts index a2e9bbc344..d72aab9461 100644 --- a/packages/documentation/src/stories/getting-started/migration-guide/setup.component.ts +++ b/packages/documentation/src/stories/getting-started/migration-guide/setup.component.ts @@ -27,6 +27,9 @@ export class SetupComponent extends LitElement { id="docs_Default_ExampleSelect" class="form-select form-select-lg" > + diff --git a/packages/documentation/src/stories/utilities/text/text-line-height.sample.scss b/packages/documentation/src/stories/utilities/text/text-line-height.sample.scss index 21a38d9612..605372b960 100644 --- a/packages/documentation/src/stories/utilities/text/text-line-height.sample.scss +++ b/packages/documentation/src/stories/utilities/text/text-line-height.sample.scss @@ -1,5 +1,5 @@ @use '@swisspost/design-system-styles/core' as post; .my-element { - line-height: post.$line-height-tiny; + line-height: post.$line-height-sm; } diff --git a/packages/documentation/src/stories/utilities/text/text.docs.mdx b/packages/documentation/src/stories/utilities/text/text.docs.mdx index 08095558ac..15dc2b296e 100644 --- a/packages/documentation/src/stories/utilities/text/text.docs.mdx +++ b/packages/documentation/src/stories/utilities/text/text.docs.mdx @@ -80,10 +80,6 @@ import SampleColor from './text-color.sample.scss?raw'; ### Line Heights -
- Fixed-size line heights are deprecated in favor of relative line height utility classes. -
- #### Set Line Height in SCSS diff --git a/packages/styles/src/variables/_type.scss b/packages/styles/src/variables/_type.scss index b33a0ab4dd..5351ea9260 100644 --- a/packages/styles/src/variables/_type.scss +++ b/packages/styles/src/variables/_type.scss @@ -53,19 +53,6 @@ $line-height-sm: 1; $line-height-copy: 1.5; $line-height-heading: 1.2; -// Deprecated -$line-height-tiny: $line-height-copy; -$line-height-small: $line-height-copy; -$line-height-regular: $line-height-copy; -$line-height-bigger-regular: $line-height-copy; -$line-height-medium: $line-height-copy; -$line-height-large: $line-height-heading; -$line-height-small-big: $line-height-heading; -$line-height-big: $line-height-heading; -$line-height-bigger-big: $line-height-heading; -$line-height-small-huge: $line-height-heading; -$line-height-huge: $line-height-heading; - $font-weight-light: 300 !default; // Design System -> Frutiger Neue Light $font-weight-normal: 400 !default; // Design System -> Frutiger Neue Roman $font-weight-bold: 700 !default; // Design System -> Frutiger Neue Bold @@ -99,20 +86,6 @@ $font-size-map: ( 56: $font-size-56, ); -$line-heights: ( - 'tiny': $line-height-tiny, - 'small': $line-height-small, - 'regular': $line-height-regular, - 'bigger-regular': $line-height-bigger-regular, - 'medium': $line-height-medium, - 'large': $line-height-large, - 'small-big': $line-height-small-big, - 'big': $line-height-big, - 'bigger-big': $line-height-bigger-big, - 'small-huge': $line-height-small-huge, - 'huge': $line-height-huge, -); - // Deprecated $font-curve-tiny: ( 'xs': $font-size-tiny, From 2dba9c5833c099da81398656a7843b780e4d33f0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Wed, 11 Sep 2024 12:53:39 +0200 Subject: [PATCH 02/25] feat(tokens): update tokens (#3531) Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 76 ++++++++++++++++--- 1 file changed, 66 insertions(+), 10 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index fa4085b784..8fee0befaa 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -4288,6 +4288,14 @@ "border-radius": { "$type": "borderRadius", "$value": "{post.core.dimension.2}" + }, + "group": { + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } + } } } } @@ -4624,6 +4632,14 @@ "hover-fg": { "$type": "color", "$value": "{post.mode.color.notification.popover.hover}" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + }, + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" } }, "icon": { @@ -4695,6 +4711,18 @@ "$type": "borderWidth", "$value": "{post.device.border-width.focus}" } + }, + "paragraph": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" + } + }, + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } } } } @@ -4835,6 +4863,14 @@ "$type": "borderRadius", "$value": "{post.device.border-radius.round}" } + }, + "group": { + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } + } } } } @@ -5203,6 +5239,18 @@ "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}" + } + } } } } @@ -6204,9 +6252,9 @@ "$value": { "fontFamily": "{post.body.font-family}", "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.device.font-size.6}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}", + "fontSize": "{post.body.font-size}" } }, "paragraph-s": { @@ -6234,11 +6282,11 @@ "large": { "$type": "typography", "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.3}", - "lineHeight": "{post.device.line-height.legend}", - "letterSpacing": "{post.core.letter-spacing.default}" + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.legend.font-weight}", + "fontSize": "{post.legend.large.font-size}", + "lineHeight": "{post.legend.line-height}", + "letterSpacing": "{post.body.letter-spacing}" } } }, @@ -7536,6 +7584,7 @@ "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", @@ -7575,7 +7624,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", @@ -7942,6 +7990,8 @@ "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", "post.stepper.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", "post.stepper.border-width": "0f6b907201f835723c78bd931860c49072f5601e", + "post.stepper.step-label.font-size": "0670d51aeed5a96ef2236a0a9b326a168da026f0", + "post.stepper.step-label.selected.font-weight": "a347f5456ee7834fe09e5cc0089dd31720d51a29", "post.social-media-button.footer.enabled-fg": "fa798efa74f07882ad2eb5335348341d1cd0e900", "post.social-media-button.footer.enabled-bg": "522c78c9d29613192823e96833f28364efeea038", "post.social-media-button.footer.enabled-stroke": "dfaffc9bb53b84fc3bb3215a02f5f1ada976d61f", @@ -8018,6 +8068,7 @@ "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", "post.radio-button.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", + "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", "post.popover.close-button.focus-stroke": "f1ed477c8a2ceb370de59515fa4094a3aff1aacd", "post.popover.close-button.enabled-fg": "eb710d3b00b49f690dcf344e0d364d75cfe150d5", "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2", @@ -8042,6 +8093,10 @@ "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc", "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", + "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7", + "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3", + "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", + "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -8068,6 +8123,7 @@ "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", "post.dropdown.multi-select.menu.category-title.stroke": "d14601d9070126646ea0a06fadc7715113a8b867", "post.dropdown.multi-select.menu.category-title.enabled-fg": "6558708794830f02a60c5e2a9fb24f5f205624b8", + "post.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", "post.dropdown.multi-select.menu.list-item.padding.inline.start": "3e53edc523387e5a64df8218b5e2c61b3d49d59c", "post.dropdown.multi-select.menu.list-item.padding.inline.end": "a31ccebc3eedf24d9b35e58b0c2d32d87859b725", "post.dropdown.multi-select.menu.list-item.padding.block.start": "584e851cd34060734fadb6d67ec530d027d3558f", @@ -8085,7 +8141,6 @@ "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.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", "post.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780", "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72", "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0", @@ -8113,6 +8168,7 @@ "post.checkbox.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", + "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", "post.button.color.primary.enabled-bg": "0cdd29650833d2c7bbcb3aa7719bf17a32d36e8b", "post.button.color.primary.enabled-fg": "039ca18e2208c77d1d8a2892aa2418479c4edffe", "post.button.color.primary.hover-bg": "0fdb33d87c686ca308031b209bf3ea439ba386d3", From 20a456e3288ab0519e4bdf027e33422019511cf3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 11 Sep 2024 15:09:47 +0200 Subject: [PATCH 03/25] fix(setup): build tokens before styles is started (#3524) --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 8f9d5bb890..29c93a77b4 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "demo:lint": "pnpm --filter design-system-demo lint", "docs": "pnpm docs:start", "docs:only": "pnpm --filter design-system-documentation start", - "docs:start": "pnpm --filter design-system-documentation... --parallel --stream start", + "docs:start": "pnpm --filter design-system-tokens build && pnpm --filter design-system-documentation... --parallel --stream start", "docs:build": "pnpm --filter design-system-documentation build", "docs:headless": "pnpm --filter design-system-documentation start:headless", "docs:test": "pnpm --filter design-system-documentation test", From 004cc64ae68845967d8bf98cc10c30b5f753334a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 11 Sep 2024 15:23:49 +0200 Subject: [PATCH 04/25] fix(styles): refactor icons declarations #3482 (#3517) Changes were already merged into v8. --------- Co-authored-by: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> --- .changeset/great-humans-talk.md | 5 +++++ packages/styles/src/components/form-validation.scss | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/great-humans-talk.md diff --git a/.changeset/great-humans-talk.md b/.changeset/great-humans-talk.md new file mode 100644 index 0000000000..bff52aee19 --- /dev/null +++ b/.changeset/great-humans-talk.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Resolved issue where validation message icons repeated on each line of multi-line messages. Implemented flexbox layout to ensure a single, vertically centered icon regardless of message length. diff --git a/packages/styles/src/components/form-validation.scss b/packages/styles/src/components/form-validation.scss index 16b8f030be..81a0413e17 100644 --- a/packages/styles/src/components/form-validation.scss +++ b/packages/styles/src/components/form-validation.scss @@ -31,9 +31,11 @@ &::before { content: ''; + flex-shrink: 0; + mask-repeat: no-repeat; + align-self: flex-start; height: form-validation.$form-feedback-font-size * type.$line-height-copy; width: form-validation.$form-feedback-font-size * type.$line-height-copy; - display: inline-block; margin-right: spacing.$size-mini; } } From d82980a2fef0fe6ed45344929e89b3ad1bc4f584 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Fri, 13 Sep 2024 09:19:36 +0200 Subject: [PATCH 05/25] =?UTF-8?q?chore(changesets):=20=F0=9F=A6=8B?= =?UTF-8?q?=F0=9F=93=A6=20publish=20packages=20(main)=20(next)=20(#3479)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. ⚠️⚠️⚠️⚠️⚠️⚠️ `main` is currently in **pre mode** so this branch has prereleases rather than normal releases. If you want to exit prereleases, run `changeset pre exit` on `main`. ⚠️⚠️⚠️⚠️⚠️⚠️ # Releases ## @swisspost/design-system-styles@9.0.0-next.0 ### Major Changes - Removed deprecated `datatable` variables. (by [@schaertim](https://github.com/schaertim) with [#3395](https://github.com/swisspost/design-system/pull/3395)) - Removed deprecated `display-size` variables. (by [@schaertim](https://github.com/schaertim) with [#3430](https://github.com/swisspost/design-system/pull/3430)) - Removed deprecated `line-height-calc` function. (by [@schaertim](https://github.com/schaertim) with [#3409](https://github.com/swisspost/design-system/pull/3409)) - Removed deprecated `form-check` variables. (by [@schaertim](https://github.com/schaertim) with [#3393](https://github.com/swisspost/design-system/pull/3393)) - Removed deprecated `stepper` variables. (by [@schaertim](https://github.com/schaertim) with [#3394](https://github.com/swisspost/design-system/pull/3394)) - Removed deprecated line-height variables. (by [@veyaromain](https://github.com/veyaromain) with [#3521](https://github.com/swisspost/design-system/pull/3521)) ### Minor Changes - Added tokens file for elements, components and utilties. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#3495](https://github.com/swisspost/design-system/pull/3495)) ### Patch Changes - Improved accessibility of headings with subheadings by removing the
element and added the utility class d-block. Consult for updated markup. (by [@bashirkarimi](https://github.com/bashirkarimi) with [#3491](https://github.com/swisspost/design-system/pull/3491)) - Aligned chip styles with the latest design specifications from Figma. (by [@schaertim](https://github.com/schaertim) with [#3463](https://github.com/swisspost/design-system/pull/3463)) - Resolved issue where validation message icons repeated on each line of multi-line messages. Implemented flexbox layout to ensure a single, vertically centered icon regardless of message length. (by [@schaertim](https://github.com/schaertim) with [#3517](https://github.com/swisspost/design-system/pull/3517)) ## @swisspost/design-system-components@9.0.0-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-components-angular@9.0.0-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.0 ## @swisspost/internet-header@1.14.6-next.0 ### Patch Changes - Applied High Contrast Mode mixin to breadcrumb SVGs for proper color inversion. (by [@schaertim](https://github.com/schaertim) with [#3480](https://github.com/swisspost/design-system/pull/3480)) - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-intranet-header@9.0.0-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-styles-primeng@9.0.0-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-icons@9.0.0-next.0 ## @swisspost/design-system-migrations@9.0.0-next.0 ## @swisspost/design-system-documentation@6.0.0-next.0 ### Major Changes - Removed the Monospace font from the typography page of the documentation (will not be available once Bootstrap isn't included anymore). (by [@schaertim](https://github.com/schaertim) with [#3384](https://github.com/swisspost/design-system/pull/3384)) ### Minor Changes - Removed deprecated line-height variables. (by [@veyaromain](https://github.com/veyaromain) with [#3521](https://github.com/swisspost/design-system/pull/3521)) ### Patch Changes - Improved accessibility of headings with subheadings by removing the
element and added the utility class d-block. Consult for updated markup. (by [@bashirkarimi](https://github.com/bashirkarimi) with [#3491](https://github.com/swisspost/design-system/pull/3491)) - Refactored the stepper component to handle `updateArgs` directly within the `getStepperItem` function, fixing the issue where stepper examples were not independent and resolving unreliable step changes that sometimes caused clicks to be unrecognized or froze the page. (by [@schaertim](https://github.com/schaertim) with [#3499](https://github.com/swisspost/design-system/pull/3499)) - Removed disabling of the button in the "Good form example" of the accessibility documentation. Repeated requests should be handled internally as described in the accessibility documentation. (by [@schaertim](https://github.com/schaertim) with [#3403](https://github.com/swisspost/design-system/pull/3403)) - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 - @swisspost/internet-header@1.14.6-next.0 - @swisspost/design-system-components@9.0.0-next.0 - @swisspost/design-system-components-react@9.0.0-next.0 - @swisspost/design-system-icons@9.0.0-next.0 ## @swisspost/design-system-components-angular-workspace@1.1.10-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 - @swisspost/design-system-components@9.0.0-next.0 ## @swisspost/design-system-components-react@9.0.0-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-components@9.0.0-next.0 ## @swisspost/design-system-demo@8.0.3-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 - @swisspost/design-system-intranet-header@9.0.0-next.0 - @swisspost/design-system-migrations@9.0.0-next.0 ## @swisspost/design-system-intranet-header-workspace@3.0.22-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-intranet-header-showcase@1.0.10-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-intranet-header@9.0.0-next.0 ## @swisspost/design-system-nextjs-integration@0.1.14-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 - @swisspost/internet-header@1.14.6-next.0 - @swisspost/design-system-components-react@9.0.0-next.0 ## @swisspost/design-system-styles-primeng-workspace@1.0.6-next.0 ### Patch Changes - Updated dependencies: - @swisspost/design-system-styles@9.0.0-next.0 ## @swisspost/design-system-tokens@9.0.0-next.0 --------- Co-authored-by: github-actions[bot] --- .changeset/pre.json | 17 +- packages/components-angular/CHANGELOG.md | 8 + packages/components-angular/package.json | 6 +- .../projects/components/CHANGELOG.md | 7 + .../projects/components/package.json | 4 +- packages/components-react/CHANGELOG.md | 7 + packages/components-react/package.json | 4 +- packages/components/CHANGELOG.md | 7 + packages/components/package.json | 4 +- packages/demo/CHANGELOG.md | 9 + packages/demo/package.json | 8 +- packages/documentation/CHANGELOG.md | 24 +++ packages/documentation/package.json | 16 +- packages/documentation/public/_redirects | 1 + .../documentation/public/assets/versions.json | 65 +++++-- packages/icons/CHANGELOG.md | 2 + packages/icons/package.json | 2 +- packages/internet-header/CHANGELOG.md | 8 + packages/internet-header/package.json | 4 +- .../intranet-header-workspace/CHANGELOG.md | 7 + .../intranet-header-workspace/package.json | 4 +- .../intranet-header-showcase/CHANGELOG.md | 7 + .../intranet-header-showcase/package.json | 4 +- .../projects/intranet-header/CHANGELOG.md | 7 + .../projects/intranet-header/package.json | 6 +- packages/migrations/CHANGELOG.md | 2 + packages/migrations/package.json | 2 +- packages/nextjs-integration/CHANGELOG.md | 9 + packages/nextjs-integration/package.json | 8 +- .../styles-primeng-workspace/CHANGELOG.md | 7 + .../styles-primeng-workspace/package.json | 4 +- .../projects/styles-primeng/CHANGELOG.md | 7 + .../projects/styles-primeng/package.json | 4 +- packages/styles/CHANGELOG.md | 28 +++ packages/styles/package.json | 6 +- packages/tokens/CHANGELOG.md | 2 + packages/tokens/package.json | 2 +- pnpm-lock.yaml | 174 +++++++++--------- 38 files changed, 344 insertions(+), 149 deletions(-) diff --git a/.changeset/pre.json b/.changeset/pre.json index 08902b1c38..69e07b8b2c 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -21,5 +21,20 @@ "@swisspost/design-system-styles-primeng": "8.2.0", "@swisspost/design-system-tokens": "8.2.0" }, - "changesets": [] + "changesets": [ + "clean-icons-complain", + "cold-baboons-appear", + "cold-panthers-vanish", + "fair-actors-scream", + "friendly-insects-breathe", + "funny-shrimps-care", + "gorgeous-flowers-flow", + "great-humans-talk", + "heavy-rats-explode", + "ninety-nails-float", + "pink-weeks-relate", + "plenty-apricots-raise", + "selfish-bats-run", + "sharp-crews-watch" + ] } diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md index f2400f4611..983627550c 100644 --- a/packages/components-angular/CHANGELOG.md +++ b/packages/components-angular/CHANGELOG.md @@ -1,5 +1,13 @@ # @swisspost/design-system-components-angular-workspace +## 1.1.10-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + - @swisspost/design-system-components@9.0.0-next.0 + ## 1.1.9 ### Patch Changes diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index 9703f835e2..fa919da9af 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-angular-workspace", - "version": "1.1.9", + "version": "1.1.10-next.0", "scripts": { "start": "ng serve --port 9210", "build": "ng build components", @@ -18,8 +18,8 @@ "@angular/platform-browser": "18.1.3", "@angular/platform-browser-dynamic": "18.1.3", "@angular/router": "18.1.3", - "@swisspost/design-system-components": "workspace:8.2.0", - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-components": "workspace:9.0.0-next.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "rxjs": "7.8.1", "tslib": "2.6.3", "zone.js": "0.14.8" diff --git a/packages/components-angular/projects/components/CHANGELOG.md b/packages/components-angular/projects/components/CHANGELOG.md index 53ae76df15..4f3d1766ae 100644 --- a/packages/components-angular/projects/components/CHANGELOG.md +++ b/packages/components-angular/projects/components/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-components-angular +## 9.0.0-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.0 + ## 8.2.0 ### Minor Changes diff --git a/packages/components-angular/projects/components/package.json b/packages/components-angular/projects/components/package.json index bd6bdacc4b..b2cb41d845 100644 --- a/packages/components-angular/projects/components/package.json +++ b/packages/components-angular/projects/components/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-angular", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "Swiss Post Design System - Angular Wrapper Components", "author": "Swiss Post ", "license": "Apache-2.0", @@ -19,7 +19,7 @@ }, "dependencies": { "tslib": "2.6.3", - "@swisspost/design-system-components": "workspace:8.2.0" + "@swisspost/design-system-components": "workspace:9.0.0-next.0" }, "peerDependencies": { "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0", diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md index 3b1a0c85df..07725a7934 100644 --- a/packages/components-react/CHANGELOG.md +++ b/packages/components-react/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-components-react +## 9.0.0-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-components@9.0.0-next.0 + ## 8.2.0 ### Minor Changes diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 0805a539e6..df5fbef502 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components-react", - "version": "8.2.0", + "version": "9.0.0-next.0", "license": "Apache-2.0", "main": "dist/index.js", "types": "dist/index.d.ts", @@ -20,7 +20,7 @@ "lint": "eslint src/**/*.ts" }, "dependencies": { - "@swisspost/design-system-components": "workspace:8.2.0" + "@swisspost/design-system-components": "workspace:9.0.0-next.0" }, "devDependencies": { "@types/node": "20.14.14", diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 68ce3f9f58..0e0a41711c 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-components +## 9.0.0-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 8.2.0 ### Minor Changes diff --git a/packages/components/package.json b/packages/components/package.json index c89b1c38e1..507eae4cee 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-components", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.", "license": "Apache-2.0", "main": "dist/index.cjs.js", @@ -40,7 +40,7 @@ "dependencies": { "@floating-ui/dom": "1.6.8", "@oddbird/popover-polyfill": "0.3.7", - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "ally.js": "1.4.1", "long-press-event": "2.5.0" }, diff --git a/packages/demo/CHANGELOG.md b/packages/demo/CHANGELOG.md index 208ce8e2ea..75cae824e0 100644 --- a/packages/demo/CHANGELOG.md +++ b/packages/demo/CHANGELOG.md @@ -1,5 +1,14 @@ # @swisspost/design-system-demo +## 8.0.3-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + - @swisspost/design-system-intranet-header@9.0.0-next.0 + - @swisspost/design-system-migrations@9.0.0-next.0 + ## 8.0.2 ### Patch Changes diff --git a/packages/demo/package.json b/packages/demo/package.json index 26b8f2a2ce..6adbfc036c 100644 --- a/packages/demo/package.json +++ b/packages/demo/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-demo", - "version": "8.0.2", + "version": "8.0.3-next.0", "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -25,9 +25,9 @@ "@ng-bootstrap/ng-bootstrap": "17.0.0", "@popperjs/core": "2.11.8", "@swimlane/ngx-datatable": "20.1.0", - "@swisspost/design-system-intranet-header": "workspace:8.2.0", - "@swisspost/design-system-migrations": "workspace:8.2.0", - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.0", + "@swisspost/design-system-migrations": "workspace:9.0.0-next.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "bootstrap": "5.3.3", "core-js": "3.37.1", "highlight.js": "11.10.0", diff --git a/packages/documentation/CHANGELOG.md b/packages/documentation/CHANGELOG.md index 42f328b44d..d34b970d18 100644 --- a/packages/documentation/CHANGELOG.md +++ b/packages/documentation/CHANGELOG.md @@ -1,5 +1,29 @@ # @swisspost/design-system-documentation +## 6.0.0-next.0 + +### Major Changes + +- Removed the Monospace font from the typography page of the documentation (will not be available once Bootstrap isn't included anymore). (by [@schaertim](https://github.com/schaertim) with [#3384](https://github.com/swisspost/design-system/pull/3384)) + +### Minor Changes + +- Removed deprecated line-height variables. (by [@veyaromain](https://github.com/veyaromain) with [#3521](https://github.com/swisspost/design-system/pull/3521)) + +### Patch Changes + +- Improved accessibility of headings with subheadings by removing the
element and added the utility class d-block. Consult https://design-system.post.ch/?path=/docs/7ecd87f1-de96-4e39-a057-ba1798eb6959--docs for updated markup. (by [@bashirkarimi](https://github.com/bashirkarimi) with [#3491](https://github.com/swisspost/design-system/pull/3491)) + +- Refactored the stepper component to handle `updateArgs` directly within the `getStepperItem` function, fixing the issue where stepper examples were not independent and resolving unreliable step changes that sometimes caused clicks to be unrecognized or froze the page. (by [@schaertim](https://github.com/schaertim) with [#3499](https://github.com/swisspost/design-system/pull/3499)) + +- Removed disabling of the button in the "Good form example" of the accessibility documentation. Repeated requests should be handled internally as described in the accessibility documentation. (by [@schaertim](https://github.com/schaertim) with [#3403](https://github.com/swisspost/design-system/pull/3403)) +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + - @swisspost/internet-header@1.14.6-next.0 + - @swisspost/design-system-components@9.0.0-next.0 + - @swisspost/design-system-components-react@9.0.0-next.0 + - @swisspost/design-system-icons@9.0.0-next.0 + ## 5.4.0 ### Minor Changes diff --git a/packages/documentation/package.json b/packages/documentation/package.json index a5ca21b623..f9807db9fd 100644 --- a/packages/documentation/package.json +++ b/packages/documentation/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-documentation", - "version": "5.4.0", + "version": "6.0.0-next.0", "description": "Swiss Post Design System Documentation.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -28,11 +28,11 @@ "lint": "eslint **/*.{js,ts,tsx,mdx}" }, "dependencies": { - "@swisspost/design-system-components": "workspace:8.2.0", - "@swisspost/design-system-components-react": "workspace:8.2.0", - "@swisspost/design-system-icons": "workspace:8.2.0", - "@swisspost/design-system-styles": "workspace:8.2.0", - "@swisspost/internet-header": "workspace:1.14.5", + "@swisspost/design-system-components": "workspace:9.0.0-next.0", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.0", + "@swisspost/design-system-icons": "workspace:9.0.0-next.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", + "@swisspost/internet-header": "workspace:1.14.6-next.0", "bootstrap": "5.3.3" }, "devDependencies": { @@ -53,8 +53,8 @@ "@storybook/types": "8.2.7", "@storybook/web-components": "8.2.7", "@storybook/web-components-vite": "8.2.7", - "@swisspost/design-system-components-angular": "workspace:8.2.0", - "@swisspost/design-system-intranet-header": "workspace:8.2.0", + "@swisspost/design-system-components-angular": "workspace:9.0.0-next.0", + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.0", "@types/css-modules": "1.0.5", "@types/mdx": "2.0.13", "@types/react": "18.3.3", diff --git a/packages/documentation/public/_redirects b/packages/documentation/public/_redirects index 2406d5e2a6..a60e07ff31 100644 --- a/packages/documentation/public/_redirects +++ b/packages/documentation/public/_redirects @@ -4,3 +4,4 @@ /v5 https://6401b58ebf0f4e298ee2dbe7--swisspost-web-frontend.netlify.app /v6 https://design-system-version-6.netlify.app /v7 https://design-system-version-7.netlify.app +/v8 https://design-system-version-8.netlify.app diff --git a/packages/documentation/public/assets/versions.json b/packages/documentation/public/assets/versions.json index dc38815b8f..25da98d29a 100644 --- a/packages/documentation/public/assets/versions.json +++ b/packages/documentation/public/assets/versions.json @@ -1,31 +1,60 @@ [ + { + "title": "Version 9", + "version": "9.0.0-next.0", + "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.", + "url": "https://design-system.post.ch", + "dependencies": { + "@angular/core": "^18.0.0", + "@ng-bootstrap/ng-bootstrap": "^17.0.0", + "bootstrap": "~5.3.0", + "@swisspost/design-system-changelog-github": "1.0.2", + "@swisspost/design-system-components": "9.0.0-next.0", + "@swisspost/design-system-components-angular-workspace": "1.1.10-next.0", + "@swisspost/design-system-components-angular": "9.0.0-next.0", + "@swisspost/design-system-components-react": "9.0.0-next.0", + "@swisspost/design-system-demo": "8.0.3-next.0", + "@swisspost/design-system-documentation": "6.0.0-next.0", + "@swisspost/design-system-icons": "9.0.0-next.0", + "@swisspost/internet-header": "1.14.6-next.0", + "@swisspost/design-system-intranet-header-workspace": "3.0.22-next.0", + "@swisspost/design-system-intranet-header": "9.0.0-next.0", + "@swisspost/design-system-intranet-header-showcase": "1.0.10-next.0", + "@swisspost/design-system-migrations": "9.0.0-next.0", + "@swisspost/design-system-nextjs-integration": "0.1.14-next.0", + "@swisspost/design-system-styles": "9.0.0-next.0", + "@swisspost/design-system-styles-primeng-workspace": "1.0.6-next.0", + "@swisspost/design-system-styles-primeng": "9.0.0-next.0", + "@swisspost/design-system-tokens": "9.0.0-next.0" + } + }, { "title": "Version 8", "version": "8.2.0", "description": "Pattern documentation, code snippets and implementation guidelines for the Design System Styles.", - "url": "https://design-system.post.ch", + "url": "https://design-system-version-8.netlify.app", "dependencies": { "@angular/core": "^18.0.0", "@ng-bootstrap/ng-bootstrap": "^17.0.0", "bootstrap": "~5.3.0", "@swisspost/design-system-changelog-github": "1.0.2", - "@swisspost/design-system-components": "8.2.0", - "@swisspost/design-system-components-angular-workspace": "1.1.9", - "@swisspost/design-system-components-angular": "8.2.0", - "@swisspost/design-system-components-react": "8.2.0", - "@swisspost/design-system-demo": "8.0.2", - "@swisspost/design-system-documentation": "5.4.0", - "@swisspost/design-system-icons": "8.2.0", - "@swisspost/internet-header": "1.14.5", - "@swisspost/design-system-intranet-header-workspace": "3.0.21", - "@swisspost/design-system-intranet-header": "8.2.0", - "@swisspost/design-system-intranet-header-showcase": "1.0.9", - "@swisspost/design-system-migrations": "8.2.0", - "@swisspost/design-system-nextjs-integration": "0.1.13", - "@swisspost/design-system-styles": "8.2.0", - "@swisspost/design-system-styles-primeng-workspace": "1.0.5", - "@swisspost/design-system-styles-primeng": "8.2.0", - "@swisspost/design-system-tokens": "8.2.0" + "@swisspost/design-system-components": "8.2.1", + "@swisspost/design-system-components-angular-workspace": "1.1.10", + "@swisspost/design-system-components-angular": "8.2.1", + "@swisspost/design-system-components-react": "8.2.1", + "@swisspost/design-system-demo": "8.0.3", + "@swisspost/design-system-documentation": "5.4.1", + "@swisspost/design-system-icons": "8.2.1", + "@swisspost/internet-header": "1.14.6", + "@swisspost/design-system-intranet-header-workspace": "3.0.22", + "@swisspost/design-system-intranet-header": "8.2.1", + "@swisspost/design-system-intranet-header-showcase": "1.0.10", + "@swisspost/design-system-migrations": "8.2.1", + "@swisspost/design-system-nextjs-integration": "0.1.14", + "@swisspost/design-system-styles": "8.2.1", + "@swisspost/design-system-styles-primeng-workspace": "1.0.6", + "@swisspost/design-system-styles-primeng": "8.2.1", + "@swisspost/design-system-tokens": "8.2.1" } }, { diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 7b0a44b248..45eb6ac9c3 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-icons +## 9.0.0-next.0 + ## 8.2.0 ### Minor Changes diff --git a/packages/icons/package.json b/packages/icons/package.json index 7e2d48d659..adad8f233b 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-icons", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "A collection of Swiss Post icons intended for use with the Design System.", "author": "Swiss Post ", "license": "Apache-2.0", diff --git a/packages/internet-header/CHANGELOG.md b/packages/internet-header/CHANGELOG.md index 68978cc977..e587bc4ef3 100644 --- a/packages/internet-header/CHANGELOG.md +++ b/packages/internet-header/CHANGELOG.md @@ -1,5 +1,13 @@ # @swisspost/internet-header +## 1.14.6-next.0 + +### Patch Changes + +- Applied High Contrast Mode mixin to breadcrumb SVGs for proper color inversion. (by [@schaertim](https://github.com/schaertim) with [#3480](https://github.com/swisspost/design-system/pull/3480)) +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 1.14.5 ### Patch Changes diff --git a/packages/internet-header/package.json b/packages/internet-header/package.json index c1b09ba2e1..fe7f300f93 100644 --- a/packages/internet-header/package.json +++ b/packages/internet-header/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/internet-header", - "version": "1.14.5", + "version": "1.14.6-next.0", "description": "The header for client facing applications.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -42,7 +42,7 @@ "generate": "stencil generate" }, "dependencies": { - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "body-scroll-lock": "4.0.0-beta.0", "iframe-resizer": "4.4.5", "jquery": "3.7.1", diff --git a/packages/intranet-header-workspace/CHANGELOG.md b/packages/intranet-header-workspace/CHANGELOG.md index 0ded9e2f9c..6725dc8c3e 100644 --- a/packages/intranet-header-workspace/CHANGELOG.md +++ b/packages/intranet-header-workspace/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header-workspace +## 3.0.22-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 3.0.21 ### Patch Changes diff --git a/packages/intranet-header-workspace/package.json b/packages/intranet-header-workspace/package.json index 8fc97cb449..53184e7a5e 100644 --- a/packages/intranet-header-workspace/package.json +++ b/packages/intranet-header-workspace/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-intranet-header-workspace", - "version": "3.0.21", + "version": "3.0.22-next.0", "license": "Apache-2.0", "private": true, "scripts": { @@ -21,7 +21,7 @@ "@angular/router": "18.1.3", "@ng-bootstrap/ng-bootstrap": "17.0.0", "@popperjs/core": "2.11.8", - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "rxjs": "7.8.1", "tslib": "2.6.3", "watch": "1.0.2", diff --git a/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md b/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md index 7747fb2630..e1af2eb676 100644 --- a/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md +++ b/packages/intranet-header-workspace/projects/intranet-header-showcase/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header-showcase +## 1.0.10-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-intranet-header@9.0.0-next.0 + ## 1.0.9 ### Patch Changes diff --git a/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json b/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json index b0bbd6bfda..8afdab6fe2 100644 --- a/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json +++ b/packages/intranet-header-workspace/projects/intranet-header-showcase/package.json @@ -1,9 +1,9 @@ { "name": "@swisspost/design-system-intranet-header-showcase", - "version": "1.0.9", + "version": "1.0.10-next.0", "license": "Apache-2.0", "private": true, "dependencies": { - "@swisspost/design-system-intranet-header": "workspace:8.2.0" + "@swisspost/design-system-intranet-header": "workspace:9.0.0-next.0" } } diff --git a/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md b/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md index 1fc499fecf..3279867a49 100644 --- a/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md +++ b/packages/intranet-header-workspace/projects/intranet-header/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-intranet-header +## 9.0.0-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 8.2.0 ### Patch Changes diff --git a/packages/intranet-header-workspace/projects/intranet-header/package.json b/packages/intranet-header-workspace/projects/intranet-header/package.json index 7cb121bb78..928e6de85b 100644 --- a/packages/intranet-header-workspace/projects/intranet-header/package.json +++ b/packages/intranet-header-workspace/projects/intranet-header/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-intranet-header", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "Intranet header for internal Swiss Post applications as an Angular component.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -18,11 +18,11 @@ "linkDirectory": true }, "dependencies": { - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "tslib": "2.6.3" }, "devDependencies": { - "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.21" + "@swisspost/design-system-intranet-header-workspace": "workspace:3.0.22-next.0" }, "peerDependencies": { "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0", diff --git a/packages/migrations/CHANGELOG.md b/packages/migrations/CHANGELOG.md index a3de562704..16d544e747 100644 --- a/packages/migrations/CHANGELOG.md +++ b/packages/migrations/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-migrations +## 9.0.0-next.0 + ## 8.2.0 ## 8.1.0 diff --git a/packages/migrations/package.json b/packages/migrations/package.json index dfac6e542e..2e21a1c694 100644 --- a/packages/migrations/package.json +++ b/packages/migrations/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-migrations", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "Scripts to migrate an Angular application from one Design System version to another.", "author": "Swiss Post ", "license": "Apache-2.0", diff --git a/packages/nextjs-integration/CHANGELOG.md b/packages/nextjs-integration/CHANGELOG.md index 3e54ee5ef3..a1c030912d 100644 --- a/packages/nextjs-integration/CHANGELOG.md +++ b/packages/nextjs-integration/CHANGELOG.md @@ -1,5 +1,14 @@ # @swisspost/design-system-nextjs-integration +## 0.1.14-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + - @swisspost/internet-header@1.14.6-next.0 + - @swisspost/design-system-components-react@9.0.0-next.0 + ## 0.1.13 ### Patch Changes diff --git a/packages/nextjs-integration/package.json b/packages/nextjs-integration/package.json index 4ee515a0f1..90dc52c08d 100644 --- a/packages/nextjs-integration/package.json +++ b/packages/nextjs-integration/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-nextjs-integration", - "version": "0.1.13", + "version": "0.1.14-next.0", "private": true, "scripts": { "dev": "next dev", @@ -9,9 +9,9 @@ "lint": "next lint" }, "dependencies": { - "@swisspost/design-system-components-react": "workspace:8.2.0", - "@swisspost/design-system-styles": "workspace:8.2.0", - "@swisspost/internet-header": "workspace:1.14.5", + "@swisspost/design-system-components-react": "workspace:9.0.0-next.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", + "@swisspost/internet-header": "workspace:1.14.6-next.0", "next": "14.2.5", "react": "^18", "react-dom": "^18" diff --git a/packages/styles-primeng-workspace/CHANGELOG.md b/packages/styles-primeng-workspace/CHANGELOG.md index e4e956e642..630f0f2d49 100644 --- a/packages/styles-primeng-workspace/CHANGELOG.md +++ b/packages/styles-primeng-workspace/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-styles-primeng-workspace +## 1.0.6-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 1.0.5 ### Patch Changes diff --git a/packages/styles-primeng-workspace/package.json b/packages/styles-primeng-workspace/package.json index 1f64f25ad0..bb648f3a70 100644 --- a/packages/styles-primeng-workspace/package.json +++ b/packages/styles-primeng-workspace/package.json @@ -1,7 +1,7 @@ { "name": "@swisspost/design-system-styles-primeng-workspace", "description": "Showcase for a Post like custom prime-ng theme", - "version": "1.0.5", + "version": "1.0.6-next.0", "license": "Apache-2.0", "private": true, "scripts": { @@ -22,7 +22,7 @@ "@angular/platform-browser": "18.1.3", "@angular/platform-browser-dynamic": "18.1.3", "@angular/router": "18.1.3", - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "primeng": "17.18.7", "rxjs": "7.8.1", "tslib": "2.6.3", diff --git a/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md b/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md index 52918bf91e..139cca7332 100644 --- a/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md +++ b/packages/styles-primeng-workspace/projects/styles-primeng/CHANGELOG.md @@ -1,5 +1,12 @@ # @swisspost/design-system-styles-primeng +## 9.0.0-next.0 + +### Patch Changes + +- Updated dependencies: + - @swisspost/design-system-styles@9.0.0-next.0 + ## 8.2.0 ### Patch Changes diff --git a/packages/styles-primeng-workspace/projects/styles-primeng/package.json b/packages/styles-primeng-workspace/projects/styles-primeng/package.json index 28fe5a394e..914b2afc3f 100644 --- a/packages/styles-primeng-workspace/projects/styles-primeng/package.json +++ b/packages/styles-primeng-workspace/projects/styles-primeng/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-styles-primeng", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "Swiss Post styles for PrimeNg datatable.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -23,7 +23,7 @@ "primeng": "^17.18.0" }, "dependencies": { - "@swisspost/design-system-styles": "workspace:8.2.0", + "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "tslib": "2.6.3" }, "sideEffects": false, diff --git a/packages/styles/CHANGELOG.md b/packages/styles/CHANGELOG.md index 4d828492af..65c32a0278 100644 --- a/packages/styles/CHANGELOG.md +++ b/packages/styles/CHANGELOG.md @@ -1,5 +1,33 @@ # @swisspost/design-system-styles +## 9.0.0-next.0 + +### Major Changes + +- Removed deprecated `datatable` variables. (by [@schaertim](https://github.com/schaertim) with [#3395](https://github.com/swisspost/design-system/pull/3395)) + +- Removed deprecated `display-size` variables. (by [@schaertim](https://github.com/schaertim) with [#3430](https://github.com/swisspost/design-system/pull/3430)) + +- Removed deprecated `line-height-calc` function. (by [@schaertim](https://github.com/schaertim) with [#3409](https://github.com/swisspost/design-system/pull/3409)) + +- Removed deprecated `form-check` variables. (by [@schaertim](https://github.com/schaertim) with [#3393](https://github.com/swisspost/design-system/pull/3393)) + +- Removed deprecated `stepper` variables. (by [@schaertim](https://github.com/schaertim) with [#3394](https://github.com/swisspost/design-system/pull/3394)) + +- Removed deprecated line-height variables. (by [@veyaromain](https://github.com/veyaromain) with [#3521](https://github.com/swisspost/design-system/pull/3521)) + +### Minor Changes + +- Added tokens file for elements, components and utilties. (by [@oliverschuerch](https://github.com/oliverschuerch) with [#3495](https://github.com/swisspost/design-system/pull/3495)) + +### Patch Changes + +- Improved accessibility of headings with subheadings by removing the
element and added the utility class d-block. Consult https://design-system.post.ch/?path=/docs/7ecd87f1-de96-4e39-a057-ba1798eb6959--docs for updated markup. (by [@bashirkarimi](https://github.com/bashirkarimi) with [#3491](https://github.com/swisspost/design-system/pull/3491)) + +- Aligned chip styles with the latest design specifications from Figma. (by [@schaertim](https://github.com/schaertim) with [#3463](https://github.com/swisspost/design-system/pull/3463)) + +- Resolved issue where validation message icons repeated on each line of multi-line messages. Implemented flexbox layout to ensure a single, vertically centered icon regardless of message length. (by [@schaertim](https://github.com/schaertim) with [#3517](https://github.com/swisspost/design-system/pull/3517)) + ## 8.2.0 ### Minor Changes diff --git a/packages/styles/package.json b/packages/styles/package.json index b021cbe722..dd6781ed69 100644 --- a/packages/styles/package.json +++ b/packages/styles/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-styles", - "version": "8.2.0", + "version": "9.0.0-next.0", "description": "Design System Styles for the Swiss Post web platform.", "author": "Swiss Post ", "license": "Apache-2.0", @@ -47,8 +47,8 @@ "bootstrap": "5.3.3" }, "devDependencies": { - "@swisspost/design-system-tokens": "workspace:8.2.0", - "@swisspost/design-system-icons": "workspace:8.2.0", + "@swisspost/design-system-tokens": "workspace:9.0.0-next.0", + "@swisspost/design-system-icons": "workspace:9.0.0-next.0", "@types/node": "20.14.14", "autoprefixer": "10.4.19", "copyfiles": "2.4.1", diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md index b72f8506ac..ebc5ea8f31 100644 --- a/packages/tokens/CHANGELOG.md +++ b/packages/tokens/CHANGELOG.md @@ -1,5 +1,7 @@ # @swisspost/design-system-tokens +## 9.0.0-next.0 + ## 8.2.0 ## 0.1.0 diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 3f78a3da15..a36d014d4a 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -1,6 +1,6 @@ { "name": "@swisspost/design-system-tokens", - "version": "8.2.0", + "version": "9.0.0-next.0", "private": true, "description": "Design Tokens for the Swiss Post.", "author": "Swiss Post ", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fc7eba3b65..91322874a0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -47,7 +47,7 @@ importers: specifier: 0.3.7 version: 0.3.7 '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist ally.js: specifier: 1.4.1 @@ -150,10 +150,10 @@ importers: specifier: 18.1.3 version: 18.1.3(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.1.3(@angular/animations@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-components': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -218,7 +218,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) typescript: specifier: 5.5.4 version: 5.5.4 @@ -232,7 +232,7 @@ importers: specifier: ^16.0.0 || ^17.0.0 || ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-components': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../../../components tslib: specifier: 2.6.3 @@ -242,7 +242,7 @@ importers: packages/components-react: dependencies: '@swisspost/design-system-components': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components devDependencies: '@types/node': @@ -333,13 +333,13 @@ importers: specifier: 20.1.0 version: 20.1.0(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.1.3(@angular/animations@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-intranet-header': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../intranet-header-workspace/dist/intranet-header '@swisspost/design-system-migrations': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../migrations '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist bootstrap: specifier: 5.3.3 @@ -469,19 +469,19 @@ importers: packages/documentation: dependencies: '@swisspost/design-system-components': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components '@swisspost/design-system-components-react': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components-react '@swisspost/design-system-icons': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../icons '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist '@swisspost/internet-header': - specifier: workspace:1.14.5 + specifier: workspace:1.14.6-next.0 version: link:../internet-header bootstrap: specifier: 5.3.3 @@ -539,10 +539,10 @@ importers: specifier: 8.2.7 version: 8.2.7(lit@3.1.4)(storybook@8.2.7(@babel/preset-env@7.24.7(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.78.0)(terser@5.29.2)) '@swisspost/design-system-components-angular': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components-angular/dist/components '@swisspost/design-system-intranet-header': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../intranet-header-workspace/dist/intranet-header '@types/css-modules': specifier: 1.0.5 @@ -677,7 +677,7 @@ importers: packages/internet-header: dependencies: '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist body-scroll-lock: specifier: 4.0.0-beta.0 @@ -763,7 +763,7 @@ importers: version: 14.0.2 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.14) + version: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) jest-environment-jsdom: specifier: 29.7.0 version: 29.7.0 @@ -828,7 +828,7 @@ importers: specifier: 2.11.8 version: 2.11.8 '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist rxjs: specifier: 7.8.1 @@ -899,7 +899,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) rimraf: specifier: 6.0.1 version: 6.0.1 @@ -916,21 +916,21 @@ importers: specifier: ^16.0.0 || ^17.0.0 || ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../../../styles/dist tslib: specifier: 2.6.3 version: 2.6.3 devDependencies: '@swisspost/design-system-intranet-header-workspace': - specifier: workspace:3.0.21 + specifier: workspace:3.0.22-next.0 version: link:../.. publishDirectory: ../../dist/intranet-header packages/intranet-header-workspace/projects/intranet-header-showcase: dependencies: '@swisspost/design-system-intranet-header': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../../dist/intranet-header packages/migrations: @@ -976,13 +976,13 @@ importers: packages/nextjs-integration: dependencies: '@swisspost/design-system-components-react': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../components-react '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist '@swisspost/internet-header': - specifier: workspace:1.14.5 + specifier: workspace:1.14.6-next.0 version: link:../internet-header next: specifier: 14.2.5 @@ -1041,10 +1041,10 @@ importers: version: 5.3.3(@popperjs/core@2.11.8) devDependencies: '@swisspost/design-system-icons': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../icons '@swisspost/design-system-tokens': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../tokens/dist '@types/node': specifier: 20.14.14 @@ -1072,7 +1072,7 @@ importers: version: 5.1.0 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.14) + version: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) postcss: specifier: 8.4.40 version: 8.4.40 @@ -1132,7 +1132,7 @@ importers: specifier: 18.1.3 version: 18.1.3(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.1.3(@angular/animations@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1) '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../styles/dist primeng: specifier: 17.18.7 @@ -1179,7 +1179,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) npm-run-all2: specifier: 6.2.2 version: 6.2.2 @@ -1208,7 +1208,7 @@ importers: specifier: ^18.0.0 version: 18.1.1(rxjs@7.8.1)(zone.js@0.14.8) '@swisspost/design-system-styles': - specifier: workspace:8.2.0 + specifier: workspace:9.0.0-next.0 version: link:../../../styles/dist primeng: specifier: ^17.18.0 @@ -11092,7 +11092,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -11185,7 +11185,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -11236,8 +11236,8 @@ snapshots: jest: 29.7.0(@types/node@20.14.14) jest-environment-jsdom: 29.7.0 karma: 6.4.4 - ng-packagr: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) - tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) + ng-packagr: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) + tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) transitivePeerDependencies: - '@rspack/core' - '@swc/core' @@ -11448,7 +11448,7 @@ snapshots: '@angular/localize': 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))) less: 4.2.0 postcss: 8.4.38 - tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) + tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) transitivePeerDependencies: - '@types/node' - chokidar @@ -13924,6 +13924,7 @@ snapshots: - babel-plugin-macros - supports-color - ts-node + optional: true '@jest/core@29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4))': dependencies: @@ -16033,14 +16034,6 @@ snapshots: axe-core@4.7.0: {} - axios@1.6.2: - dependencies: - follow-redirects: 1.15.6(debug@4.3.7) - form-data: 4.0.0 - proxy-from-env: 1.1.0 - transitivePeerDependencies: - - debug - axios@1.6.2(debug@4.3.6): dependencies: follow-redirects: 1.15.6(debug@4.3.6) @@ -16074,7 +16067,7 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)): + babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1): dependencies: '@babel/core': 7.24.7 find-cache-dir: 4.0.0 @@ -16716,21 +16709,6 @@ snapshots: - ts-node optional: true - create-jest@29.7.0(@types/node@20.14.14): - dependencies: - '@jest/types': 29.6.3 - chalk: 4.1.2 - exit: 0.1.2 - graceful-fs: 4.2.11 - jest-config: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) - jest-util: 29.7.0 - prompts: 2.4.2 - transitivePeerDependencies: - - '@types/node' - - babel-plugin-macros - - supports-color - - ts-node - create-jest@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)): dependencies: '@jest/types': 29.6.3 @@ -18693,7 +18671,7 @@ snapshots: http-proxy-middleware@2.0.6(@types/express@4.17.21): dependencies: '@types/http-proxy': 1.17.11 - http-proxy: 1.18.1(debug@4.3.7) + http-proxy: 1.18.1 is-glob: 4.0.3 is-plain-obj: 3.0.0 micromatch: 4.0.8 @@ -18713,6 +18691,14 @@ snapshots: transitivePeerDependencies: - supports-color + http-proxy@1.18.1: + dependencies: + eventemitter3: 4.0.7 + follow-redirects: 1.15.6(debug@4.3.6) + requires-port: 1.0.0 + transitivePeerDependencies: + - debug + http-proxy@1.18.1(debug@4.3.7): dependencies: eventemitter3: 4.0.7 @@ -18728,7 +18714,7 @@ snapshots: corser: 2.0.1 he: 1.2.0 html-encoding-sniffer: 3.0.0 - http-proxy: 1.18.1(debug@4.3.7) + http-proxy: 1.18.1 mime: 1.6.0 minimist: 1.2.8 opener: 1.5.2 @@ -19300,25 +19286,6 @@ snapshots: - ts-node optional: true - jest-cli@29.7.0(@types/node@20.14.14): - dependencies: - '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) - '@jest/test-result': 29.7.0 - '@jest/types': 29.6.3 - chalk: 4.1.2 - create-jest: 29.7.0(@types/node@20.14.14) - exit: 0.1.2 - import-local: 3.2.0 - jest-config: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) - jest-util: 29.7.0 - jest-validate: 29.7.0 - yargs: 17.7.2 - transitivePeerDependencies: - - '@types/node' - - babel-plugin-macros - - supports-color - - ts-node - jest-cli@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)): dependencies: '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) @@ -19400,6 +19367,7 @@ snapshots: transitivePeerDependencies: - babel-plugin-macros - supports-color + optional: true jest-config@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)): dependencies: @@ -19683,10 +19651,10 @@ snapshots: jest@29.7.0(@types/node@20.14.14): dependencies: - '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) '@jest/types': 29.6.3 import-local: 3.2.0 - jest-cli: 29.7.0(@types/node@20.14.14) + jest-cli: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -19936,7 +19904,7 @@ snapshots: dom-serialize: 2.2.1 glob: 7.2.3 graceful-fs: 4.2.11 - http-proxy: 1.18.1(debug@4.3.7) + http-proxy: 1.18.1 isbinaryfile: 4.0.10 lodash: 4.17.21 log4js: 6.9.1 @@ -20842,6 +20810,40 @@ snapshots: tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.12.7)(typescript@5.5.4)) transitivePeerDependencies: - supports-color + optional: true + + ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4): + dependencies: + '@angular/compiler-cli': 18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4) + '@rollup/plugin-json': 6.1.0(rollup@4.18.1) + '@rollup/plugin-node-resolve': 15.2.3(rollup@4.18.1) + '@rollup/wasm-node': 4.18.1 + ajv: 8.16.0 + ansi-colors: 4.1.3 + browserslist: 4.23.0 + cacache: 18.0.0 + chokidar: 3.6.0 + commander: 12.0.0 + convert-source-map: 2.0.0 + dependency-graph: 1.0.0 + esbuild: 0.23.0 + fast-glob: 3.3.2 + find-cache-dir: 3.3.2 + injection-js: 2.4.0 + jsonc-parser: 3.3.1 + less: 4.2.0 + ora: 5.4.1 + piscina: 4.6.1 + postcss: 8.4.39 + rxjs: 7.8.1 + sass: 1.78.0 + tslib: 2.6.3 + typescript: 5.5.4 + optionalDependencies: + rollup: 4.18.1 + tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + transitivePeerDependencies: + - supports-color ngx-highlightjs@10.0.0(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1): dependencies: @@ -21007,7 +21009,7 @@ snapshots: '@yarnpkg/lockfile': 1.1.0 '@yarnpkg/parsers': 3.0.0-rc.46 '@zkochan/js-yaml': 0.0.7 - axios: 1.6.2 + axios: 1.6.2(debug@4.3.6) chalk: 4.1.2 cli-cursor: 3.1.0 cli-spinners: 2.6.1 From 74808e000e33f98d95ec867486be049264bb7433 Mon Sep 17 00:00:00 2001 From: Muhammad Bashir Date: Mon, 16 Sep 2024 15:49:52 +0200 Subject: [PATCH 06/25] feat: add CSS reset style (#3545) Co-authored-by: karimim --- .changeset/breezy-cups-add.md | 5 + packages/styles/src/basics.scss | 1 + packages/styles/src/elements/_index.scss | 1 + packages/styles/src/elements/reset.scss | 121 +++++++++++++++++++++++ packages/styles/src/index.scss | 1 + packages/styles/src/intranet.scss | 1 + packages/styles/src/post-external.scss | 1 + packages/styles/src/post-internal.scss | 1 + 8 files changed, 132 insertions(+) create mode 100644 .changeset/breezy-cups-add.md create mode 100644 packages/styles/src/elements/_index.scss create mode 100644 packages/styles/src/elements/reset.scss diff --git a/.changeset/breezy-cups-add.md b/.changeset/breezy-cups-add.md new file mode 100644 index 0000000000..26f0487907 --- /dev/null +++ b/.changeset/breezy-cups-add.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +styles: Added reset styles diff --git a/packages/styles/src/basics.scss b/packages/styles/src/basics.scss index faccea9195..7ff01c46bf 100644 --- a/packages/styles/src/basics.scss +++ b/packages/styles/src/basics.scss @@ -2,6 +2,7 @@ @use './lic/bootstrap-license'; +@use './elements'; @use 'components/base'; @use 'components/elevation'; @use 'components/type'; diff --git a/packages/styles/src/elements/_index.scss b/packages/styles/src/elements/_index.scss new file mode 100644 index 0000000000..ee04d5b902 --- /dev/null +++ b/packages/styles/src/elements/_index.scss @@ -0,0 +1 @@ +@use 'reset'; diff --git a/packages/styles/src/elements/reset.scss b/packages/styles/src/elements/reset.scss new file mode 100644 index 0000000000..acf69882d4 --- /dev/null +++ b/packages/styles/src/elements/reset.scss @@ -0,0 +1,121 @@ +/* === Source: Josh Comeau, https://www.joshwcomeau.com/css/custom-css-reset/ (adapted) === */ + +/* + Use a more-intuitive box-sizing model. +*/ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* + Remove default margin +*/ +* { + margin: 0; +} + +/* + Typographic tweaks! + - Add accessible line-height + - Improve text rendering +*/ +body { + -webkit-font-smoothing: antialiased; +} + +/* + Improve media defaults +*/ +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} + +/* + Remove built-in form typography styles +*/ +button, +input, +textarea, +select { + font: inherit; +} + +/* + Avoid text overflows +*/ +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; + hyphens: auto; +} + +/* === Source: https://github.com/necolas/normalize.css/blob/master/normalize.css === */ + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. +*/ +abbr[title] { + text-decoration: underline; + text-decoration: underline dotted; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} diff --git a/packages/styles/src/index.scss b/packages/styles/src/index.scss index bba9a0b76f..7744cbf858 100644 --- a/packages/styles/src/index.scss +++ b/packages/styles/src/index.scss @@ -2,6 +2,7 @@ @use './lic/bootstrap-license'; +@use './elements'; @use './components'; // Portal specific styles diff --git a/packages/styles/src/intranet.scss b/packages/styles/src/intranet.scss index 89d55a61b9..65d9fbb6ae 100644 --- a/packages/styles/src/intranet.scss +++ b/packages/styles/src/intranet.scss @@ -2,5 +2,6 @@ @use './lic/bootstrap-license'; +@use './elements'; @use 'components'; @use 'components/intranet-header'; diff --git a/packages/styles/src/post-external.scss b/packages/styles/src/post-external.scss index f989a86310..cc042736d1 100644 --- a/packages/styles/src/post-external.scss +++ b/packages/styles/src/post-external.scss @@ -1,2 +1,3 @@ @use './post-tokens-external'; +@use './elements'; @use './components'; diff --git a/packages/styles/src/post-internal.scss b/packages/styles/src/post-internal.scss index e00158f349..41a9ca2447 100644 --- a/packages/styles/src/post-internal.scss +++ b/packages/styles/src/post-internal.scss @@ -1,2 +1,3 @@ @use './post-tokens-internal'; +@use './elements'; @use './components'; From 2b44242c6e9717b5ccaf40bd80d847692cceb7cb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Wed, 18 Sep 2024 14:07:53 +0200 Subject: [PATCH 07/25] feat(docs): add toolbar to switch theme, channel, and mode (#3528) --- .changeset/empty-islands-kneel.md | 5 + .../.storybook/addons/addons.scss | 39 ++++ .../addons/styles-switcher/StylesSwitcher.tsx | 172 ++++++++++++++++++ .../addons/styles-switcher/register.tsx | 16 ++ .../version-switcher/VersionSwitcher.tsx | 4 +- .../addons/version-switcher/register.tsx | 2 +- .../version-switcher/version-switcher.scss | 28 --- .../helpers/open-full-screen-demo.ts | 34 +++- packages/documentation/.storybook/main.ts | 7 + packages/documentation/.storybook/manager.ts | 12 +- packages/documentation/.storybook/preview.ts | 8 +- .../.storybook/styles/manager.scss | 1 + .../.storybook/styles/preview.scss | 1 - 13 files changed, 291 insertions(+), 38 deletions(-) create mode 100644 .changeset/empty-islands-kneel.md create mode 100644 packages/documentation/.storybook/addons/addons.scss create mode 100644 packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx create mode 100644 packages/documentation/.storybook/addons/styles-switcher/register.tsx diff --git a/.changeset/empty-islands-kneel.md b/.changeset/empty-islands-kneel.md new file mode 100644 index 0000000000..f6c70cfcaf --- /dev/null +++ b/.changeset/empty-islands-kneel.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': minor +--- + +Added a toolbar for switching the theme, channel, and mode of all stories. diff --git a/packages/documentation/.storybook/addons/addons.scss b/packages/documentation/.storybook/addons/addons.scss new file mode 100644 index 0000000000..b34b9b2c90 --- /dev/null +++ b/packages/documentation/.storybook/addons/addons.scss @@ -0,0 +1,39 @@ +@use '@swisspost/design-system-styles/core' as post; + +.addon-dropdown { + min-width: 12rem; + display: flex; + flex-flow: column nowrap; + gap: post.$size-line; + position: absolute; + top: -5px; + right: 0; + padding: post.$size-mini; + background-color: var(--post-light); + border: post.$border-width solid post.$border-color; + border-radius: post.$border-radius; + font-size: post.$font-size-sm; + + .addon-dropdown__item { + display: block; + padding: post.$size-mini post.$size-small-regular; + border-radius: post.$border-radius-sm; + text-decoration: none; + color: post.$body-color !important; + + &:hover { + background-color: post.$gray-10; + } + + &.active { + background-color: post.$yellow; + } + } +} + +.addon-button { + post-icon { + font-size: post.$font-size-20; + margin-inline-end: post.$size-line; + } +} diff --git a/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx new file mode 100644 index 0000000000..666550feac --- /dev/null +++ b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx @@ -0,0 +1,172 @@ +import React, { useEffect, useState } from 'react'; +import { IconButton, WithTooltip } from '@storybook/components'; + +const STYLESHEET_ID = 'preview-stylesheet'; +const STORAGE_KEY_PREFIX = 'swisspost-documentation'; +const THEMES = ['Post']; +const CHANNELS = ['External', 'Internal']; +const MODES = ['Light', 'Dark']; + +function StylesSwitcher() { + const [currentTheme, setCurrentTheme] = useState( + localStorage.getItem(`${STORAGE_KEY_PREFIX}-theme`) || THEMES[0], + ); + const [currentChannel, setCurrentChannel] = useState( + localStorage.getItem(`${STORAGE_KEY_PREFIX}-channel`) || CHANNELS[0], + ); + const [currentMode, setCurrentMode] = useState( + localStorage.getItem(`${STORAGE_KEY_PREFIX}-mode`) || MODES[0], + ); + + /** + * Sets the 'data-color-mode' attribute and preview stylesheet when the addon initializes + */ + useEffect(() => { + setPreviewStylesheet(); + setDataColorModeAttribute(); + }); + + /** + * Sets the stylesheet matching the selected theme and channel in the preview document head + */ + const setPreviewStylesheet = () => { + const preview = getPreviewDocument(); + const previewHead = preview && preview.querySelector('head'); + + if (!previewHead) return; + + let stylesheetLink = previewHead.querySelector(`#${STYLESHEET_ID}`); + + if (!stylesheetLink) { + stylesheetLink = document.createElement('link'); + stylesheetLink.setAttribute('rel', 'stylesheet'); + stylesheetLink.setAttribute('id', STYLESHEET_ID); + previewHead.appendChild(stylesheetLink); + } + + stylesheetLink.setAttribute( + 'href', + `/styles/${currentTheme.toLowerCase()}-${currentChannel.toLowerCase()}.css`, + ); + }; + + /** + * Sets the 'data-color-mode' attribute of the preview body to match the selected mode + */ + const setDataColorModeAttribute = () => { + const preview = getPreviewDocument(); + if (!preview) return; + + const mode = currentMode.toLowerCase(); + const storyContainers = preview.querySelectorAll('.sbdocs-preview, .sb-main-padded'); + storyContainers.forEach(storyContainer => { + storyContainer.classList.remove('bg-light', 'bg-dark'); + storyContainer.classList.add(`bg-${mode}`); + storyContainer.setAttribute('data-color-mode', mode); + }); + }; + + /** + * Returns the Document contained in the preview iframe + */ + const getPreviewDocument = (): Document | undefined => { + const preview = document.querySelector('#storybook-preview-iframe'); + return preview && (preview as HTMLIFrameElement).contentWindow.document; + }; + + /** + * Applies selected theme and registers it to the local storage + */ + const applyTheme = (theme: string) => { + setCurrentTheme(theme); + localStorage.setItem(`${STORAGE_KEY_PREFIX}-theme`, theme); + }; + + /** + * Applies selected channel and registers it to the local storage + */ + const applyChannel = (channel: string) => { + setCurrentChannel(channel); + localStorage.setItem(`${STORAGE_KEY_PREFIX}-channel`, channel); + }; + + /** + * Applies selected mode and registers it to the local storage + */ + const applyMode = (mode: string) => { + setCurrentMode(mode); + localStorage.setItem(`${STORAGE_KEY_PREFIX}-mode`, mode); + }; + + return ( + <> + {/* Theme dropdown */} + + {THEMES.map(theme => ( + applyTheme(theme)} + > + {theme} + + ))} + + } + > + Theme: {currentTheme} + + + {/* Channel dropdown */} + + {CHANNELS.map(channel => ( + applyChannel(channel)} + > + {channel} + + ))} + + } + > + Chanel: {currentChannel} + + + {/* Mode dropdown */} + + {MODES.map(mode => ( + applyMode(mode)} + > + {mode} + + ))} + + } + > + Mode: {currentMode} + + + ); +} + +export default StylesSwitcher; diff --git a/packages/documentation/.storybook/addons/styles-switcher/register.tsx b/packages/documentation/.storybook/addons/styles-switcher/register.tsx new file mode 100644 index 0000000000..2134d9336e --- /dev/null +++ b/packages/documentation/.storybook/addons/styles-switcher/register.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +import { addons, types } from '@storybook/manager-api'; +import StylesSwitcher from './StylesSwitcher'; + +const ADDON_ID = 'postStylesSwitcher'; + +addons.register(ADDON_ID, () => { + addons.add(ADDON_ID, { + title: 'Switch the documentation styles', + type: types.TOOL, + render: () => { + return ; + }, + }); +}); diff --git a/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx b/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx index 53ca7fc967..ad07d1df0b 100644 --- a/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx +++ b/packages/documentation/.storybook/addons/version-switcher/VersionSwitcher.tsx @@ -50,7 +50,7 @@ function VersionSwitcher() { closeOnOutsideClick tooltip={() => ( <> -
+
{versions.map(version => { const isActive = getVersion(version.version ?? '', 'major') === CURRENT_MAJOR_VERSION @@ -66,7 +66,7 @@ function VersionSwitcher() { return ( c).join(' ')} + className={['addon-dropdown__item', isActive].filter(c => c).join(' ')} key={version.title} href={version.url} > diff --git a/packages/documentation/.storybook/addons/version-switcher/register.tsx b/packages/documentation/.storybook/addons/version-switcher/register.tsx index c84ba118fc..e31d6db261 100644 --- a/packages/documentation/.storybook/addons/version-switcher/register.tsx +++ b/packages/documentation/.storybook/addons/version-switcher/register.tsx @@ -9,7 +9,7 @@ addons.register(ADDON_ID, () => { addons.add(ADDON_ID, { title: 'Switch to another version', type: types.TOOLEXTRA, - match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)), + match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(docs)$/)), render: () => { return ; }, diff --git a/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss b/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss index 366e947df5..68ad4c73d5 100644 --- a/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss +++ b/packages/documentation/.storybook/addons/version-switcher/version-switcher.scss @@ -11,34 +11,6 @@ } .version-switcher__dropdown { - display: flex; - flex-flow: column nowrap; - gap: post.$size-line; - position: absolute; - top: -5px; - right: 0; - padding: post.$size-mini; - background-color: var(--post-light); - border: post.$border-width solid post.$border-color; - border-radius: post.$border-radius; - font-size: post.$font-size-sm; - - .dropdown__item { - display: block; - padding: post.$size-mini post.$size-small-regular; - border-radius: post.$border-radius-sm; - text-decoration: none; - color: inherit; - - &:hover { - background-color: post.$gray-10; - } - - &.active { - background-color: post.$yellow; - } - } - .item__title { display: block; } diff --git a/packages/documentation/.storybook/helpers/open-full-screen-demo.ts b/packages/documentation/.storybook/helpers/open-full-screen-demo.ts index 890aa1a08b..2e6689079d 100644 --- a/packages/documentation/.storybook/helpers/open-full-screen-demo.ts +++ b/packages/documentation/.storybook/helpers/open-full-screen-demo.ts @@ -1,11 +1,37 @@ +import { StoryContext, StoryFn } from '@storybook/web-components'; +import { html } from 'lit'; + +export const fullScreenUrlDecorator = (story: StoryFn, context: StoryContext) => { + const { allArgs, initialArgs, id } = context; + + const args = Object.entries(allArgs) + .map(([argKey, argValue]) => { + const initialValue = initialArgs[argKey]; + if (argValue === initialValue) return null; + + const separator = typeof argValue === 'string' || typeof argValue === 'number' ? ':' : ':!'; + const value = typeof argValue === 'string' ? encodeURI(argValue) : argValue; + return `${argKey}${separator}${value}`; + }) + .filter(arg => !!arg) + .join(';'); + + let storyURL = `/?path=/story/${id}&full=true`; + if (args.length) storyURL += `&args=${args}`; + + return html` + + ${story(context.args, context)} + `; +}; + export const openFullScreenDemo = (e: Event) => { const target = e.target as HTMLButtonElement; const canvas = target.closest('.docs-story'); - const story = canvas?.querySelector('.sb-story'); - const iframeId = story?.id?.replace('story--', ''); + const storyURL = canvas && canvas.querySelector('.storyURL'); - if (iframeId) { - window.open(`/iframe.html?id=${iframeId}`, '_blank'); + if (storyURL) { + window.open(storyURL.textContent, '_blank'); } else { alert('The full screen demo is not available.'); } diff --git a/packages/documentation/.storybook/main.ts b/packages/documentation/.storybook/main.ts index 7eab581511..842e9f7380 100644 --- a/packages/documentation/.storybook/main.ts +++ b/packages/documentation/.storybook/main.ts @@ -23,6 +23,8 @@ const config: StorybookConfig = { highlight: false, outline: false, docs: false, + measure: false, + viewport: false, }, }, { @@ -52,12 +54,17 @@ const config: StorybookConfig = { '@storybook/addon-links', '@kurbar/storybook-addon-docs-stencil', './addons/version-switcher/register', + './addons/styles-switcher/register', ], staticDirs: [ { from: '../public/assets', to: '/assets', }, + { + from: '../node_modules/@swisspost/design-system-styles', + to: '/styles', + }, '../public', '../node_modules/@swisspost/design-system-icons/public', ], diff --git a/packages/documentation/.storybook/manager.ts b/packages/documentation/.storybook/manager.ts index 7953d746ef..69559b19e2 100644 --- a/packages/documentation/.storybook/manager.ts +++ b/packages/documentation/.storybook/manager.ts @@ -1,6 +1,6 @@ import { addons } from '@storybook/manager-api'; -import themes from './styles/themes'; import { defineCustomElement as definePostIcon } from '@swisspost/design-system-components/dist/components/post-icon.js'; +import themes from './styles/themes'; definePostIcon(); @@ -12,4 +12,14 @@ addons.setConfig({ sidebar: { collapsedRoots: [], }, + + // the toolbar is only visible in the fill screen view after clicking "View full screen" on a story + toolbar: { + remount: { hidden: true }, // controls the visibility of the "Remount component" button + zoom: { hidden: true }, // controls the visibility of the "Zoom in", "Zoom out", and "Reset zoom" buttons + addons: { hidden: true }, // controls the visibility of the "Show addons" button + fullscreen: { hidden: true }, // controls the visibility of the "Go full screen" button + eject: { hidden: true }, // controls the visibility of the "Open canvas in new tab" button + copy: { hidden: true }, // controls the visibility of the "Copy canvas link" button + }, }); diff --git a/packages/documentation/.storybook/preview.ts b/packages/documentation/.storybook/preview.ts index 521f730499..abef0ed326 100644 --- a/packages/documentation/.storybook/preview.ts +++ b/packages/documentation/.storybook/preview.ts @@ -2,7 +2,12 @@ import type { Preview } from '@storybook/web-components'; import { extractArgTypes, extractComponentDescription } from '@kurbar/storybook-addon-docs-stencil'; import { format } from 'prettier'; import DocsLayout from './blocks/layout/layout'; -import { openFullScreenDemo, prettierOptions, resetComponents } from './helpers'; +import { + fullScreenUrlDecorator, + openFullScreenDemo, + prettierOptions, + resetComponents, +} from './helpers'; import './helpers/register-web-components'; import './addons/cypress-storybook/client'; @@ -16,6 +21,7 @@ SyntaxHighlighter.registerLanguage('scss', scss); export const SourceDarkMode = true; const preview: Preview = { + decorators: [fullScreenUrlDecorator], parameters: { options: { storySort: { diff --git a/packages/documentation/.storybook/styles/manager.scss b/packages/documentation/.storybook/styles/manager.scss index e13bdbb8e2..7da09d5c1d 100644 --- a/packages/documentation/.storybook/styles/manager.scss +++ b/packages/documentation/.storybook/styles/manager.scss @@ -1,6 +1,7 @@ @use '@swisspost/design-system-styles/components/root'; @use '@swisspost/design-system-styles/mixins/utilities'; @use './components'; +@use '../addons/addons'; @use '../addons/version-switcher/version-switcher'; .sidebar-header { diff --git a/packages/documentation/.storybook/styles/preview.scss b/packages/documentation/.storybook/styles/preview.scss index 8858bc1f13..e8e8a9784f 100644 --- a/packages/documentation/.storybook/styles/preview.scss +++ b/packages/documentation/.storybook/styles/preview.scss @@ -1,5 +1,4 @@ // importing the complete styles package scss -@use '@swisspost/design-system-styles/post-external.scss'; @use '@swisspost/design-system-styles/core.scss' as post; @use '@swisspost/design-system-styles/mixins/utilities'; @use '@swisspost/internet-header/dist/swisspost-internet-header/swisspost-internet-header.css'; From 666d1cbf2a655d46edff0ec0abc7af7c1fe3f60e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 18 Sep 2024 16:15:18 +0200 Subject: [PATCH 08/25] fix(docs): removed typos in href paths (#3466) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Oliver Schürch --- .changeset/yellow-yaks-jog.md | 5 +++++ .../packages/internet-header/internet-header.docs.mdx | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/yellow-yaks-jog.md diff --git a/.changeset/yellow-yaks-jog.md b/.changeset/yellow-yaks-jog.md new file mode 100644 index 0000000000..c7b5522f2d --- /dev/null +++ b/.changeset/yellow-yaks-jog.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': patch +--- + +Fixed typos in the Sass and HTML href paths. diff --git a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx index 60887c0125..1cb5209bd1 100644 --- a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx +++ b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx @@ -114,11 +114,11 @@ This stylesheet allows you to access CSS variables to implement styling relative Sass Import - + HTML Import - `} dark={SourceDarkMode} language="html" /> + `} dark={SourceDarkMode} language="html" /> From ea78298fb364d3041c791070059693bd629f7df9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 18 Sep 2024 16:16:03 +0200 Subject: [PATCH 09/25] fix(components): Unexpected behavior of multilevel accordions (#3427) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/big-frogs-admire.md | 5 +++++ .../post-accordion-item/post-accordion-item.tsx | 2 +- .../components/post-accordion/post-accordion.tsx | 15 ++++++++------- 3 files changed, 14 insertions(+), 8 deletions(-) create mode 100644 .changeset/big-frogs-admire.md diff --git a/.changeset/big-frogs-admire.md b/.changeset/big-frogs-admire.md new file mode 100644 index 0000000000..6bee723b00 --- /dev/null +++ b/.changeset/big-frogs-admire.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-components': patch +--- + +Fixed a bug in nested accordions where closing a child item unintentionally closed all parent accordion elements. diff --git a/packages/components/src/components/post-accordion-item/post-accordion-item.tsx b/packages/components/src/components/post-accordion-item/post-accordion-item.tsx index dad8c4604a..f37be6652c 100644 --- a/packages/components/src/components/post-accordion-item/post-accordion-item.tsx +++ b/packages/components/src/components/post-accordion-item/post-accordion-item.tsx @@ -51,7 +51,7 @@ export class PostAccordionItem { // capture to make sure the "collapsed" property is updated before the event is consumed @Listen('postToggle', { capture: true }) onCollapseToggle(event: CustomEvent): void { - if ((event.target as HTMLElement).localName === 'post-accordion-item') { + if (event.target === this.host && (event.target as HTMLElement).localName === 'post-accordion-item') { this.collapsed = !event.detail; } } diff --git a/packages/components/src/components/post-accordion/post-accordion.tsx b/packages/components/src/components/post-accordion/post-accordion.tsx index 487ad1a86c..0138858388 100644 --- a/packages/components/src/components/post-accordion/post-accordion.tsx +++ b/packages/components/src/components/post-accordion/post-accordion.tsx @@ -50,23 +50,24 @@ export class PostAccordion { @Listen('postToggle') collapseToggleHandler(event: CustomEvent) { - if ((event.target as HTMLElement).localName === 'post-accordion-item') { - event.stopPropagation(); + const toggledItem = event.target as HTMLElement; + const closestParentAccordion = toggledItem.closest('post-accordion'); - const toggledItem = event.target as HTMLPostAccordionItemElement; - const isClosing = this.expandedItems.has(toggledItem); + if (closestParentAccordion === this.host && toggledItem.localName === 'post-accordion-item') { + const toggledAccordionItem = event.target as HTMLPostAccordionItemElement; + const isClosing = this.expandedItems.has(toggledAccordionItem); if (isClosing) { - this.expandedItems.delete(toggledItem); + this.expandedItems.delete(toggledAccordionItem); } else { - this.expandedItems.add(toggledItem); + this.expandedItems.add(toggledAccordionItem); } if (this.multiple || isClosing) return; // close other open accordion items to have only one opened at a time Array.from(this.expandedItems.values()) - .filter(item => item !== toggledItem) + .filter(item => item !== toggledAccordionItem) .forEach(item => { item.toggle(false); }); From d7f76dcfa39982ed358fcd8a9b7d920a753ceeff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 18 Sep 2024 16:22:39 +0200 Subject: [PATCH 10/25] chore(docs,components): make heading-level required and update docs (#3383) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/tame-terms-push.md | 6 ++++++ .../components/post-accordion-item/post-accordion-item.tsx | 2 +- .../src/components/post-accordion/post-accordion.tsx | 2 +- packages/components/src/components/post-accordion/readme.md | 2 +- .../stories/components/accordion/accordion-item.stories.ts | 3 +++ 5 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 .changeset/tame-terms-push.md diff --git a/.changeset/tame-terms-push.md b/.changeset/tame-terms-push.md new file mode 100644 index 0000000000..402e20981e --- /dev/null +++ b/.changeset/tame-terms-push.md @@ -0,0 +1,6 @@ +--- +'@swisspost/design-system-documentation': major +'@swisspost/design-system-components': major +--- + +Made the heading-level property required for the accordion and removed it from the accordion-item docs. diff --git a/packages/components/src/components/post-accordion-item/post-accordion-item.tsx b/packages/components/src/components/post-accordion-item/post-accordion-item.tsx index f37be6652c..a6dcc2774c 100644 --- a/packages/components/src/components/post-accordion-item/post-accordion-item.tsx +++ b/packages/components/src/components/post-accordion-item/post-accordion-item.tsx @@ -29,7 +29,7 @@ export class PostAccordionItem { * Defines the hierarchical level of the accordion item header within the headings structure. * @deprecated set the `heading-level` property on the parent `post-accordion` instead. */ - @Prop() readonly headingLevel?: HeadingLevel = 2; + @Prop() readonly headingLevel?: HeadingLevel; @Watch('headingLevel') validateHeadingLevel(newValue = this.headingLevel) { diff --git a/packages/components/src/components/post-accordion/post-accordion.tsx b/packages/components/src/components/post-accordion/post-accordion.tsx index 0138858388..04a597916e 100644 --- a/packages/components/src/components/post-accordion/post-accordion.tsx +++ b/packages/components/src/components/post-accordion/post-accordion.tsx @@ -21,7 +21,7 @@ export class PostAccordion { /** * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. */ - @Prop() readonly headingLevel?: HeadingLevel; + @Prop() readonly headingLevel!: HeadingLevel; @Watch('headingLevel') validateHeadingLevel(newValue = this.headingLevel) { diff --git a/packages/components/src/components/post-accordion/readme.md b/packages/components/src/components/post-accordion/readme.md index b75987447c..c49a7e8859 100644 --- a/packages/components/src/components/post-accordion/readme.md +++ b/packages/components/src/components/post-accordion/readme.md @@ -9,7 +9,7 @@ | Property | Attribute | Description | Type | Default | | -------------- | --------------- | -------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | -| `headingLevel` | `heading-level` | Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | +| `headingLevel` _(required)_ | `heading-level` | Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | | `multiple` | `multiple` | If `true`, multiple `post-accordion-item` can be open at the same time. | `boolean` | `false` | diff --git a/packages/documentation/src/stories/components/accordion/accordion-item.stories.ts b/packages/documentation/src/stories/components/accordion/accordion-item.stories.ts index c7a6a66647..b1063223b5 100644 --- a/packages/documentation/src/stories/components/accordion/accordion-item.stories.ts +++ b/packages/documentation/src/stories/components/accordion/accordion-item.stories.ts @@ -18,6 +18,9 @@ const meta: Meta = { headingLevel: { name: 'heading-level', control: false, // disable the control since it is not usable on the story + table: { + disable:true, + } }, }, }; From 205d7a003b96c1f78d64151a08cdca4cc84c3332 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Thu, 19 Sep 2024 15:19:03 +0200 Subject: [PATCH 11/25] feat(tokens): add new tokens (#3560) Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 8201 +++++++++-------- 1 file changed, 4401 insertions(+), 3800 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 8fee0befaa..71ae18f3e4 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -906,15 +906,15 @@ "disabled": { "fg": { "$type": "color", - "$value": "{post.core.color.brand.white}" + "$value": "{post.core.color.sandgrey.060}" }, "bg": { "$type": "color", - "$value": "{post.core.color.sandgrey.060}" + "$value": "{post.core.color.brand.white}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + "$value": "{post.core.color.sandgrey.060}" }, "fg-inverted": { "$type": "color", @@ -1060,7 +1060,7 @@ }, "stroke-inverted": { "$type": "color", - "$value": "{post.core.color.brand.white}" + "$value": "{post.core.color.colorless}" } }, "disabled": { @@ -1074,7 +1074,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + "$value": "{post.core.color.sandgrey.060}" }, "fg-inverted": { "$type": "color", @@ -1082,7 +1082,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.colorless}" + "$value": "{post.core.color.sandgrey.060}" }, "stroke-inverted": { "$type": "color", @@ -2087,6 +2087,10 @@ "10": { "$type": "spacing", "$value": "{post.core.dimension.8}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" } } }, @@ -2175,6 +2179,18 @@ "4": { "$type": "spacing", "$value": "{post.core.dimension.12}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" } }, "block": { @@ -2308,6 +2324,10 @@ "3": { "$type": "sizing", "$value": "{post.core.dimension.40}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" } }, "appstore": { @@ -2330,6 +2350,22 @@ "2": { "$type": "sizing", "$value": "{post.core.dimension.20}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" + }, + "5": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "6": { + "$type": "sizing", + "$value": "{post.core.dimension.8}" } } }, @@ -2391,6 +2427,10 @@ "round": { "$type": "borderRadius", "$value": "{post.core.dimension.100}" + }, + "focus": { + "$type": "borderRadius", + "$value": "{post.core.dimension.4}" } }, "font-weight": { @@ -2709,6 +2749,18 @@ "3": { "$type": "spacing", "$value": "{post.core.dimension.12}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" } } }, @@ -2756,6 +2808,10 @@ "3": { "$type": "sizing", "$value": "{post.core.dimension.32}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.34}" } }, "appstore": { @@ -2778,6 +2834,22 @@ "2": { "$type": "sizing", "$value": "{post.core.dimension.16}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "5": { + "$type": "sizing", + "$value": "{post.core.dimension.14}" + }, + "6": { + "$type": "sizing", + "$value": "{post.core.dimension.6}" } } }, @@ -3047,6 +3119,10 @@ "10": { "$type": "spacing", "$value": "{post.core.dimension.4}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" } } }, @@ -3083,6 +3159,18 @@ "2": { "$type": "spacing", "$value": "{post.core.dimension.28}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" } }, "block": { @@ -3180,6 +3268,10 @@ "3": { "$type": "sizing", "$value": "{post.core.dimension.24}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.28}" } }, "appstore": { @@ -3202,6 +3294,18 @@ "2": { "$type": "sizing", "$value": "{post.core.dimension.12}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.18}" + }, + "4": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + }, + "5": { + "$type": "sizing", + "$value": "{post.core.dimension.14}" } } }, @@ -3483,9 +3587,85 @@ "Elements/Link": { "post": { "link": { - "text-decoration": { + "decoration": { "$type": "textDecoration", "$value": "{post.core.text-decoration.underline}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" + }, + "focus": { + "outline": { + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + }, + "width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + }, + "style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" + } + } + } + }, + "Elements/ListBullet": { + "post": { + "list": { + "bullet": { + "item": { + "text": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + } + } + }, + "icon": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + }, + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + }, + "bullet": { + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.6}" + } + } + }, + "gap": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } + } + }, + "margin": { + "block": { + "$type": "spacing", + "$value": "tbd" + } + } } } } @@ -3652,7 +3832,7 @@ } } }, - "Components/Button": { + "Components/Button_old": { "post": { "button": { "color": { @@ -3781,309 +3961,33 @@ } } }, - "button": { - "primary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" - }, - "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}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke}" - } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" - } + "segmented": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.1}" } }, - "secondary": { - "color": { - "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}" - }, - "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}" + "spacing": { + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.11}" } - }, - "color-inverted": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg-inverted}" - }, - "enabled-bg": { - "$type": "color", - "$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.interactive.button.secondary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" - }, - "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}" - } - } - }, - "tertiary": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" - } - }, - "color-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.tertiary.enabled.bg-inverted}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" - }, - "hover-stroke": { - "$type": "color", - "$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}" - } - } - }, - "segmented": { - "color": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.hover.stroke}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.selected.fg}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.selected.bg}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.segmented.selected.stroke}" - } - } - } - }, - "segmented": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - } - } - } - }, - "small": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "gap": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.9}" + } + } + }, + "small": { + "sizing": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.1}" + } + }, + "spacing": { + "gap": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.9}" }, "padding": { "$type": "spacing", @@ -4154,582 +4058,385 @@ } } }, - "Components/Checkbox": { + "Components/Button": { "post": { - "checkbox": { - "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}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" - }, - "signal": { - "error-fg": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - } - }, + "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}" + }, + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } }, "gap": { "block": { - "group": { + "1": { "$type": "spacing", "$value": "{post.device.spacing.gap.4}" + }, + "2": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.2}" } }, "inline": { - "error": { + "switch": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" + "$value": "{post.device.spacing.gap.inline.3}" } } }, - "icon": { - "padding": { - "block": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - }, + "large": { + "gap": { "inline": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.1}" } }, - "width-inner": { + "height": { "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.width}" + "$value": "{post.device.sizing.interactive.button.height.2}" }, - "height-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.height}" + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.5}" + } }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.3}" } }, "padding": { "block": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - }, - "group": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.8}" - }, - "text-error": { + "icon-inner": { "$type": "spacing", - "$value": "{post.core.dimension.1}" + "$value": "{post.device.spacing.padding.1}" } }, "inline": { - "text-start": { + "icon-inner": { "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.2}" + "$value": "{post.device.spacing.padding.1}" } } }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.core.dimension.2}" - }, - "group": { - "legend": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - } - } - } - } - } - }, - "Components/Dropdown": { - "post": { - "dropdown": { - "multi-select": { - "menu": { - "category-title": { - "padding": { - "block": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.14}" - }, - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.15}" - } - }, - "inline": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.3}" - } - } - }, - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "font-weight": { - "$type": "fontWeights", - "$value": "{post.device.font-weight.bold}" - } - }, - "list-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": "{post.device.spacing.padding.block.16}" - }, - "end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.17}" - } - } - }, - "gap": { - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" - } - } - }, - "border-width": { - "bottom": { - "$type": "borderWidth", - "$value": "{post.device.border-width.dropdown}" - }, - "focus": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - } - }, - "icon": { - "spacing": { - "height": { - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.2}" - } - } - } - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - } - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" - } - }, - "padding": { - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.8}" - } - }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.300}" - } - } - } - } - } - }, - "Components/Notifications": { - "post": { - "infobox": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.4}" - } - }, - "spacing": { - "gap": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" - } - } - } - }, - "clickable": { - "spacing": { - "padding": { - "icon": { - "$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}" - } - }, - "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}" + }, + "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}" + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" } }, - "surface": { - "bg": { + "tertiary-inverted": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg-inverted}" }, - "fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg-inverted}" }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" }, - "padding": { - "block": { + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$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": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.1}" + }, + "gap": { + "inline": { "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - }, + "$value": "{post.device.spacing.gap.inline.10}" + } + }, + "padding": { "inline": { - "start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - }, - "end": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.6}" - } + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.6}" } }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.4}" + } + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + }, + "small": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.4}" + }, "gap": { "inline": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.4}" + "$value": "{post.device.spacing.gap.inline.11}" + } + }, + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.7}" } + }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.5}" } }, - "text": { - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "label": { + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" } }, "elevation": { "$type": "boxShadow", - "$value": "{post.device.elevation.300}" - }, - "focus": { - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" - } - }, - "paragraph": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - } + "$value": "{post.device.elevation.100}" }, - "legend": { - "font-size": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" } } } } }, - "Components/Radio button": { + "Components/Checkbox": { "post": { - "radio-button": { + "checkbox": { "enabled-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.bg1}" @@ -4770,16 +4477,16 @@ "$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}" }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + }, "signal": { - "error": { + "error-fg": { "$type": "color", "$value": "{post.mode.color.signal.error-dark}" } @@ -4846,7 +4553,7 @@ "$type": "spacing", "$value": "{post.device.spacing.padding.block.8}" }, - "error": { + "text-error": { "$type": "spacing", "$value": "{post.core.dimension.1}" } @@ -4859,11 +4566,9 @@ } }, "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - } - }, + "$type": "borderRadius", + "$value": "{post.core.dimension.2}" + }, "group": { "legend": { "font-size": { @@ -4875,407 +4580,488 @@ } } }, - "Components/Select": { + "Components/Dropdown": { "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}" + "dropdown": { + "multi-select": { + "menu": { + "category-title": { + "padding": { + "block": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.14}" + }, + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.15}" + } + }, + "inline": { + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.3}" + } + } + }, + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + } + }, + "list-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": "{post.device.spacing.padding.block.16}" + }, + "end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.17}" + } + } + }, + "gap": { + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" + } + } + }, + "border-width": { + "bottom": { + "$type": "borderWidth", + "$value": "{post.device.border-width.dropdown}" + }, + "focus": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "icon": { + "spacing": { + "height": { + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.2}" + } + } + } + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke}" + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + } + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + } + }, + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" + } } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" + } + } + } + }, + "Components/Notifications": { + "post": { + "infobox": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.4}" } }, - "gap": { - "inline": { - "section": { + "spacing": { + "gap": { + "inline": { "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + "$value": "{post.device.spacing.gap.4}" } } - }, - "filled": { + } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + } + } + }, + "interactive": { + "spacing": { "gap": { "inline": { - "value": { + "icon-end": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.4}" - } - } - }, - "padding": { - "block": { - "section": { + }, + "error": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.3}" + "$value": "{post.device.spacing.gap.inline.10}" } } } - }, - "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}" - } - } - } + } + }, + "notification": { + "banner": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.500}" } }, - "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}" - } + "toast": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" } }, - "icon": { - "padding": { - "droppdow-inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.15}" - } - }, - "signal": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" + "snackbar": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" } }, - "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": { + "color": { + "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "enabled-bg": { + "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "enabled-stroke": { + "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "hover-fg": { + "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "hover-bg": { + "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "hover-stroke": { + "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.notification.success.fg}" }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.3}" + "success-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.stroke}" }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.2}" - } - }, - "content": { - "enabled-fg": { + "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + "$value": "{post.mode.color.interactive.notification.success.icon}" }, - "enabled-bg": { + "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + "$value": "{post.mode.color.interactive.notification.warning.bg}" }, - "enabled-stroke": { + "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + "$value": "{post.mode.color.interactive.notification.warning.fg}" }, - "hover-fg": { + "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + "$value": "{post.mode.color.interactive.notification.warning.stroke}" }, - "hover-bg": { + "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + "$value": "{post.mode.color.interactive.notification.warning.icon}" }, - "hover-stroke": { + "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + "$value": "{post.mode.color.interactive.notification.error.bg}" }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" + "error-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.fg}" }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.1}" - } - }, - "focus": { - "stroke": { + "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$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}" } }, - "border-radius": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.100}" + "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/Stepper": { + "Components/Popover": { "post": { - "stepper": { - "text": { + "popover": { + "close-button": { + "focus-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "disabled-fg": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" - } - }, - "focus": { - "stroke": { + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.focus}" + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg2}" + }, + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.1}" } }, - "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": { + "link": { + "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" }, - "completed": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.9}" + } + }, + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" + "$value": "{post.mode.color.surface.accent4.fg}" }, - "next": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.notification.popover.hover}" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + }, + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" } }, - "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}" + "icon": { + "focus-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent1.fg}" + }, + "selected-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent1.fg}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" } }, - "padding": { - "connector": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.9}" + "surface": { + "bg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.bg}" + }, + "fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + }, + "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}" + } + } + }, + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.4}" + } } }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" + "text": { + "selected-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.fg}" } }, - "indicator": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.stepper.indicator}" + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.300}" }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" + "focus": { + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } }, - "step-label": { + "paragraph": { "font-size": { "$type": "fontSizes", "$value": "{post.device.font-size.7}" - }, - "selected": { - "font-weight": { - "$type": "fontWeights", - "$value": "{post.device.font-weight.bold}" - } + } + }, + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" } } } } }, - "Components/Switch": { + "Components/Radio button": { "post": { - "switch": { - "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}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - } + "radio-button": { + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" }, - "icon": { - "success": { + "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.success-dark}" + "$value": "{post.mode.color.signal.error-dark}" } }, "focus": { @@ -5288,75 +5074,67 @@ "$value": "{post.device.border-width.focus}" } }, - "element": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg3}" - }, - "disabled-stroke": { - "$type": "color", - "$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}" - } - }, "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.3}" - } - } - }, - "padding": { "block": { - "text": { + "group": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.7}" + "$value": "{post.device.spacing.gap.4}" } }, "inline": { - "handle": { + "error": { "$type": "spacing", - "$value": "{post.core.dimension.4}" + "$value": "{post.device.spacing.gap.inline.10}" + } + } + }, + "icon": { + "padding": { + "block": { + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.1}" + } + }, + "inline": { + "inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.1}" + } + } + }, + "width-inner": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.width}" + }, + "height-inner": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.height}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + } + }, + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + }, + "group": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + }, + "error": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + } + }, + "inline": { + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.2}" } } }, @@ -5365,700 +5143,902 @@ "$type": "borderRadius", "$value": "{post.device.border-radius.round}" } + }, + "group": { + "legend": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + } + } } } } }, - "Components/Text area": { + "Components/Select": { "post": { - "textarea": { - "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}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { + "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.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": { + "value": { "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + "$value": "{post.device.spacing.gap.inline.4}" } } }, "padding": { "block": { - "text-assist": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.5}" - }, - "text4": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" - }, - "textarea-top": { + "section": { "$type": "spacing", - "$value": "{post.device.spacing.padding.8}" + "$value": "{post.device.spacing.padding.block.3}" } - }, - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.1}" - }, - "text-end": { + } + } + }, + "unfilled": { + "padding": { + "block": { + "section": { "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" + "$value": "{post.device.spacing.padding.block.1}" }, - "text-assist": { + "label": { "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "$value": "{post.device.spacing.padding.block.2}" + } + } + }, + "focus": { + "padding": { + "block": { + "section": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.4}" + } } } } }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" - } - }, - "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - } - } - } - } - }, - "Components/Text highlighted": { - "post": { - "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}" + "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}" + } } }, - "height": { - "space-bottom": { + "icon": { + "padding": { + "droppdow-inner": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.15}" + } + }, + "signal": { "$type": "sizing", - "$value": "{post.core.dimension.24}" + "$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/Text input": { + "Components/Social media button": { "post": { - "input": { - "color": { - "enabled-bg": { + "social-media-button": { + "footer": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" }, - "enabled-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" }, - "hover-bg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.mode.color.interactive.button.primary.hover.fg}" }, - "disabled-bg": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.mode.color.interactive.button.primary.hover.bg}" }, - "disabled-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.3}" }, - "selected-fg": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.2}" + } + }, + "content": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" }, - "helptext-fg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg2}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" }, - "hover-stroke": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" }, - "disabled-stroke": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" }, - "selected-stroke": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.2}" }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - } + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.1}" } }, - "spacing": { - "gap": { - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.4}" - } - } + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "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}" - } - } - } - }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.textfields.icon}" + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" } }, "border-radius": { - "surface": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.1}" - } + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.100}" } } } }, - "Components/List": { + "Components/Stepper": { "post": { - "list": { - "checks": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.1}" - } + "stepper": { + "text": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "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}" - } + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + } + }, + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "spacing": { - "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}" - } - } - } + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" } }, - "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}" - } - } + "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}" + } + }, + "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}" + }, + "selected": { + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" } } } } } }, - "Components/Banner": { + "Components/Switch": { "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": { + "switch": { + "text": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "info-fg": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "info-stroke": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" - }, - "info-icon": { + "$value": "{post.mode.color.interactive.primary.selected.fg1}" + } + }, + "icon": { + "success": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" - }, - "success-bg": { + "$value": "{post.mode.color.signal.success-dark}" + } + }, + "focus": { + "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "success-fg": { + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "element": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, - "success-stroke": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.primary.enabled.bg2}" }, - "success-icon": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.mode.color.interactive.primary.selected.fg3}" }, - "warning-bg": { + "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.primary.selected.bg2}" }, - "warning-fg": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, - "warning-stroke": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, - "warning-icon": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.fg3}" }, - "error-bg": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.mode.color.interactive.primary.disabled.bg3}" }, - "error-fg": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" }, - "error-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "width": { + "$type": "sizing", + "$value": "{post.core.dimension.48}" }, - "error-icon": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "height": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "handle": { + "$type": "sizing", + "$value": "{post.core.dimension.18}" } - } - } - } - }, - "Components/Toast": { - "post": { - "toast": { - "spacing": { - "padding": { - "action": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.10}" - }, - "inline": { + }, + "gap": { + "inline": { + "text": { "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - }, - "block": { + "$value": "{post.device.spacing.gap.inline.3}" + } + } + }, + "padding": { + "block": { + "text": { "$type": "spacing", - "$value": "{post.device.spacing.padding.3}" + "$value": "{post.device.spacing.padding.block.7}" } }, - "gap": { - "action": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" - }, - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.2}" - }, - "inner": { + "inline": { + "handle": { "$type": "spacing", - "$value": "{post.device.spacing.gap.2}" + "$value": "{post.core.dimension.4}" } } }, - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.3}" + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" } - }, + } + } + } + }, + "Components/Text area": { + "post": { + "textarea": { "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": { + "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/Snackbar": { - "post": { - "snackbar": { + }, "spacing": { "gap": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.3}" + "inline": { + "1": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } } }, "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - }, "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.12}" + "text-assist": { + "$type": "spacing", + "$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}" + } } } }, "sizing": { "icon": { "$type": "sizing", - "$value": "{post.device.sizing.notification.icon.3}" + "$value": "{post.device.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" + } + } + } + } + }, + "Components/Text highlighted": { + "post": { + "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}" } }, + "height": { + "space-bottom": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + } + } + } + } + }, + "Components/Text input": { + "post": { + "input": { "color": { - "info-bg": { + "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" }, - "info-fg": { + "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, - "info-stroke": { + "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.mode.color.interactive.primary.hover.bg}" }, - "info-icon": { + "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.mode.color.interactive.primary.hover.fg1}" }, - "success-bg": { + "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.mode.color.interactive.primary.disabled.bg}" }, - "success-fg": { + "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" }, - "success-stroke": { + "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.mode.color.interactive.primary.selected.bg1}" }, - "success-icon": { + "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.mode.color.interactive.primary.selected.fg1}" }, - "warning-bg": { + "helptext-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.mode.color.interactive.primary.enabled.fg2}" }, - "warning-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, - "warning-stroke": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, - "warning-icon": { + "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.mode.color.interactive.primary.disabled.stroke}" }, - "error-bg": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" }, - "error-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "signal": { + "error": { + "$type": "color", + "$value": "{post.mode.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.mode.color.signal.success-dark}" + } }, - "error-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "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}" + } + } }, - "error-icon": { - "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "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}" + } + } + } + }, + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.textfields.icon}" + } + }, + "border-radius": { + "surface": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" } } } } }, - "Components/Inline notification": { + "Components/List": { "post": { - "inline": { + "list": { + "checks": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.1}" + } + }, + "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}" + } + }, + "spacing": { + "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}" + } + } + } + } + }, + "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}" + } + } + } + } + } + } + } + }, + "Components/Banner": { + "post": { + "banner": { "spacing": { - "gap": { + "padding": { "outer": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.7}" + "$value": "{post.device.spacing.padding.10}" }, - "inner": { + "action": { "$type": "spacing", - "$value": "{post.device.spacing.gap.1}" + "$value": "{post.device.spacing.padding.block.10}" } }, - "padding": { - "block": { + "gap": { + "outer": { "$type": "spacing", - "$value": "{post.device.spacing.padding.12}" + "$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}" } } }, @@ -6137,2187 +6117,2279 @@ } } }, - "Components/Text link": { + "Components/Toast": { "post": { - "link": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "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}" + } + }, + "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}" + } + } }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + } }, - "focus": { - "stroke": { + "color": { + "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - } - } - } - } - }, - "FigmaOnly": { - "utility": { - "typo": { - "heading": { - "h1": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h1.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "h2": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h2.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "info-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "h3": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h3.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "info-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "h4": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h4.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "info-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "h5": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h5.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "success-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "h6": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.heading.font-weight}", - "fontSize": "{post.h6.font-size}", - "lineHeight": "{post.heading.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } - } - }, - "content": { - "lead": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.5}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "success-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.fg}" }, - "paragraph-l": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.device.font-size.5}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "success-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.stroke}" }, - "paragraph-m": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}", - "fontSize": "{post.body.font-size}" - } + "success-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.icon}" }, - "paragraph-s": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.device.font-size.7}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" - } - } - }, - "legend": { - "small": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.6}", - "lineHeight": "{post.device.line-height.legend}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "warning-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.bg}" }, - "large": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.legend.font-weight}", - "fontSize": "{post.legend.large.font-size}", - "lineHeight": "{post.legend.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } - } - }, - "label": { - "default": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.regular}", - "fontSize": "{post.device.font-size.6}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "warning-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.fg}" }, - "default-bold": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.6}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "warning-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.stroke}" }, - "medium": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.regular}", - "fontSize": "{post.device.font-size.8}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "warning-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.warning.icon}" }, - "medium-bold": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.8}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "error-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.bg}" }, - "small": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.regular}", - "fontSize": "{post.device.font-size.9}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" - } + "error-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.error.fg}" }, - "smaller": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.regular}", - "fontSize": "{post.device.font-size.10}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" + "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/Snackbar": { + "post": { + "snackbar": { + "spacing": { + "gap": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.3}" } }, - "extrasmall": { - "$type": "typography", - "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.regular}", - "fontSize": "{post.device.font-size.11}", - "lineHeight": "{post.device.line-height.label}", - "letterSpacing": "{post.core.letter-spacing.default}" + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.11}" + }, + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.12}" } } }, - "link": { - "default-underline": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.body.font-size}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}", - "textDecoration": "{post.link.text-decoration}" - } + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + } + }, + "color": { + "info-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.bg}" }, - "default": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.body.font-size}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "info-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.fg}" }, - "selected": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.body.font-size}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "info-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.stroke}" }, - "small-underline": { - "$type": "typography", - "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}", - "textDecoration": "{post.link.text-decoration}", - "fontFamily": "{post.body.font-family}" - } + "info-icon": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.info.icon}" }, - "small": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.utility.typo.font-size.sm}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}" - } + "success-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.notification.success.bg}" }, - "small-selected": { - "$type": "typography", - "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}", - "fontFamily": "{post.body.font-family}" - } - } - }, - "default": { - "$type": "typography", - "$value": { - "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.body.font-size}", - "lineHeight": "{post.body.line-height}", - "letterSpacing": "{post.body.letter-spacing}" + "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}" } } } } }, - "Utilities/Spacing": { + "Components/Inline notification": { "post": { - "utility": { + "inline": { "spacing": { - "margin": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { + "gap": { + "outer": { "$type": "spacing", - "$value": "{post.core.dimension.64}" + "$value": "{post.device.spacing.gap.inline.7}" }, - "78": { + "inner": { "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { + "$value": "{post.device.spacing.gap.1}" + } + }, + "padding": { + "block": { "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - }, - "auto": { - "$type": "spacing", - "$value": "\"auto\"" + "$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.notification.info.bg}" }, - "padding": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { - "$type": "spacing", - "$value": "{post.core.dimension.64}" - }, - "78": { - "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { - "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - } + "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}" } } } } }, - "Utilities/Typo": { + "Components/Icon button": { "post": { - "utility": { - "typo": { - "font-size": { - "sm": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - }, - "md": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - }, - "lg": { - "$type": "fontSizes", - "$value": "{post.device.font-size.5}" - } + "icon-button": { + "focus": { + "stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" }, - "font-weight": { - "regular": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.400}" - }, - "bold": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.700}" - }, - "black": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.900}" - } + "stroke-inverted": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke-inverted}" }, - "line-height": { - "1": { - "$type": "lineHeights", - "$value": "{post.core.line-height.100}" - }, - "sm": { - "$type": "lineHeights", - "$value": "{post.core.line-height.120}" - }, - "lg": { - "$type": "lineHeights", - "$value": "{post.core.line-height.150}" - } + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" }, - "letter-spacing": { - "none": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.none}" - }, - "default": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.default}" - } + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "large": { + "outer": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.2}" + }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.3}" + } + }, + "primary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + }, + "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}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$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}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" + } + }, + "secondary": { + "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}" + }, + "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.interactive.button.secondary.enabled.fg-inverted}" + }, + "enabled-bg": { + "$type": "color", + "$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.interactive.button.secondary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" + }, + "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}" + } + }, + "tertiary": { + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" + }, + "disabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" + }, + "disabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" + } + }, + "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.tertiary.enabled.bg-inverted}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" + }, + "hover-stroke": { + "$type": "color", + "$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.1}" + }, + "icon": { + "$type": "sizing", + "$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}" + }, + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.icon.5}" + } + }, + "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}" } } } } }, - "$themes": [ - { - "id": "514830f6bf26a4884e35584d9803cb7775507bf0", - "name": "Brand", - "selectedTokenSets": { - "core": "enabled" - }, - "$figmaStyleReferences": { - "post.core.elevation.1": "S:f8b6aeeaf30e42f1bfbfa0d0280ffd2ad5de080d,", - "post.core.elevation.2": "S:bbc9f73a5a14a52a9b40edff1bfd7f1b074b29e7,", - "post.core.elevation.3": "S:a32c4816622ffc3d5da4b3d0adf535b3d922a2d6,", - "post.core.elevation.4": "S:f1b0887f36a6f34edee5bfac9e7936e903cfaa4b,", - "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," - }, - "$figmaVariableReferences": { - "post.core.color.brand.postyellow": "1ada4885ffc342025901ed77f04c8ef288847238", - "post.core.color.brand.black": "6ddcb4876b56bfa3067c99e1d340110a3b0d0e00", - "post.core.color.brand.white": "854447dbb507b5d3f0245e7934e4dc2d58d31d42", - "post.core.color.notification.green": "74133ba89df74b896da89dfc8ea716665676c455", - "post.core.color.notification.red": "6033282b0129a97545fdb2b4a7d849c86a3aaaa7", - "post.core.color.notification.orange": "c8806819b35876178a5630b0e85ecc62bf26efaa", - "post.core.color.notification.blue": "4b1bc769bfb9bb9e513a8ad032bcf08f6338d1ea", - "post.core.color.notification.green-light": "14699ea3d83dce7dd4a41c62a75e23e22a517ce7", - "post.core.color.notification.red-light": "dc8a3f925a29ec749bed302314c141a7483ca160", - "post.core.color.notification.orange-light": "d5f216e93abaa8bd3b7be2708846595265f69acb", - "post.core.color.notification.blue-light": "96e994c2e2920dcba3de3f9a2ba7b43bf914cb79", - "post.core.color.sandgrey.100": "3f0c5233089d823bb75769a5e022748cef8d6beb", - "post.core.color.sandgrey.000": "0f66c4e1b53dbf13095454ed0247b0e8c3d889e0", - "post.core.color.sandgrey.002": "e9a3ff986fba3d9d8d34a948ee34993b206ddf1c", - "post.core.color.sandgrey.006": "8de52bd59874bfa57a104263c7da167f70bb36e7", - "post.core.color.sandgrey.012": "90a7a6113db7f27c1cb7bc03d5d83b5164a40a9e", - "post.core.color.sandgrey.020": "79ef5a19c790fab23f47db7d133fc94b6b6f175f", - "post.core.color.sandgrey.030": "7d334ad280a3d2f5c434b2859365458ff54cc1f4", - "post.core.color.sandgrey.040": "7cf5dd00c9d9c5a8e767925edded58a2decb81ee", - "post.core.color.sandgrey.050": "9eafc811f24441047c8f9c55f8c4676a53a72b07", - "post.core.color.sandgrey.060": "8fb0e1c235aa3e443fbad5f337357edb15bd3be3", - "post.core.color.sandgrey.070": "ba7cc96f89f38c6b5b1df7e7fdec1d9374e0da1d", - "post.core.color.sandgrey.080": "e5126143ee1461e860857e8e8bf3ed0aaf8bf529", - "post.core.color.sandgrey.090": "d54490414693701dbd76c5ba3b4c17bfaf517663", - "post.core.color.sandgrey.alpha.darksand.10": "110c39fdb1a21bcfb94336ab559d092b6d48b4a9", - "post.core.color.sandgrey.alpha.darksand.20": "cad777c1914c945da2b2dcfeafccdf35d79f2e57", - "post.core.color.sandgrey.alpha.darksand.30": "edec40b98f83ed98babc02a98b31bbaefb08a746", - "post.core.color.sandgrey.alpha.darksand.40": "3821a9ef168ba9ec6ad4b0712d1d7ddd08f9c1e1", - "post.core.color.sandgrey.alpha.darksand.50": "062986ca42b1cfdffee815b39721e3cb26e4877e", - "post.core.color.sandgrey.alpha.darksand.60": "a9fea5c196d64bae8fec2a03da96cfd22eeed80d", - "post.core.color.sandgrey.alpha.darksand.70": "e3929c8fab91d7b5e0feea9038f4693e31a32a8d", - "post.core.color.sandgrey.alpha.darksand.80": "e5600aa0b74e33460618dc507e384d1250d9ef7b", - "post.core.color.sandgrey.alpha.darksand.90": "f23b92000e33ad3ba61a3cb6c22f026222de3c92", - "post.core.color.sandgrey.alpha.lightsand.10": "7083e474d736d653af76a09f1810a2863d23fbe8", - "post.core.color.sandgrey.alpha.lightsand.20": "d1d9b4ea108cb1d4a0c1618ddb997c009441bd91", - "post.core.color.sandgrey.alpha.lightsand.30": "d84e4cbc67c66524b3021662bddc877c4e0b4ee3", - "post.core.color.sandgrey.alpha.lightsand.40": "e382b3f22a9933efb1e141b30ff0b4c96ab96fbf", - "post.core.color.sandgrey.alpha.lightsand.50": "99b4f0370ff3e5d2133c5fd2c14d05832c290ca3", - "post.core.color.sandgrey.alpha.lightsand.60": "91ada1d279f1e38d5ea12016f78f5b08eb0528ab", - "post.core.color.sandgrey.alpha.lightsand.70": "4822c64e9ed611a07388b899510e4e476b4d63a6", - "post.core.color.sandgrey.alpha.lightsand.80": "3d2bec28282aa25e40831de22df52defd7af4a3e", - "post.core.color.sandgrey.alpha.lightsand.90": "a27931f39c2f5fe6bce1e53337bf973fc0160b3a", - "post.core.color.colorless": "28411178dcd53a19586b729f27355f6a510d4d96", - "post.core.dimension.0": "812facbf5bdccac17ef2b362a51a8f0880fa0ae8", - "post.core.dimension.1": "633af9102376b2b86a280d4487c01379eac42357", - "post.core.dimension.2": "12b3a5b4d32b0f2ccf010673077f46b14ffd8d7b", - "post.core.dimension.3": "d463329c2d4e497c70f18898a2ef84929ea208e1", - "post.core.dimension.4": "652e6941eb5ffe7b11b4919943eaa82985cea887", - "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", - "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", - "post.core.dimension.8": "32a49eb9f6a3706172348bdf0fd51703bdecc0e9", - "post.core.dimension.9": "ca8146c7e9870c3cf4e15aa0cd4141b129e2a5b5", - "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", - "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", - "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", - "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", - "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", - "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", - "post.core.dimension.18": "a8d771a99eb5f445437880a6f1f4176857a99e9f", - "post.core.dimension.19": "b733f96e2819d633f99f2fec757ee6943d924e62", - "post.core.dimension.20": "fe5b4a93e0c7b12da9cbc7e49ebb82d9459a1bc3", - "post.core.dimension.22": "037050b0792d5a035936ad8587cc651b219f02fa", - "post.core.dimension.24": "3e80cbdfb2c88bbe42328dfd8e8608ebe760ee2f", - "post.core.dimension.26": "bcdb206ef2815e1e09111f81ed0baf79b4bf2cd6", - "post.core.dimension.28": "1811251486c8758094d69d157c6f4865a1128c16", - "post.core.dimension.30": "5b61020ce28f318441501b9f2e8d65e040e8a532", - "post.core.dimension.32": "5d2c1b6b60f424b98dbf82641b9be216b1e3723f", - "post.core.dimension.34": "04e2b51cb7030588d248f62e3abf6d234992d10e", - "post.core.dimension.36": "6e42dbdae5890500b12efbbf989c507a1b48d2ca", - "post.core.dimension.40": "60db40cf07a6b3e92bcf85edc80515fd7a09d8b9", - "post.core.dimension.48": "3c99f33268fc1a0907c9c95feb818692b940f0df", - "post.core.dimension.56": "be606e2dbf04b756f087cf97628f7dcc88b4a25d", - "post.core.dimension.64": "45594761f6b08503e67e61fcfe9a3c12e8d09173", - "post.core.dimension.78": "d8d6b0835a349a9dd8cbe65e95943de12d3a3a00", - "post.core.dimension.80": "1ed36d765c9681045964985247fa22284ce969b7", - "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", - "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9", - "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", - "post.core.dimension.5-5": "972288dd1addb9aae5e34073da7683bc7f0a99fd", - "post.core.dimension.6-5": "ef1aee12a8f7f938117c4de244a4f37d7dfad29f", - "post.core.dimension.4-5": "4bdff2ecd88fa32f393698921bced3153c49b909", - "post.core.dimension.7-5": "e05efd978d1d8d8b174af4019a1b3667a39d6e9f", - "post.core.dimension.1-5": "e9a806cc8b202847d48f7843c1a5536c39fb544e", - "post.core.dimension.8-5": "4806510e987f7bd5df8cf01a4ed6ddd83ee0f46f", - "post.core.dimension.3-5": "fabd9da13f12377a471bcfaff026173ac38a8756", - "post.core.font-weight.300": "4436d559d2383ae1a0ad88d57da9ce6360a7aef7", - "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335", - "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831", - "post.core.font-weight.700": "a8572f4ab00764d5deee3d136c730ba552e3d649", - "post.core.font-weight.900": "5f8959c4864dcf53df2f1fe072a0e49024d4f55c", - "post.core.font-size.10": "9d28f418453b10ccb7dbfdbd4ebe9aac4ffe4e92", - "post.core.font-size.12": "5dc9c3ef87dd21399fad6126eb687336a0ff820a", - "post.core.font-size.14": "41566212e16fb102bc860a86c787daabdadec2e0", - "post.core.font-size.16": "cfe88d463c2a97605853ad688f610b6d2413aa79", - "post.core.font-size.18": "87a6c3f64bb8442a7a68b68a117e37642e05ab0a", - "post.core.font-size.20": "406933c00d98f806b314773b720b44ef18c44b21", - "post.core.font-size.22": "84d13d9117cb15e2dd4765f4dd62e4ac8e4089d0", - "post.core.font-size.24": "9adfd1cbdaf8c62ec5e1767d289abe387474e032", - "post.core.font-size.26": "817b79f15604f76f861989e5a09997c8530b5d90", - "post.core.font-size.28": "e6c1bd0761a9978e4527442cfab59ba9f764d2bd", - "post.core.font-size.30": "2c729cc88e7a14ae59780f15f7b51059b504717b", - "post.core.font-size.32": "468652535b4d230b8aacbfdad93b0ac69dd79f5e", - "post.core.font-size.34": "d4359139af1b8156d417d4da6b43dd112463db81", - "post.core.font-size.36": "d915e690bf9ee5217752fd9d94f42d744e82aa92", - "post.core.font-size.40": "79f8e733b8e993cbc3792ea4ed7a9e702b1a769c", - "post.core.letter-spacing.none": "195c468fa2f255470e6e8077bfc5cb14da225064", - "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", - "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea", - "post.utility.spacing.dup.0": "52e996045a110cbecb60141125745fc61e305aaf", - "post.utility.spacing.dup.1": "5caf57906c734d7a50161d804911c891a9cf9479", - "post.utility.spacing.dup.2": "730a1bb47cd8aa5fa3fd65bbe6822e49d7831737", - "post.utility.spacing.dup.3": "92418a8c1414f01fde9135db533570f4a56d5bf2", - "post.utility.spacing.dup.4": "049bc30cbd6cc4d1597e1944715a48283ae07909", - "post.utility.spacing.dup.5": "5dac4ea148ce6b07948ecb6f9bb1bb2f0181a95d", - "post.utility.spacing.dup.6": "fdc441fa3b00561385dd9a6230e3fc7084346329", - "post.utility.spacing.dup.8": "5dd07038c8e737d7040ec0468eb4bf4414dc81a9", - "post.utility.spacing.dup.10": "abced30adcada42355bf66ff3bd3cc9f438f240e", - "post.utility.spacing.dup.11": "82369c7a3310d96d1d7da25a5dabc56b0d4e75d5", - "post.utility.spacing.dup.12": "98a79282457e9f75f8738bb804f19a36ea024f1c", - "post.utility.spacing.dup.14": "8d7b26579fd636cbd2666b14ff9bd6024fbbd3d2", - "post.utility.spacing.dup.15": "032682f8602419f1c2d903c425aebe143dd13423", - "post.utility.spacing.dup.16": "48744ef9ea5485c438b925b5e50bf388a57947cb", - "post.utility.spacing.dup.18": "d8ccd430a4b1a156dbf4762b2548c2fe2ce55db1", - "post.utility.spacing.dup.19": "a497fff770eac663acb27bb4d996015697142029", - "post.utility.spacing.dup.20": "5672d6eb0a99506507d0bd86fe3f9b2f1e03904e", - "post.utility.spacing.dup.22": "84241fbdb7d964613a652a36c33c57627abc3f30", - "post.utility.spacing.dup.24": "a4bda3a398caedaf9643f5bcfa86abafdedfbd15", - "post.utility.spacing.dup.26": "37f558f9ea348b0c322a1db0a72cfd332b772983", - "post.utility.spacing.dup.28": "0aaaef1558842e14b54d645b90fe35b0d1d3b30a", - "post.utility.spacing.dup.30": "dbf41e94215d61cd23e246e9731d2f47e01e7e60", - "post.utility.spacing.dup.32": "8be8c67dd319ef96e7208a3e8e67479c6499241e", - "post.utility.spacing.dup.34": "3de224c920a25d89930c5ab4e462968e1215f1e0", - "post.utility.spacing.dup.36": "2b1cd8f1f74cf604900aee9c6b9b1a5f581b39fa", - "post.utility.spacing.dup.40": "89a7f921ac312b4a196b8ed8fdc122d0cb17c59e", - "post.utility.spacing.dup.48": "d2dd27537edc3f1a2fe80627b29f15d268a4558b", - "post.utility.spacing.dup.56": "66eb9fff444ba8eb447114037db2063c84e83947", - "post.utility.spacing.dup.64": "dbf16a71eb91f503be2a2724f1510db1b9bf4b91", - "post.utility.spacing.dup.78": "c96831555685780d4876f79013af7b8a5f525bf0", - "post.utility.spacing.dup.80": "2ca827175d302e999d8307fee39cea9b4ba4917e", - "post.utility.spacing.dup.96": "afd205b79c7fb6ba82802f1067b50d55aaebc8d6", - "post.utility.spacing.dup.100": "bcd9030f63424d12a73550be12387422cc7d6b62", - "post.utility.spacing.dup.112": "1579fffe81d7858788908ee0e6c91b60b253b46d", - "post.utility.spacing.dup.5-5": "b0544aca049a8f37bedc7a23956373d78b2dbeee", - "post.utility.spacing.dup.6-5": "5aaab350d26b274a4800b85960d830f5e48370c3", - "post.utility.spacing.dup.4-5": "8372bdf49b50971b3f86fd487b0979e0789e91f2", - "post.utility.spacing.dup.7-5": "23a11db07aa175a0c3b25b0f1b736ceb6f66369d", - "post.utility.spacing.dup.1-5": "3f6063d3df9de0e70a07cef75914575893e70c44", - "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491" - }, - "$figmaCollectionId": "VariableCollectionId:718:1595", - "$figmaModeId": "718:0" - }, - { - "id": "bc9cb1e27d130453fd53e4bf9b623267013cf266", - "name": "Light", - "group": "Mode", - "selectedTokenSets": { - "core": "source", - "Mode/Light": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", - "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", - "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", - "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", - "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", - "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", - "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", - "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", - "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", - "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", - "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", - "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", - "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", - "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", - "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", - "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", - "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", - "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", - "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", - "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", - "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", - "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", - "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", - "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", - "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", - "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", - "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", - "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", - "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", - "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", - "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", - "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", - "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", - "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", - "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", - "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", - "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", - "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", - "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", - "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", - "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", - "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", - "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", - "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", - "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", - "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", - "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", - "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", - "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", - "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", - "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", - "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", - "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", - "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", - "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", - "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", - "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", - "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", - "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", - "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", - "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", - "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", - "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", - "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", - "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", - "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", - "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", - "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", - "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", - "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", - "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", - "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", - "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", - "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", - "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", - "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", - "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", - "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", - "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", - "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", - "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", - "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", - "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", - "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", - "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", - "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", - "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", - "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", - "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", - "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", - "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", - "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", - "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", - "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", - "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", - "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", - "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", - "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", - "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", - "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", - "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", - "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", - "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", - "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", - "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", - "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", - "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", - "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", - "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", - "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", - "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", - "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", - "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", - "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", - "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", - "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", - "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", - "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", - "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", - "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", - "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", - "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", - "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", - "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", - "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.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", - "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", - "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", - "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" - }, - "$figmaCollectionId": "VariableCollectionId:718:1666", - "$figmaModeId": "718:1" - }, - { - "id": "de8b6fdd351986fc6472734f26f2214728ddd2fa", - "name": "Dark", - "selectedTokenSets": { - "core": "source", - "Mode/Dark": "enabled", - "Mode/Light": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", - "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", - "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", - "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", - "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", - "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", - "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", - "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", - "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", - "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", - "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", - "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", - "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", - "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", - "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", - "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", - "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", - "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", - "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", - "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", - "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", - "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", - "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", - "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", - "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", - "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", - "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", - "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", - "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", - "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", - "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", - "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", - "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", - "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", - "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", - "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", - "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", - "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", - "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", - "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", - "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", - "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", - "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", - "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", - "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", - "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", - "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", - "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", - "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", - "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", - "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", - "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", - "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", - "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", - "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", - "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", - "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", - "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", - "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", - "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", - "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", - "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", - "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", - "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", - "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", - "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", - "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", - "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", - "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", - "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", - "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", - "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", - "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", - "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", - "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", - "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", - "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", - "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", - "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", - "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", - "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", - "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", - "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", - "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", - "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", - "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", - "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", - "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", - "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", - "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", - "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", - "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", - "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", - "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", - "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", - "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", - "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", - "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", - "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", - "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", - "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", - "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", - "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", - "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", - "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", - "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", - "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", - "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", - "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", - "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", - "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", - "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", - "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", - "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", - "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", - "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", - "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", - "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", - "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", - "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", - "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", - "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", - "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", - "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", - "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", - "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", - "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", - "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", - "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", - "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", - "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" - }, - "$figmaCollectionId": "VariableCollectionId:718:1666", - "$figmaModeId": "718:2", - "group": "Mode" - }, - { - "id": "d362fcc79265872632ad56f353cbd9c3d6cd751c", - "name": "Desktop", - "group": "Device", - "selectedTokenSets": { - "core": "source", - "Device/Desktop": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", - "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", - "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", - "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", - "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", - "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", - "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", - "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", - "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", - "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", - "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", - "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", - "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", - "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", - "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", - "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", - "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", - "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", - "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", - "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", - "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", - "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", - "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", - "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", - "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", - "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", - "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", - "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", - "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", - "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", - "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", - "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", - "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", - "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", - "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", - "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", - "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", - "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", - "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", - "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", - "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", - "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", - "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", - "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", - "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", - "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", - "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", - "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", - "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", - "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", - "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", - "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", - "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", - "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", - "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", - "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", - "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", - "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", - "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", - "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", - "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", - "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", - "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", - "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", - "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", - "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", - "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", - "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", - "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", - "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", - "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", - "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", - "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", - "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", - "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", - "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", - "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", - "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", - "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", - "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", - "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", - "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", - "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", - "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", - "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", - "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", - "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", - "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", - "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", - "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", - "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", - "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", - "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", - "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", - "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", - "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", - "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" - }, - "$figmaCollectionId": "VariableCollectionId:718:1733", - "$figmaModeId": "718:3" - }, - { - "id": "83b9469fbc9929f5fb4d2c9189c6cb94f88abe59", - "name": "Tablet", - "selectedTokenSets": { - "core": "source", - "Device/Tablet": "enabled", - "Device/Desktop": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", - "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", - "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", - "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", - "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", - "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", - "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", - "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", - "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", - "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", - "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", - "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", - "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", - "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", - "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", - "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", - "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", - "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", - "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", - "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", - "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", - "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", - "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", - "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", - "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", - "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", - "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", - "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", - "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", - "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", - "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", - "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", - "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", - "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", - "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", - "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", - "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", - "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", - "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", - "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", - "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", - "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", - "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", - "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", - "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", - "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", - "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", - "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", - "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", - "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", - "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", - "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", - "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", - "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", - "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", - "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", - "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", - "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", - "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", - "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", - "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", - "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", - "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", - "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", - "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", - "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", - "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", - "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", - "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", - "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", - "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", - "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", - "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", - "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", - "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", - "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", - "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", - "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", - "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", - "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", - "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", - "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", - "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", - "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", - "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", - "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", - "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", - "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", - "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", - "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", - "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", - "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", - "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", - "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", - "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", - "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" - }, - "$figmaCollectionId": "VariableCollectionId:718:1733", - "$figmaModeId": "718:4", - "group": "Device" - }, - { - "id": "dff23abad2cf0d0abb938cba79022be7f266785a", - "name": "Mobile", - "selectedTokenSets": { - "core": "source", - "Device/Mobile": "enabled", - "Device/Tablet": "enabled", - "Device/Desktop": "enabled" - }, - "$figmaStyleReferences": { - "post.device.elevation.100": "S:fa7e1124280bc88b48f2a8be662b58776b052413,", - "post.device.elevation.200": "S:040397e62494b199bf04713a79be6f118fce096b,", - "post.device.elevation.300": "S:3078936d51b4113a7c2518bc86ca16d4ddda723a,", - "post.device.elevation.400": "S:e1d8c1f77504898ae99b6618189947192ce16f25,", - "post.device.elevation.500": "S:9177390e4a1872257021623d2832362db3ca30ce," - }, - "$figmaVariableReferences": { - "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", - "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", - "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", - "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", - "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", - "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", - "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", - "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", - "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", - "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", - "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", - "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", - "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", - "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", - "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", - "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", - "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", - "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", - "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", - "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", - "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", - "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", - "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", - "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", - "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", - "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", - "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", - "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", - "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", - "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", - "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", - "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", - "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", - "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", - "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", - "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", - "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", - "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", - "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", - "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", - "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", - "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", - "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", - "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", - "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", - "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", - "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", - "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", - "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", - "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", - "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", - "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", - "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", - "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", - "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", - "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", - "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", - "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", - "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", - "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", - "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", - "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", - "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", - "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", - "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", - "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", - "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", - "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", - "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", - "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", - "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", - "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", - "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", - "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", - "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", - "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", - "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", - "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", - "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", - "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", - "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", - "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", - "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", - "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", - "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", - "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", - "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", - "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", - "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", - "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", - "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", - "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", - "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", - "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", - "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", - "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", - "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" - }, - "$figmaCollectionId": "VariableCollectionId:718:1733", - "$figmaModeId": "718:5", - "group": "Device" - }, - { - "id": "27fdb0e5f1804acdc26a4c9841ce202524eda3ec", - "name": "EDK", - "group": "Channel", - "selectedTokenSets": { - "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Channel/EDK": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.channel.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" - }, - "$figmaCollectionId": "VariableCollectionId:718:1734", - "$figmaModeId": "718:6" - }, - { - "id": "ec05cf777687da51e0dd773b9f14b3da6a9827b3", - "name": "IDK", - "group": "Channel", - "selectedTokenSets": { - "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Channel/IDK": "enabled" - }, - "$figmaStyleReferences": {}, - "$figmaVariableReferences": { - "post.channel.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" - }, - "$figmaCollectionId": "VariableCollectionId:718:1734", - "$figmaModeId": "718:7" - }, - { - "id": "e534604289ad8233d314de3c48efb9731db36059", - "name": "Components", - "selectedTokenSets": { - "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Device/Desktop": "source", - "Channel/EDK": "source", - "Channel/IDK": "source", - "Theme/Post": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Components/Notifications": "enabled", - "Components/Breadcrumb": "enabled", - "Components/Button": "enabled", - "Components/Checkbox": "enabled", - "Components/Popover": "enabled", - "Components/Radio button": "enabled", - "Components/Select": "enabled", - "Components/Social media button": "enabled", - "Components/Stepper": "enabled", - "Components/Switch": "enabled", - "Components/Text area": "enabled", - "Components/Text highlighted": "enabled", - "Components/Text input": "enabled", - "Components/Text link": "enabled", - "Components/Badge": "enabled", - "Components/List": "enabled", - "Components/Banner": "enabled", - "Components/Toast": "enabled", - "Components/Snackbar": "enabled", - "Components/Inline notification": "enabled", - "Components/Dropdown": "enabled", - "Elements/Legend": "source", - "Elements/Heading": "source", - "Elements/Body": "source" - }, - "$figmaStyleReferences": { - "post.comp.utility.typo.subtitle.sub-h1": "S:856a13149c97774fec68dc7cb3cda645b76fb9ce,", - "post.comp.utility.typo.subtitle.sub-h2": "S:33a586ac88cbc38a5ee7da7091caa73928ab481d,", - "post.comp.utility.typo.subtitle.sub-h3": "S:4045ebf7065f9982b22d4d35a53e0aab4298e4d2,", - "post.comp.utility.typo.subtitle.sub-h4": "S:2aea32f259b8445df4ec570fcbde8443a1a2d5d0,", - "post.comp.utility.typo.subtitle.sub-h5": "S:1085f71a5ffc33d5dcb90b61012f018d6ec88141,", - "post.comp.utility.typo.subtitle.sub-h6": "S:0c483e0433a5ba231efcee0a64428a7f689b24c0,", - "post.comp.interactive.elevation.selected": "S:6706bf244e5c8dce55cb47f948993757587298fc,", - "utility.typo.content.lead": "S:36a9449b8b79c0e92df32d2ea9e058eeaaae6eff,", - "utility.typo.legend.small": "S:68eb1a6c22eff58487de197dcafe80186a8f181d,", - "utility.typo.legend.large": "S:3acda38013ae0f8f7b0cebf733f984118c3f8406,", - "utility.typo.label.default": "S:4a0a01649da41f52b07feb06ba27151f8e4eef41,", - "utility.typo.label.medium": "S:5b88d987150b0ab7eeb0a467e96f09b3e2694fe6,", - "utility.typo.label.medium-bold": "S:2b5a282976baa6c747bf562295133687bf061097,", - "utility.typo.label.small": "S:08071d380dc7f37e83ee785328afd76be5f950bb,", - "utility.typo.label.extrasmall": "S:f9f712258922b096c31ac26fd7878314f12ddbaf,", - "utility.typo.label.smaller": "S:e796b4e08581273fb63209571f98a2e757749a30,", - "utility.typo.link.default": "S:6b8910f6848b7cf689370b61c92bcebb4e0442f2,", - "utility.typo.link.selected": "S:c38314eab9d0f81af2bbb25d2171df9f11a8e6a8,", - "utility.typo.link.small-underline": "S:45b69963e5992e986eb2273e8e01ff3148adfd60,", - "utility.typo.link.small": "S:1ba06fe73589aaacb95ee478bd084b94494e15cd,", - "utility.typo.link.small-selected": "S:7f068c77dd2de50daa4bdde9ce016b7bdd724491,", - "utility.typo.label.default-bold": "S:00e2a110184d89ffd4e5f6a2ca6e75b5923792e4,", - "post.comp.notification.popup.elevation": "S:c6fde757ac340da2770f1d3e3dde7b183b025880,", - "post.comp.notification.toast.elevation": "S:3a377c9816a49505cb6b0f272b01f94de22fea9c,", - "post.comp.notification.banner.elevation": "S:ebb020edeaf4a170bf5f44470e86a85d7ee36892,", - "post.comp.notification.snackbar.elevation": "S:ff03b99cce63336657e84d1426b82b665db46ef8,", - "utility.typo.content.paragraph-l": "S:6eb3409be2642088d544ecc509ba1338e71f8f2a,", - "utility.typo.content.paragraph-m": "S:04f2c929c456cecba7b75de20e3a82b60dc0ac5f,", - "utility.typo.content.paragraph-s": "S:20c772a4cece3f2327f5ae1343eb7d4f39229579,", - "utility.typo.link.default-underline": "S:8e810c351fe7d59904ae770a6b4ada445d27d638,", - "post.notification.banner.elevation": "S:ebb020edeaf4a170bf5f44470e86a85d7ee36892,", - "post.notification.toast.elevation": "S:3a377c9816a49505cb6b0f272b01f94de22fea9c,", - "post.notification.snackbar.elevation": "S:ff03b99cce63336657e84d1426b82b665db46ef8,", - "post.notification.popup.elevation": "S:c6fde757ac340da2770f1d3e3dde7b183b025880,", - "post.social-media-button.elevation": "S:bf4ce1d54cc7dc7662989461c6bc438cd4d31e08,", - "post.popover.elevation": "S:30d186daa8a325b5250dcbdc122d9f6158119e60,", - "utility.typo.heading.h1": "S:2b0d57a92a320fb261b7b12287e96e4ace999a1a,", - "utility.typo.heading.h2": "S:1d4041d0030b6b48499437a90cd356554d881955,", - "utility.typo.heading.h3": "S:36dfbd75ae851abbc688d79b70a59e0947c46cbe,", - "utility.typo.heading.h4": "S:033842229340d112dddc238d9421cc25b6a86ed3,", - "utility.typo.heading.h5": "S:e1c57808419f8cd7edc03d5cb4c6b57d93a4e36a,", - "utility.typo.heading.h6": "S:4451f0c4b2bbc9e9898e3637a3d100b3f17389d9,", - "post.dropdown.multi-select.menu.elevation": "S:8d713435a0796bc91932ae5753f90ca46a338263,", - "utility.typo.default": "S:d0a39e1ad9f3161858121d95248a517c53772f96," - }, - "$figmaVariableReferences": { - "post.link.enabled-fg": "26067d02acb16383ee185bbee0e85ff50fbb7a09", - "post.link.hover-fg": "878a25d2cff4ab510b14043b2972af5f4567279b", - "post.link.selected-fg": "2e6d0608df93e9e372fc55f429e93f15d007c3a6", - "post.link.focus.stroke": "1ba4965e4af641a1a72c295733009c6d8d50eee0", - "post.inline.spacing.gap.outer": "555546c4e32aa1bc864185522fd56be3c0f71914", - "post.inline.spacing.gap.inner": "43ab45d7753ed586955faa45badffd72120e4ad1", - "post.inline.spacing.padding.block": "cebf7c4d7511b0f8492f29df50b91646d6e53ba8", - "post.inline.sizing.icon": "e325f303ff12704d2d055094df295afc039852d5", - "post.inline.color.info-bg": "8ebb9328400f7884f24cefb5817dce6225f8f0dc", - "post.inline.color.info-fg": "a22c6cbdd2ba4f5c77159f8fe2e243a425d861fd", - "post.inline.color.info-stroke": "ddc6c3460435ba9df577e114c0127855648f1d00", - "post.inline.color.info-icon": "eace4f75ecc5e2959297295e29271a6d259c9844", - "post.inline.color.success-bg": "e8053fa5c0d4eb0b64d28767c08c5dc44789b6a5", - "post.inline.color.success-fg": "adbac82c2d37d0c3a5b031a098c23d8ad4d6e224", - "post.inline.color.success-stroke": "8abd98991cc2d3d0947472f638dd65ee9e8e9ca7", - "post.inline.color.success-icon": "74dee46c332968620b0d452c3948a422ea3b54a9", - "post.inline.color.warning-bg": "be9e89b34ec5c38d9fc07bc3835e1ede5a15fd69", - "post.inline.color.warning-fg": "327d7c81b5513172f46a12539185bec449b1ab60", - "post.inline.color.warning-stroke": "805afc9881adea072c5a4825d0b484e99f91f292", - "post.inline.color.warning-icon": "2ccc3b1cdc13acee1b00ef8aa4f44cd28d02051b", - "post.inline.color.error-bg": "a6a0235c415ea36aa6efe0206af274139e679a16", - "post.inline.color.error-fg": "8e4986f314ec11e8770b472388ef7c782fb07cee", - "post.inline.color.error-stroke": "de75d6eb0a859440c39a5ac1fd26099b5f6ef793", - "post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790", - "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.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c", - "post.toast.spacing.padding.inline": "014e44c5cc1c44d944c9d6df6c213c429f99c76d", - "post.toast.spacing.padding.block": "8588d5bd126b4227934aec9c655f6dbcb10a84b7", - "post.toast.spacing.gap.action": "058716a3eaaad625c77cc0677b9d50ea493ced97", - "post.toast.spacing.gap.outer": "8b9c9b71b40f08768314fc1d88b16b5a37b5aaf3", - "post.toast.spacing.gap.inner": "84a01f0f5127e1cf2eab6816f58b837d3e8d9d05", - "post.toast.sizing.icon": "757c4eaf2fd47fc952756b6b82f6b1c923ba53cb", - "post.toast.color.info-bg": "9b44e71ba3660743c70532b709c7e5b2f36986f1", - "post.toast.color.info-fg": "12d3e39eadce4e17b6b3ae4490031ce80a9bff22", - "post.toast.color.info-stroke": "9cd0ac82e620c006770bd0061d2f608df9ffd442", - "post.toast.color.info-icon": "b6398b3758b026dfd8ee3d2591c4f553cafd8b32", - "post.toast.color.success-bg": "583281df42bab1ac5d805d36f7667039da7cbb61", - "post.toast.color.success-fg": "b59f3685a2a957de35ee1b05aab56a5cdce326ff", - "post.toast.color.success-stroke": "482decff6980c880bfabdb75f959e575a7e66895", - "post.toast.color.success-icon": "d21f6a28f7b8b410fddc19ddccd3257093d0f508", - "post.toast.color.warning-bg": "0bb3ae6f9bd805893c443cb9ad6c99a6b204b091", - "post.toast.color.warning-fg": "a4437830b76f42d187970f2e749545fd99d5ff80", - "post.toast.color.warning-stroke": "5ed9716053a47598573011a3c7fe4b4fa8eda655", - "post.toast.color.warning-icon": "eea7088bb9d7a1c3b2fc7b14a57d3ff120c4a640", - "post.toast.color.error-bg": "8f9276e5ce83113fe57220d48175e15ee427b9ba", - "post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0", - "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69", - "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040", - "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.list.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", - "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", - "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", - "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", - "post.list.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", - "post.list.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", - "post.list.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", - "post.list.checks.spacing.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", - "post.list.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", - "post.list.bullets.spacing.padding.text": "40992acd5d795050950fdf292ae17d64fdeba055", - "post.list.bullets.spacing.gap.inline.text": "c023473b7ec15e0e074a35a2a519e2bd19b62705", - "post.input.color.enabled-bg": "ef37b9e75a548b9fe95566029fc133edf190f9ab", - "post.input.color.enabled-fg": "c2447695deab7ef09b877d2cc72b036d3092c92b", - "post.input.color.hover-bg": "36cd814b79e876dfe958dc3552ddf5bfa0ce52b8", - "post.input.color.hover-fg": "af12cba2ab4ea1b5a8ff7de8f817c11fed23b19e", - "post.input.color.disabled-bg": "e4a7c0123c24e4180e07d66f126da32843ca9159", - "post.input.color.disabled-fg": "079628078a7634a6eefd4b7742764bcb8445923d", - "post.input.color.selected-bg": "8bd7235f1399a9bc166130edce1af72427cfb8ed", - "post.input.color.selected-fg": "1ae0d7346c71e3c28fd3ebe05123a3ea04b3fbe6", - "post.input.color.helptext-fg": "cc1db7dbc95596ee0f941b44c4b55712ba6625e2", - "post.input.color.enabled-stroke": "e8fb5159e5c020c2919c12ad157578d1083b1cc2", - "post.input.color.hover-stroke": "5a5615016cc59292e11a683669369db7182dafb9", - "post.input.color.disabled-stroke": "c65628869cf318afba36f149d035a6ad6291e0d3", - "post.input.color.selected-stroke": "cd6d5766d9f136e44719c7a28eb250c545556c35", - "post.input.color.signal.error": "7ddc0bfe846c295b5a215c45e423a2fdddf6959a", - "post.input.color.signal.success": "0157a5c40c9a4eb6f87cfddd9a5c3f3a8a67282e", - "post.input.color.focus.stroke": "452d98281ca79ef631cedc28e552caf6c097c143", - "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d", - "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65", - "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7", - "post.input.spacing.padding.block.text2": "16e43ccd63e09b43f7078bfdc6bee6432ea4fe9a", - "post.input.spacing.padding.block.text-assist": "74fa0091e635d194f2726e8a49d63029f797d7b1", - "post.input.spacing.padding.block.text5": "be118ff83da708f6758b8dda877fadaea5a24e3d", - "post.input.spacing.padding.inline.text-start": "95d346d8cf0d15d92cbb0d838ad1d21e2196d909", - "post.input.spacing.padding.inline.text-end": "251080d245b6ce91ef6947cedb9d8710871c1e45", - "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", - "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", - "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", - "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b", - "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d", - "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b", - "post.text-highlighted.height.space-bottom": "976910163c8b39d9502d771bb4f11e2a2364dd76", - "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", - "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", - "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", - "post.textarea.color.hover-fg": "36fedbd25c535cb3345adff3b1d0f5f2b8f08530", - "post.textarea.color.disabled-bg": "361f61362bd0582eaacf1bbb02895c24f5a6d150", - "post.textarea.color.disabled-fg": "92713df6f06a26fceed85d92a67c1673ca4524dd", - "post.textarea.color.selected-bg": "f3f3f1c5f9b0383157593f01ac1a26829c31e89f", - "post.textarea.color.selected-fg": "209335b302e43aa38e47a58f9e81bbed3cb5b2f0", - "post.textarea.color.enabled-stroke": "976a32251ad1d4b6d678e1c7f7ea81a5e91622a5", - "post.textarea.color.hover-stroke": "5d946ceaa0e2efbcab19124583ece0f60ec852d6", - "post.textarea.color.disabled-stroke": "28993c9b0c485cf60e450e52b82c4339b42d6284", - "post.textarea.color.selected-stroke": "cf74c23243f5c295529e5c271ae6e28ee94979d3", - "post.textarea.color.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8", - "post.textarea.color.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de", - "post.textarea.color.focus.stroke": "0936d873439e1ea11c7db831c744fe3fd579a589", - "post.textarea.spacing.gap.inline.1": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab", - "post.textarea.spacing.padding.block.text-assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1", - "post.textarea.spacing.padding.block.text4": "865d08d100de52d4423d06ee3bb82937b4d4e8ca", - "post.textarea.spacing.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f", - "post.textarea.spacing.padding.inline.text-start": "2a877a58bc4473993bedc28d4173c8a24aaedd85", - "post.textarea.spacing.padding.inline.text-end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19", - "post.textarea.spacing.padding.inline.text-assist": "604885a8bec38c3de5690356837dbd20d0901a25", - "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e", - "post.textarea.border-radius.surface": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4", - "post.switch.text.enabled-fg": "d8e30f4220950a7ac6d9acc5e2dd666958b89235", - "post.switch.text.disabled-fg": "3b8f6ecd4ce7c901b3b6fbe19b3938b4ee30090d", - "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", - "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", - "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", - "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", - "post.switch.element.enabled-fg": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", - "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", - "post.switch.element.selected-fg": "2f079a496bed636dcee54a30516d00f400de1f52", - "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", - "post.switch.element.hover-fg": "367b21171b85011ace3484d3caaf20ca4de50580", - "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff", - "post.switch.element.disabled-fg": "87edfd0659df5be763802e5b407c9cd64220fb49", - "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", - "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", - "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", - "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", - "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", - "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263", - "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", - "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", - "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", - "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", - "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", - "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", - "post.stepper.focus.border-width": "c8107fa442b3f94a02ac89975b8d8f3d3929a2bd", - "post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749", - "post.stepper.enabled-fg": "5d4a229bcb9e9a041a2716ae89eb722b6c6372c3", - "post.stepper.completed-bg": "71e5b10a098d581b9d7a025b5e293f61be0fd585", - "post.stepper.hover-bg": "05e1e464b0cfaea2e9c42b47cb7d803ae461915e", - "post.stepper.hover-fg": "fdf85afd5e534148b784dde0de28a97b891c4d83", - "post.stepper.disabled-bg": "27d54da0a00ef0790a8aefd9a3b0f83cb6f94355", - "post.stepper.disabled-fg": "3ce59ceb757a32c64a24dc04a4361b3d1e07040c", - "post.stepper.connector.active": "62735e7dbc38e5533b415cbe1a03dc4372bb914f", - "post.stepper.connector.completed": "c539afd3eef267edc7c26064f0907eebfada7346", - "post.stepper.connector.next": "b900842ec9836c249380af35b496b5eb1f5595bb", - "post.stepper.enabled-stroke": "ca1cf3359292b49a432c928c8efa16e29cb51dcd", - "post.stepper.completed-stroke": "8a7170dbf027fc9505286028fd61b036d6410076", - "post.stepper.hover-stroke": "8db9a0cbe8eea1f344363da9f9028510f731d44a", - "post.stepper.disabled-stroke": "ab116401b9cd3fcfb532aa3eee8f011cae325132", - "post.stepper.gap.text-start": "973c3df60c62f3bb2022dfefdfcd62644cf365fd", - "post.stepper.padding.connector": "94b9a5b72406ebedaab9706b909eb686f652d0b9", - "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", - "post.stepper.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", - "post.stepper.border-width": "0f6b907201f835723c78bd931860c49072f5601e", - "post.stepper.step-label.font-size": "0670d51aeed5a96ef2236a0a9b326a168da026f0", - "post.stepper.step-label.selected.font-weight": "a347f5456ee7834fe09e5cc0089dd31720d51a29", - "post.social-media-button.footer.enabled-fg": "fa798efa74f07882ad2eb5335348341d1cd0e900", - "post.social-media-button.footer.enabled-bg": "522c78c9d29613192823e96833f28364efeea038", - "post.social-media-button.footer.enabled-stroke": "dfaffc9bb53b84fc3bb3215a02f5f1ada976d61f", - "post.social-media-button.footer.hover-fg": "354d602114a9727033a08707770636c4bcb5ab4e", - "post.social-media-button.footer.hover-bg": "888b6e5dfbbba72b4dc16f8fd45a66e38effdb2f", - "post.social-media-button.footer.hover-stroke": "948411353d3e1d04026f7a23c77367ef7303923e", - "post.social-media-button.footer.outer": "d32211165497f124da269359b6ec9b4e5eab2116", - "post.social-media-button.footer.icon": "a2c88941c990e2288caa1e2d71320dfc3f89912a", - "post.social-media-button.content.enabled-fg": "74d8297201af8d2f2f5020dae45c3a8fd302b1e7", - "post.social-media-button.content.enabled-bg": "86cf14b7bd0cc9b9e4cd210ba73cfc76ea243294", - "post.social-media-button.content.enabled-stroke": "0526de97fb85fdf8e39b24d27c58bc5762516597", - "post.social-media-button.content.hover-fg": "cdaa599dec7aff1c09cefb274080121988eab79f", - "post.social-media-button.content.hover-bg": "7b7ab8fa05a4dfe13cca6b35dfe2306ccd769733", - "post.social-media-button.content.hover-stroke": "63870c9c43cb3a8e9208ee01f4755c6b5564002d", - "post.social-media-button.content.outer": "6be54af1a4cbc7d122566deb0eb1a9b7249eb3e1", - "post.social-media-button.content.icon": "3a470a93d7f76db28c47a929778d3a95d531d5cd", - "post.social-media-button.focus.stroke": "6ff27984f2b2cfe8a3ab8bd8723d0e735104d59d", - "post.social-media-button.focus.border-width": "5a189cc382e1e2fbb6faad451fadef1269252caf", - "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", - "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", - "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", - "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", - "post.select.hover-fg": "225d910e99633bab914811c3b09d639dba8215a0", - "post.select.disabled-bg": "71db25a6e4e3fc44ead384e453a91a1a79cd99ca", - "post.select.disabled-fg": "5cf956acc6047afd4867a694bb1a7d47c9c7d263", - "post.select.selected-bg": "83eb1257594afef1ec0db043922ff01f33762548", - "post.select.selected-fg": "9d70a3ae7abfd7393132dd8bb7407211bc55b522", - "post.select.enabled-stroke": "39a847af230b650e4b1d2fc83e5c690a14f23ea5", - "post.select.hover-stroke": "8a9a4b8ae204fa2073700ff4c8d08b0a836b0c28", - "post.select.disabled-stroke": "5b57b30fe15d7d8fbca6bd22f30d747398768f39", - "post.select.selected-stroke": "a3bf4ee1d2933847ca54343fd263d9b76de5060c", - "post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621", - "post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2", - "post.select.focus.stroke": "cbb185fea9c01ec53a6bbe7fb76e5847e200f566", - "post.select.focus.border-width": "dde13c70a45dbd41e9f1c522beb91b316a5b9d2f", - "post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64", - "post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1", - "post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97", - "post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340", - "post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9", - "post.select.unfilled.focus.padding.block.section": "566f497dcc11af89235fae18aedc7b532c8cf8a4", - "post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d", - "post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4", - "post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c", - "post.select.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd", - "post.select.icon.padding.droppdow-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39", - "post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", - "post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58", - "post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a", - "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", - "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", - "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", - "post.radio-button.hover-fg": "317132a0c272589edf4a4b14e0ae72f2f7ce18a4", - "post.radio-button.disabled-bg": "c09bc9b42df8004a531165fe1745cfd79cdb9a3e", - "post.radio-button.disabled-fg": "02139795f587accc9430208032da5a645a1917e9", - "post.radio-button.selected-bg": "3897745b964bb30eb717691a728002a210ba7e90", - "post.radio-button.selected-fg": "575b9dbb58033e0ae4a7c879cac441faf4ec5236", - "post.radio-button.enabled-stroke": "d478c213676bcf2eb1ea055a37705d9f6eb33c26", - "post.radio-button.hover-stroke": "efd5e0b0f302879c355da5d057adaf8ffe41471e", - "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2", - "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586", - "post.radio-button.signal.error": "f01f1309eab2bca4c61e36d7ef00f60facff692f", - "post.radio-button.focus.stroke": "a3f22ab0ca03a56411199f5eb396c47a28db5918", - "post.radio-button.focus.border-width": "9a82da1a6855536b1aa8ec4867d05000ae98b68b", - "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408", - "post.radio-button.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", - "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", - "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", - "post.radio-button.icon.width-inner": "4c2f84ac113b5446199016720b0d05c135fa8cbb", - "post.radio-button.icon.height-inner": "779afbc26754afe59e3ea5cb3bd9bdacd76d9abf", - "post.radio-button.icon.border-width": "0637ab3988b8c72d4ae9d3f552e34eab1ff264b4", - "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", - "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", - "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", - "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", - "post.radio-button.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", - "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", - "post.popover.close-button.focus-stroke": "f1ed477c8a2ceb370de59515fa4094a3aff1aacd", - "post.popover.close-button.enabled-fg": "eb710d3b00b49f690dcf344e0d364d75cfe150d5", - "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2", - "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c", - "post.popover.close-button.hover-bg": "9c3fbc005809a55251769fa02909ff85ad3b188a", - "post.popover.close-button.outer": "6e8157a3e50114fbe3be54ab0788615ab9642cf4", - "post.popover.link.focus-stroke": "b7cd72baeb19c039bae4be96bfdbbf451eb2aa95", - "post.popover.link.padding.block": "013c450a779b61d44fb5948620cabe750bd71a15", - "post.popover.link.enabled-fg": "18b49d57ee06ff750328b13fdb1294cc26343e16", - "post.popover.link.selected-fg": "eade604686bd1b1374688e56aba1a2a9ef374c27", - "post.popover.link.hover-fg": "9e0bdb99581ebca38755c4b48ddb2da7ba680f9e", - "post.popover.icon.focus-stroke": "e75d00d2633e2306ed997ffb4d9c5f2af216a6bf", - "post.popover.icon.enabled-fg": "81e93275e93e9c63e5bbb66839c992173edf837c", - "post.popover.icon.selected-fg": "9ea5ba4d7668cf88874ed37430859e758080a3d7", - "post.popover.icon.hover-fg": "4b3134f5e9fa6fc6ea7e8cf4440b0f955b1e217d", - "post.popover.surface.bg": "fe303469406a88eca260acd78495a27e993d5546", - "post.popover.surface.fg": "2ba95ba1a0133396753371b2c8d6c3dc6b9f4546", - "post.popover.surface.border-radius": "61bdae7c4acef94e7df9ea2cdab57cb2878bd129", - "post.popover.surface.padding.block": "3242c46c3db33bab169c3f5665df9989e5eecbc7", - "post.popover.surface.padding.inline.start": "7be172b774d057a329081922469f560024108915", - "post.popover.surface.padding.inline.end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", - "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", - "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc", - "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", - "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7", - "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3", - "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", - "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", - "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", - "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", - "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", - "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", - "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", - "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.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820", - "post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301", - "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", - "post.dropdown.multi-select.menu.category-title.stroke": "d14601d9070126646ea0a06fadc7715113a8b867", - "post.dropdown.multi-select.menu.category-title.enabled-fg": "6558708794830f02a60c5e2a9fb24f5f205624b8", - "post.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", - "post.dropdown.multi-select.menu.list-item.padding.inline.start": "3e53edc523387e5a64df8218b5e2c61b3d49d59c", - "post.dropdown.multi-select.menu.list-item.padding.inline.end": "a31ccebc3eedf24d9b35e58b0c2d32d87859b725", - "post.dropdown.multi-select.menu.list-item.padding.block.start": "584e851cd34060734fadb6d67ec530d027d3558f", - "post.dropdown.multi-select.menu.list-item.padding.block.end": "9b835f93c50b46cc7bc7a3f33253e8f86a93cb5b", - "post.dropdown.multi-select.menu.list-item.gap.inline.text-start": "1d4a4948d70b06601536ee22dce4255fbf846394", - "post.dropdown.multi-select.menu.list-item.border-width.bottom": "e36f940ea1f152976ccaa36cfa2cf8bdd3266573", - "post.dropdown.multi-select.menu.list-item.border-width.focus": "205907f0cfbed21a14319d1e9fb1ab48fe583828", - "post.dropdown.multi-select.menu.list-item.icon.spacing.height.outer": "0bd536964411f0d340eb3ce6cfb27426882147ee", - "post.dropdown.multi-select.menu.list-item.enabled-fg": "7feb95cc1c61e3e16c1e9efb74b6944f0fe562d1", - "post.dropdown.multi-select.menu.list-item.hover-fg": "f7eb371fafa736714c2b47aba317c6d1b7a57a59", - "post.dropdown.multi-select.menu.list-item.enabled-bg": "64fd988b0510a71cb37d0d25ff495a6e135b0b0f", - "post.dropdown.multi-select.menu.list-item.hover-bg": "5c88aed4bfb9b356b0e77832c5300514a1136843", - "post.dropdown.multi-select.menu.list-item.hover-stroke": "d456d03d81c10ee3953fa5f9adddbb5d72ff677c", - "post.dropdown.multi-select.menu.list-item.focus.stroke": "4b5c7d7ddcd4d13f55f42020a216c4ed4b74d4ef", - "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.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780", - "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72", - "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0", - "post.checkbox.hover-fg": "4cd3a35c6d41c8bf0f327dc00edce076b43375f9", - "post.checkbox.disabled-bg": "17a75265c1ba9ab24f81d178854bcc374d386772", - "post.checkbox.disabled-fg": "f67e1029d1f7c3fc93b33b2c7662af38106ac1a7", - "post.checkbox.selected-bg": "dfc50424925d3bb701a5e28e2ee112ca1fb13c4a", - "post.checkbox.selected-fg": "fd045802c80e76ee3028a5299bd519c39b479a46", - "post.checkbox.enabled-stroke": "baeb6a8bfd531712283a81c79867de6406094263", - "post.checkbox.hover-stroke": "09fd9bb754b50d6b5d66a08cb9b5aa02b81f1eb1", - "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461", - "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39", - "post.checkbox.signal.error-fg": "55815485860923907b221cf69cc3988c2ebc37de", - "post.checkbox.focus.stroke": "cb037b8e2fd22c55053450954d98cfd5bda4449c", - "post.checkbox.focus.border-width": "d2702de45e2af881ed2bdc380f7a6c013751eb84", - "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be", - "post.checkbox.gap.inline.error": "cf016af223d52353d2880a3b1caaed3022e0e0d6", - "post.checkbox.icon.padding.block.inner": "2c00841389f889fc1d44d9ca10354e0328aba20d", - "post.checkbox.icon.padding.inline.inner": "74dd6caa91b2d4172ac7ba6bf1b02664bd605e9d", - "post.checkbox.icon.width-inner": "9d966e0c5c0e775240006dd6278b3eb1a710b795", - "post.checkbox.icon.height-inner": "629427f94c10fdeede5ff452f188828bc0699736", - "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", - "post.checkbox.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", - "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382", - "post.checkbox.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", - "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", - "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", - "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", - "post.button.color.primary.enabled-bg": "0cdd29650833d2c7bbcb3aa7719bf17a32d36e8b", - "post.button.color.primary.enabled-fg": "039ca18e2208c77d1d8a2892aa2418479c4edffe", - "post.button.color.primary.hover-bg": "0fdb33d87c686ca308031b209bf3ea439ba386d3", - "post.button.color.primary.hover-fg": "eac75a8dc5a647777ff1b2dcec45e56535a15dd9", - "post.button.color.primary.disabled-bg": "7faf5c5ecc6891b9cdcacc68494b4904e172aa9f", - "post.button.color.primary.disabled-fg": "ded221a18497b74db5f062208f0a6b6a488cca16", - "post.button.color.primary.selected-bg": "0f7be116a232a6792f54e31e9e0d67f8d71a4f8f", - "post.button.color.primary.selected-fg": "6e24e6f37747456d56c260795a164a13dea8c8e5", - "post.button.color.primary.helptext-fg": "2e206fd72987934dafc5cbc03d2cd39d7f021556", - "post.button.color.primary.enabled-stroke": "9f499a134f7fa536b23d0d57b72ed6558186a158", - "post.button.color.primary.hover-stroke": "1f8a82b915e21cf21b0c4ab1c85761a50f421b2e", - "post.button.color.primary.disabled-stroke": "c2b980e08ac059d7ec454b46b485ba9c95b2eb68", - "post.button.color.primary.selected-stroke": "9001c3410e28d554d820c50f1df45728c6833384", - "post.button.color.signal.error": "b43c6a778d7870a54ae82c860194dd847d4e9d73", - "post.button.color.signal.success": "1a894439da7ff6807c6d3e7a5ea36ad925b7ef75", - "post.button.color.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", - "post.button.color.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", - "post.button.spacing.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", - "post.button.spacing.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", - "post.button.spacing.gap.inline.1": "5b671e7ab0c62f109540257c2096b3676ab1b7e7", - "post.button.spacing.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", - "post.button.spacing.padding.block.icon-inner": "375cef56479a6a359c87c2fa3529a88d1d0056a9", - "post.button.spacing.padding.inline.icon-inner": "856a22c933dcc7cb878afb7524cb0ea66b185a6d", - "post.button.sizing.icon.width-inner": "b1470bb01d54eb07532787d33813b31c15c41824", - "post.button.sizing.icon.height-inner": "f8569fdd46fe74e0d14672e697d67d3cd22b5158", - "post.button.button.primary.color.enabled-fg": "be7fae77383cae0c83f12f6cacbcfb506350563b", - "post.button.button.primary.color.enabled-bg": "6fa02b6a77be547090f23d5b1fd8bf39053540d1", - "post.button.button.primary.color.enabled-stroke": "0245e6786a512ae9b7ab1fa12e8980cb028cc792", - "post.button.button.primary.color.hover-fg": "7e0173f0804449a772d3b62277c862ae68311964", - "post.button.button.primary.color.hover-bg": "261bb812a29bfdf59df74e0705cfaf704317a8e1", - "post.button.button.primary.color.hover-stroke": "cf4033f3fafb86aac89fc0de97e956f18cb3dd3b", - "post.button.button.primary.color.disabled-fg": "01dc4b3fef3d28c7abd61bfbe7f125b821f66d30", - "post.button.button.primary.color.disabled-bg": "da1273f06cba8c56608db7830bc0f5bedb52734d", - "post.button.button.primary.color.disabled-stroke": "fae0228a96ef5da06a3a0eec725d71c9c012502b", - "post.button.button.primary.color-inverted.enabled-fg": "c94e15978771fec24fce6b12e3f907671321fcc6", - "post.button.button.primary.color-inverted.enabled-bg": "41c3e99ceecc392cbcfdb73b55ecf19f5e02595d", - "post.button.button.primary.color-inverted.enabled-stroke": "e88aa272b325e79b025990ce7e24693c70f3d75a", - "post.button.button.primary.color-inverted.hover-fg": "911e257ef38b6d18068ab3ea3d21c7dfa4711933", - "post.button.button.primary.color-inverted.hover-bg": "bf1d3dde2347ab74fa58c3f06afa93d1801a8225", - "post.button.button.primary.color-inverted.hover-stroke": "97688de7058b1dc7f1ad5867d4ae8da05862b9e8", - "post.button.button.primary.color-inverted.disabled-fg": "52de77a35767df305eec93463e907e3df6d2c637", - "post.button.button.primary.color-inverted.disabled-bg": "60640cd428131824c9d1ff9e177b9a79cbb173cc", - "post.button.button.primary.color-inverted.disabled-stroke": "69980235767e594e3d81b8ca9b1ed4bc2869a114", - "post.button.button.secondary.color.enabled-fg": "958e2e919ed44f9a668f553a1595a402528ee1ad", - "post.button.button.secondary.color.enabled-bg": "c8a6ba4686e567e2a789880ee62e9b31a75b555e", - "post.button.button.secondary.color.enabled-stroke": "058ca705c3d0a3478be15c2b9337c705576e3620", - "post.button.button.secondary.color.hover-fg": "01f890c570979ce6c45cf4634a33ed93717ea331", - "post.button.button.secondary.color.hover-bg": "4a03a9eab6f7be474f1bafd12d8cb194e6da2243", - "post.button.button.secondary.color.hover-stroke": "53f47cb4f30d43bbe97c2f3a33d2a281bd0a82a7", - "post.button.button.secondary.color.disabled-fg": "b7b547dc9fa6c92475b5d6ea8da0135e980d4482", - "post.button.button.secondary.color.disabled-bg": "24596158e52c83b1ee1bdea07b56e34583429f86", - "post.button.button.secondary.color.disabled-stroke": "86c7c69525adce5802e783e572fefc7200b8238f", - "post.button.button.secondary.color-inverted.enabled-fg": "637143dd6b0c77ffa1da49ee2662e5def3e910db", - "post.button.button.secondary.color-inverted.enabled-bg": "d20c9e92d788e252d5487c0df426857f83c8f16c", - "post.button.button.secondary.color-inverted.enabled-stroke": "8390a4e5bddbd3eec13e2856557771d74867caef", - "post.button.button.secondary.color-inverted.hover-fg": "e78ec12f132751d0e959879e249a61f56e992e43", - "post.button.button.secondary.color-inverted.hover-bg": "97dcc72ee8306caf17de620e1de9e26d1ccd963f", - "post.button.button.secondary.color-inverted.hover-stroke": "5eac101005a7a71c7c1cc03a61042c78293f608d", - "post.button.button.secondary.color-inverted.disabled-fg": "b9fd162f9db6a34c3df84c9c31ff132807fbe1e2", - "post.button.button.secondary.color-inverted.disabled-bg": "830de702377063db48a2249998aed884663c5dd3", - "post.button.button.secondary.color-inverted.disabled-stroke": "fb67b05a1ab990c15d3a6dc8d755f22b928bfa5d", - "post.button.button.tertiary.color.enabled-fg": "768a70d71ca51c74db5374e1832e8d133a461400", - "post.button.button.tertiary.color.enabled-bg": "977c7745f20367358b75970ecf73984ae228b0fc", - "post.button.button.tertiary.color.enabled-stroke": "a19a914f7b9eaa82b6aeb50464c3c42fc176e5db", - "post.button.button.tertiary.color.hover-fg": "9a4724e2d892c870f7fa3dda033d917d2717b5c8", - "post.button.button.tertiary.color.hover-bg": "123c54c46769c687a207cd0bfa93fb05e73cc77d", - "post.button.button.tertiary.color.hover-stroke": "30b9e1bc5709924a71e38c7d6913e403cfd4f792", - "post.button.button.tertiary.color.disabled-fg": "72823a3c1ea9410d22c81f32a9d0682bd74912dd", - "post.button.button.tertiary.color.disabled-bg": "7f54d5f1710d267df6a06f2eda5ac3066b86eea5", - "post.button.button.tertiary.color.disabled-stroke": "142f0aae264dd5dcc1444f0bc7d0132120a27809", - "post.button.button.tertiary.color-inverted.enabled-fg": "e1fdd45a423b2b6bd191f64fd4d1edd7e0e72965", - "post.button.button.tertiary.color-inverted.enabled-bg": "47c8032eafc594135716cfa7042893694feeb72f", - "post.button.button.tertiary.color-inverted.enabled-stroke": "869ecb99239fac0ff91e135a0146e20e0a0ce709", - "post.button.button.tertiary.color-inverted.hover-fg": "ad88881f1c79fef4e82c01a02d3f97d4d42b56ea", - "post.button.button.tertiary.color-inverted.hover-bg": "e2637d4bb8cb8ae0369036f82ac6e33ac3296f4d", - "post.button.button.tertiary.color-inverted.hover-stroke": "103b21d32624cfddc1ae4a149064cf2ef29e6dd0", - "post.button.button.tertiary.color-inverted.disabled-fg": "79ba939bf21eaf28e899edf1b13b8d194122b46c", - "post.button.button.tertiary.color-inverted.disabled-bg": "7dbd7c847e5b91dc1bdc171f5a00ab53fc38f52b", - "post.button.button.tertiary.color-inverted.disabled-stroke": "0c7ba36b922df219d16b57a9dc7a77e0fafc4d2a", - "post.button.button.segmented.color.enabled-fg": "f7b6c09fd2825415de5dabf465b12682c4240d3c", - "post.button.button.segmented.color.enabled-bg": "1911c56b5e132a946516ce8d7887c6a66ace60a4", - "post.button.button.segmented.color.enabled-stroke": "1c12b8c7d15e0709a776f95977aa36213c3c66bd", - "post.button.button.segmented.color.hover-fg": "2830c20b1ff4a4ae2b1f711558a61219ab357813", - "post.button.button.segmented.color.hover-bg": "f5143fb4c18ba3601af501f55f4f37122b04b6ad", - "post.button.button.segmented.color.hover-stroke": "68e27ef036e3e72738555710feb01ef5791c4a18", - "post.button.button.segmented.color.selected-fg": "3acd0cd0843114a5181674e04e5a5bea5983814f", - "post.button.button.segmented.color.selected-bg": "3c3e31bc62244555b1370372fcb6ad52a2ec5844", - "post.button.button.segmented.color.selected-stroke": "247b6409df15836686ba37d493961df210d45428", - "post.button.segmented.sizing.height": "0ece44212837f58c7007a40021e557a489249619", - "post.button.segmented.spacing.padding.inline": "9e3821407dbe6a765bd9d01d1cde8fa3e4b1a621", - "post.button.small.sizing.height": "48d44f831cae6e5f41d01f3eb7dcbb19d1ea572f", - "post.button.small.spacing.gap": "de92f25ef45b0f8039b89be004aa7ebee9e68c9a", - "post.button.small.spacing.padding": "fa7ec983c2ce2b68b1346b49277edb4a32e4978f", - "post.button.large.sizing.height": "51bdaab951f9777006a59997af49abde6a60b852", - "post.button.large.spacing.gap": "0add7cb878b0f1a65056ce855a3490c5d070a7f8", - "post.button.large.spacing.padding": "654956f379d31962f79493e242cae5319597c9bc", - "post.button.appstore.sizing.height": "70271d4d7663f31cc56d5a06679855a23dc5434f", - "post.button.appstore.sizing.width-google": "cd7e55421ed9329525720846248578638fecfa28", - "post.button.appstore.sizing.width-apple": "800c7464f09162c79dfc0dc9d8e1dec3feb51173", - "post.button.socialmedia.sizing.large": "a3ce774f8418b3c943da89ed4fad6e813060d038", - "post.button.socialmedia.sizing.small": "a82984e991f70163f0db1c7b97e0d424eeb70e40", - "post.button.socialmedia.sizing.icon-large": "dbf4b450ceb016c854220943fb046eb3b5526c0d", - "post.button.socialmedia.sizing.icon-small": "ea5a01da19bac013083c59985247aa0c826f1a3a", - "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", - "post.breadcrumb.enabled-fg": "2baf0e7b11623e8bfb266ffb3a8cf71cc6c4dbd4", - "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba", - "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a", - "post.breadcrumb.focus.stroke": "54da5c7d58e96de608657b4da381c50bc4e4c96b", - "post.breadcrumb.focus.border-width": "9f2fd3618cfdd207f8c717133600e515dbd99823", - "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.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", - "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", - "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", - "post.badge.height.l": "58e1d54dd36a4f39b8209f296caf3397b827a411", - "post.badge.height.m": "2e52458086101c06edf5625ca91d13203dce37fa", - "post.badge.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", - "post.badge.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", - "post.badge.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c" + "FigmaOnly": { + "utility": { + "typo": { + "heading": { + "h1": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h1.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "h2": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h2.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "h3": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h3.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "h4": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h4.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "h5": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h5.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "h6": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.heading.font-weight}", + "fontSize": "{post.h6.font-size}", + "lineHeight": "{post.heading.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + } + }, + "content": { + "lead": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.bold}", + "fontSize": "{post.device.font-size.5}", + "lineHeight": "{post.device.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "paragraph-l": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.device.font-size.5}", + "lineHeight": "{post.device.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "paragraph-m": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}", + "fontSize": "{post.body.font-size}" + } + }, + "paragraph-s": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.device.font-size.7}", + "lineHeight": "{post.device.line-height.content}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "legend": { + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.bold}", + "fontSize": "{post.device.font-size.6}", + "lineHeight": "{post.device.line-height.legend}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "large": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.legend.font-weight}", + "fontSize": "{post.legend.large.font-size}", + "lineHeight": "{post.legend.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + } + }, + "label": { + "default": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.regular}", + "fontSize": "{post.device.font-size.6}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "default-bold": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.bold}", + "fontSize": "{post.device.font-size.6}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "medium": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.regular}", + "fontSize": "{post.device.font-size.8}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "medium-bold": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.bold}", + "fontSize": "{post.device.font-size.8}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.regular}", + "fontSize": "{post.device.font-size.9}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "smaller": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.regular}", + "fontSize": "{post.device.font-size.10}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + }, + "extrasmall": { + "$type": "typography", + "$value": { + "fontFamily": "{post.device.font-family.default}", + "fontWeight": "{post.device.font-weight.regular}", + "fontSize": "{post.device.font-size.11}", + "lineHeight": "{post.device.line-height.label}", + "letterSpacing": "{post.core.letter-spacing.default}" + } + } + }, + "link": { + "default-underline": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.body.font-size}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}", + "textDecoration": "{post.link.decoration}" + } + }, + "default": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.body.font-size}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "selected": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.utility.typo.font-weight.bold}", + "fontSize": "{post.body.font-size}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "small-underline": { + "$type": "typography", + "$value": { + "fontWeight": "{post.utility.typo.font-weight.bold}", + "fontSize": "{post.utility.typo.font-size.sm}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}", + "textDecoration": "{post.link.decoration}", + "fontFamily": "{post.body.font-family}" + } + }, + "small": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.utility.typo.font-size.sm}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + }, + "small-selected": { + "$type": "typography", + "$value": { + "fontWeight": "{post.utility.typo.font-weight.bold}", + "fontSize": "{post.utility.typo.font-size.sm}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}", + "fontFamily": "{post.body.font-family}" + } + } + }, + "default": { + "$type": "typography", + "$value": { + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.body.font-weight}", + "fontSize": "{post.body.font-size}", + "lineHeight": "{post.body.line-height}", + "letterSpacing": "{post.body.letter-spacing}" + } + } + } + } + }, + "Utilities/Spacing": { + "post": { + "utility": { + "spacing": { + "margin": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + }, + "auto": { + "$type": "spacing", + "$value": "\"auto\"" + } + }, + "padding": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + } + } + } + } + } + }, + "Utilities/Typo": { + "post": { + "utility": { + "typo": { + "font-size": { + "sm": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" + }, + "md": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" + }, + "lg": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "font-weight": { + "regular": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" + }, + "bold": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" + } + }, + "line-height": { + "1": { + "$type": "lineHeights", + "$value": "{post.core.line-height.100}" + }, + "sm": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "lg": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + } + }, + "letter-spacing": { + "none": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.none}" + }, + "default": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.default}" + } + } + } + } + } + }, + "$themes": [ + { + "id": "fb44a81a432bb35f3bbadc6e2fedf26cc19ea09d", + "name": "Brand", + "$figmaStyleReferences": { + "post.core.elevation.1": "S:f8b6aeeaf30e42f1bfbfa0d0280ffd2ad5de080d,", + "post.core.elevation.2": "S:bbc9f73a5a14a52a9b40edff1bfd7f1b074b29e7,", + "post.core.elevation.3": "S:a32c4816622ffc3d5da4b3d0adf535b3d922a2d6,", + "post.core.elevation.4": "S:f1b0887f36a6f34edee5bfac9e7936e903cfaa4b,", + "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," + }, + "selectedTokenSets": { + "core": "enabled", + "Elements/ListBullet": "disabled" + }, + "$figmaCollectionId": "VariableCollectionId:718:1595", + "$figmaModeId": "718:0", + "$figmaVariableReferences": { + "post.core.color.brand.postyellow": "1ada4885ffc342025901ed77f04c8ef288847238", + "post.core.color.brand.black": "6ddcb4876b56bfa3067c99e1d340110a3b0d0e00", + "post.core.color.brand.white": "854447dbb507b5d3f0245e7934e4dc2d58d31d42", + "post.core.color.notification.green": "74133ba89df74b896da89dfc8ea716665676c455", + "post.core.color.notification.red": "6033282b0129a97545fdb2b4a7d849c86a3aaaa7", + "post.core.color.notification.orange": "c8806819b35876178a5630b0e85ecc62bf26efaa", + "post.core.color.notification.blue": "4b1bc769bfb9bb9e513a8ad032bcf08f6338d1ea", + "post.core.color.notification.green-light": "14699ea3d83dce7dd4a41c62a75e23e22a517ce7", + "post.core.color.notification.red-light": "dc8a3f925a29ec749bed302314c141a7483ca160", + "post.core.color.notification.orange-light": "d5f216e93abaa8bd3b7be2708846595265f69acb", + "post.core.color.notification.blue-light": "96e994c2e2920dcba3de3f9a2ba7b43bf914cb79", + "post.core.color.sandgrey.100": "3f0c5233089d823bb75769a5e022748cef8d6beb", + "post.core.color.sandgrey.000": "0f66c4e1b53dbf13095454ed0247b0e8c3d889e0", + "post.core.color.sandgrey.002": "e9a3ff986fba3d9d8d34a948ee34993b206ddf1c", + "post.core.color.sandgrey.006": "8de52bd59874bfa57a104263c7da167f70bb36e7", + "post.core.color.sandgrey.012": "90a7a6113db7f27c1cb7bc03d5d83b5164a40a9e", + "post.core.color.sandgrey.020": "79ef5a19c790fab23f47db7d133fc94b6b6f175f", + "post.core.color.sandgrey.030": "7d334ad280a3d2f5c434b2859365458ff54cc1f4", + "post.core.color.sandgrey.040": "7cf5dd00c9d9c5a8e767925edded58a2decb81ee", + "post.core.color.sandgrey.050": "9eafc811f24441047c8f9c55f8c4676a53a72b07", + "post.core.color.sandgrey.060": "8fb0e1c235aa3e443fbad5f337357edb15bd3be3", + "post.core.color.sandgrey.070": "ba7cc96f89f38c6b5b1df7e7fdec1d9374e0da1d", + "post.core.color.sandgrey.080": "e5126143ee1461e860857e8e8bf3ed0aaf8bf529", + "post.core.color.sandgrey.090": "d54490414693701dbd76c5ba3b4c17bfaf517663", + "post.core.color.sandgrey.alpha.darksand.10": "110c39fdb1a21bcfb94336ab559d092b6d48b4a9", + "post.core.color.sandgrey.alpha.darksand.20": "cad777c1914c945da2b2dcfeafccdf35d79f2e57", + "post.core.color.sandgrey.alpha.darksand.30": "edec40b98f83ed98babc02a98b31bbaefb08a746", + "post.core.color.sandgrey.alpha.darksand.40": "3821a9ef168ba9ec6ad4b0712d1d7ddd08f9c1e1", + "post.core.color.sandgrey.alpha.darksand.50": "062986ca42b1cfdffee815b39721e3cb26e4877e", + "post.core.color.sandgrey.alpha.darksand.60": "a9fea5c196d64bae8fec2a03da96cfd22eeed80d", + "post.core.color.sandgrey.alpha.darksand.70": "e3929c8fab91d7b5e0feea9038f4693e31a32a8d", + "post.core.color.sandgrey.alpha.darksand.80": "e5600aa0b74e33460618dc507e384d1250d9ef7b", + "post.core.color.sandgrey.alpha.darksand.90": "f23b92000e33ad3ba61a3cb6c22f026222de3c92", + "post.core.color.sandgrey.alpha.lightsand.10": "7083e474d736d653af76a09f1810a2863d23fbe8", + "post.core.color.sandgrey.alpha.lightsand.20": "d1d9b4ea108cb1d4a0c1618ddb997c009441bd91", + "post.core.color.sandgrey.alpha.lightsand.30": "d84e4cbc67c66524b3021662bddc877c4e0b4ee3", + "post.core.color.sandgrey.alpha.lightsand.40": "e382b3f22a9933efb1e141b30ff0b4c96ab96fbf", + "post.core.color.sandgrey.alpha.lightsand.50": "99b4f0370ff3e5d2133c5fd2c14d05832c290ca3", + "post.core.color.sandgrey.alpha.lightsand.60": "91ada1d279f1e38d5ea12016f78f5b08eb0528ab", + "post.core.color.sandgrey.alpha.lightsand.70": "4822c64e9ed611a07388b899510e4e476b4d63a6", + "post.core.color.sandgrey.alpha.lightsand.80": "3d2bec28282aa25e40831de22df52defd7af4a3e", + "post.core.color.sandgrey.alpha.lightsand.90": "a27931f39c2f5fe6bce1e53337bf973fc0160b3a", + "post.core.color.colorless": "28411178dcd53a19586b729f27355f6a510d4d96", + "post.core.dimension.0": "812facbf5bdccac17ef2b362a51a8f0880fa0ae8", + "post.core.dimension.1": "633af9102376b2b86a280d4487c01379eac42357", + "post.core.dimension.2": "12b3a5b4d32b0f2ccf010673077f46b14ffd8d7b", + "post.core.dimension.3": "d463329c2d4e497c70f18898a2ef84929ea208e1", + "post.core.dimension.4": "652e6941eb5ffe7b11b4919943eaa82985cea887", + "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", + "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", + "post.core.dimension.8": "32a49eb9f6a3706172348bdf0fd51703bdecc0e9", + "post.core.dimension.9": "ca8146c7e9870c3cf4e15aa0cd4141b129e2a5b5", + "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", + "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", + "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", + "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", + "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", + "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", + "post.core.dimension.18": "a8d771a99eb5f445437880a6f1f4176857a99e9f", + "post.core.dimension.19": "b733f96e2819d633f99f2fec757ee6943d924e62", + "post.core.dimension.20": "fe5b4a93e0c7b12da9cbc7e49ebb82d9459a1bc3", + "post.core.dimension.22": "037050b0792d5a035936ad8587cc651b219f02fa", + "post.core.dimension.24": "3e80cbdfb2c88bbe42328dfd8e8608ebe760ee2f", + "post.core.dimension.26": "bcdb206ef2815e1e09111f81ed0baf79b4bf2cd6", + "post.core.dimension.28": "1811251486c8758094d69d157c6f4865a1128c16", + "post.core.dimension.30": "5b61020ce28f318441501b9f2e8d65e040e8a532", + "post.core.dimension.32": "5d2c1b6b60f424b98dbf82641b9be216b1e3723f", + "post.core.dimension.34": "04e2b51cb7030588d248f62e3abf6d234992d10e", + "post.core.dimension.36": "6e42dbdae5890500b12efbbf989c507a1b48d2ca", + "post.core.dimension.40": "60db40cf07a6b3e92bcf85edc80515fd7a09d8b9", + "post.core.dimension.48": "3c99f33268fc1a0907c9c95feb818692b940f0df", + "post.core.dimension.56": "be606e2dbf04b756f087cf97628f7dcc88b4a25d", + "post.core.dimension.64": "45594761f6b08503e67e61fcfe9a3c12e8d09173", + "post.core.dimension.78": "d8d6b0835a349a9dd8cbe65e95943de12d3a3a00", + "post.core.dimension.80": "1ed36d765c9681045964985247fa22284ce969b7", + "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", + "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9", + "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", + "post.core.dimension.5-5": "972288dd1addb9aae5e34073da7683bc7f0a99fd", + "post.core.dimension.6-5": "ef1aee12a8f7f938117c4de244a4f37d7dfad29f", + "post.core.dimension.4-5": "4bdff2ecd88fa32f393698921bced3153c49b909", + "post.core.dimension.7-5": "e05efd978d1d8d8b174af4019a1b3667a39d6e9f", + "post.core.dimension.1-5": "e9a806cc8b202847d48f7843c1a5536c39fb544e", + "post.core.dimension.8-5": "4806510e987f7bd5df8cf01a4ed6ddd83ee0f46f", + "post.core.dimension.3-5": "fabd9da13f12377a471bcfaff026173ac38a8756", + "post.core.font-weight.300": "4436d559d2383ae1a0ad88d57da9ce6360a7aef7", + "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335", + "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831", + "post.core.font-weight.700": "a8572f4ab00764d5deee3d136c730ba552e3d649", + "post.core.font-weight.900": "5f8959c4864dcf53df2f1fe072a0e49024d4f55c", + "post.core.font-size.10": "9d28f418453b10ccb7dbfdbd4ebe9aac4ffe4e92", + "post.core.font-size.12": "5dc9c3ef87dd21399fad6126eb687336a0ff820a", + "post.core.font-size.14": "41566212e16fb102bc860a86c787daabdadec2e0", + "post.core.font-size.16": "cfe88d463c2a97605853ad688f610b6d2413aa79", + "post.core.font-size.18": "87a6c3f64bb8442a7a68b68a117e37642e05ab0a", + "post.core.font-size.20": "406933c00d98f806b314773b720b44ef18c44b21", + "post.core.font-size.22": "84d13d9117cb15e2dd4765f4dd62e4ac8e4089d0", + "post.core.font-size.24": "9adfd1cbdaf8c62ec5e1767d289abe387474e032", + "post.core.font-size.26": "817b79f15604f76f861989e5a09997c8530b5d90", + "post.core.font-size.28": "e6c1bd0761a9978e4527442cfab59ba9f764d2bd", + "post.core.font-size.30": "2c729cc88e7a14ae59780f15f7b51059b504717b", + "post.core.font-size.32": "468652535b4d230b8aacbfdad93b0ac69dd79f5e", + "post.core.font-size.34": "d4359139af1b8156d417d4da6b43dd112463db81", + "post.core.font-size.36": "d915e690bf9ee5217752fd9d94f42d744e82aa92", + "post.core.font-size.40": "79f8e733b8e993cbc3792ea4ed7a9e702b1a769c", + "post.core.letter-spacing.none": "195c468fa2f255470e6e8077bfc5cb14da225064", + "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", + "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea", + "post.utility.spacing.dup.0": "52e996045a110cbecb60141125745fc61e305aaf", + "post.utility.spacing.dup.1": "5caf57906c734d7a50161d804911c891a9cf9479", + "post.utility.spacing.dup.2": "730a1bb47cd8aa5fa3fd65bbe6822e49d7831737", + "post.utility.spacing.dup.3": "92418a8c1414f01fde9135db533570f4a56d5bf2", + "post.utility.spacing.dup.4": "049bc30cbd6cc4d1597e1944715a48283ae07909", + "post.utility.spacing.dup.5": "5dac4ea148ce6b07948ecb6f9bb1bb2f0181a95d", + "post.utility.spacing.dup.6": "fdc441fa3b00561385dd9a6230e3fc7084346329", + "post.utility.spacing.dup.8": "5dd07038c8e737d7040ec0468eb4bf4414dc81a9", + "post.utility.spacing.dup.10": "abced30adcada42355bf66ff3bd3cc9f438f240e", + "post.utility.spacing.dup.11": "82369c7a3310d96d1d7da25a5dabc56b0d4e75d5", + "post.utility.spacing.dup.12": "98a79282457e9f75f8738bb804f19a36ea024f1c", + "post.utility.spacing.dup.14": "8d7b26579fd636cbd2666b14ff9bd6024fbbd3d2", + "post.utility.spacing.dup.15": "032682f8602419f1c2d903c425aebe143dd13423", + "post.utility.spacing.dup.16": "48744ef9ea5485c438b925b5e50bf388a57947cb", + "post.utility.spacing.dup.18": "d8ccd430a4b1a156dbf4762b2548c2fe2ce55db1", + "post.utility.spacing.dup.19": "a497fff770eac663acb27bb4d996015697142029", + "post.utility.spacing.dup.20": "5672d6eb0a99506507d0bd86fe3f9b2f1e03904e", + "post.utility.spacing.dup.22": "84241fbdb7d964613a652a36c33c57627abc3f30", + "post.utility.spacing.dup.24": "a4bda3a398caedaf9643f5bcfa86abafdedfbd15", + "post.utility.spacing.dup.26": "37f558f9ea348b0c322a1db0a72cfd332b772983", + "post.utility.spacing.dup.28": "0aaaef1558842e14b54d645b90fe35b0d1d3b30a", + "post.utility.spacing.dup.30": "dbf41e94215d61cd23e246e9731d2f47e01e7e60", + "post.utility.spacing.dup.32": "8be8c67dd319ef96e7208a3e8e67479c6499241e", + "post.utility.spacing.dup.34": "3de224c920a25d89930c5ab4e462968e1215f1e0", + "post.utility.spacing.dup.36": "2b1cd8f1f74cf604900aee9c6b9b1a5f581b39fa", + "post.utility.spacing.dup.40": "89a7f921ac312b4a196b8ed8fdc122d0cb17c59e", + "post.utility.spacing.dup.48": "d2dd27537edc3f1a2fe80627b29f15d268a4558b", + "post.utility.spacing.dup.56": "66eb9fff444ba8eb447114037db2063c84e83947", + "post.utility.spacing.dup.64": "dbf16a71eb91f503be2a2724f1510db1b9bf4b91", + "post.utility.spacing.dup.78": "c96831555685780d4876f79013af7b8a5f525bf0", + "post.utility.spacing.dup.80": "2ca827175d302e999d8307fee39cea9b4ba4917e", + "post.utility.spacing.dup.96": "afd205b79c7fb6ba82802f1067b50d55aaebc8d6", + "post.utility.spacing.dup.100": "bcd9030f63424d12a73550be12387422cc7d6b62", + "post.utility.spacing.dup.112": "1579fffe81d7858788908ee0e6c91b60b253b46d", + "post.utility.spacing.dup.5-5": "b0544aca049a8f37bedc7a23956373d78b2dbeee", + "post.utility.spacing.dup.6-5": "5aaab350d26b274a4800b85960d830f5e48370c3", + "post.utility.spacing.dup.4-5": "8372bdf49b50971b3f86fd487b0979e0789e91f2", + "post.utility.spacing.dup.7-5": "23a11db07aa175a0c3b25b0f1b736ceb6f66369d", + "post.utility.spacing.dup.1-5": "3f6063d3df9de0e70a07cef75914575893e70c44", + "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491" + } + }, + { + "id": "1103402563f695270d1a59fb3f8fae480f3a3ce3", + "name": "Light", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Mode", + "$figmaCollectionId": "VariableCollectionId:718:1666", + "$figmaModeId": "718:1", + "$figmaVariableReferences": { + "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", + "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", + "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", + "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", + "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", + "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", + "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", + "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "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" + } + }, + { + "id": "ce11b2c19f12e0800a2ed3d9487a5b9d19609476", + "name": "Dark", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "enabled", + "Mode/Dark": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Mode", + "$figmaCollectionId": "VariableCollectionId:718:1666", + "$figmaModeId": "718:2", + "$figmaVariableReferences": { + "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", + "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", + "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", + "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", + "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", + "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "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.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "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" + } + }, + { + "id": "0ce712c559607fae28cbd844cac1884d8f961af2", + "name": "Desktop", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Device/Desktop": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:3", + "$figmaVariableReferences": { + "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", + "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", + "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", + "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", + "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", + "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", + "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", + "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", + "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8", + "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", + "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", + "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", + "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", + "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", + "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", + "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", + "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", + "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", + "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + } + }, + { + "id": "9b62c227ec025676c57afe71623180b90d460939", + "name": "Tablet", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Device/Desktop": "enabled", + "Device/Tablet": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:4", + "$figmaVariableReferences": { + "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", + "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", + "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", + "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", + "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", + "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", + "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", + "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", + "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8", + "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", + "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", + "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", + "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", + "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", + "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", + "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", + "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", + "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + } + }, + { + "id": "9c4cc18c7630f377d9f70f1f83aeb8be2ad4de39", + "name": "Mobile", + "$figmaStyleReferences": { + "post.device.elevation.100": "S:fa7e1124280bc88b48f2a8be662b58776b052413,", + "post.device.elevation.200": "S:040397e62494b199bf04713a79be6f118fce096b,", + "post.device.elevation.300": "S:3078936d51b4113a7c2518bc86ca16d4ddda723a,", + "post.device.elevation.400": "S:e1d8c1f77504898ae99b6618189947192ce16f25,", + "post.device.elevation.500": "S:9177390e4a1872257021623d2832362db3ca30ce," }, - "$figmaCollectionId": "VariableCollectionId:808:5504", - "$figmaModeId": "808:0" + "selectedTokenSets": { + "core": "source", + "Device/Desktop": "enabled", + "Device/Tablet": "enabled", + "Device/Mobile": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:5", + "$figmaVariableReferences": { + "post.device.font-size.1": "0d47ea0c6cdcb70acd7b07d196d1c26ed26a32fa", + "post.device.font-size.2": "98c82e97f983336169b2bd9337cc89402938c863", + "post.device.font-size.3": "077f8ee61aff5b0bb1e39be94fca5571102e8a7d", + "post.device.font-size.4": "bb2de44d7662e9f2ca4c8a34a32655ddf789f998", + "post.device.font-size.5": "e1ac0b48d23f44ea1d6848dea18b19b44aa2fdd6", + "post.device.font-size.6": "b3c482db4601eac6ae39171d40cf0bf530095370", + "post.device.font-size.7": "f1a6f1ed6b1141bd3e4dcc01a589a9cab9b5d851", + "post.device.font-size.8": "20b947b47125eea77f9bb10c8b78f4ae6bef67ca", + "post.device.font-size.9": "23590915ce9c30e0caf395ad9e7fa5b10a9d6d0f", + "post.device.font-size.10": "343f6a18984d4d3979334cb11e32ca10e106937f", + "post.device.font-size.11": "9434eeebcfcc25c787d11c4b2290d3e8126a2beb", + "post.device.font-size.heading.xs": "0ede8897f4c50d438a830adc9fe9118c32a5e178", + "post.device.font-size.heading.s": "e1cc2bf9ba9ae6a1632aedfe996e81cd495f8246", + "post.device.font-size.heading.m": "a8273b65190879995b85698c71d8ac552f4e8691", + "post.device.font-size.heading.l": "2ff9fe8185cb912991144c4f7b5361361496410e", + "post.device.font-size.heading.xl": "261bc6d04d4e2166c1b47855d1318f92f68d768a", + "post.device.font-size.heading.xxl": "237b92b420ad1b737a4b3a782339a48e1c017c1f", + "post.device.font-size.text.xs": "ae1801a42b769c747ced36207064a5f3a19a084d", + "post.device.font-size.text.s": "54d9c19be0a424f39bc6c684018460c3b143720d", + "post.device.font-size.text.m": "95740ccb2b312d28fb6b3222a09e7fdb40350e12", + "post.device.font-size.text.l": "2f6bdc4a3dc9c6d4a4fda08f27ebaf1b4efbc57c", + "post.device.font-size.text.xl": "8dea0049380e138e67b97df72dac269721c735e5", + "post.device.font-size.text.xxs": "b9e07c68e924e06eea80e3005513cbb50f4bc993", + "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", + "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", + "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", + "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", + "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", + "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", + "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.device.spacing.gap.inline.2": "faef610241a69748e62611b8e146f6780dae7d0e", + "post.device.spacing.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.device.spacing.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.device.spacing.gap.inline.5": "fb46cdac66108aa7bca975a18e871ce17a4eaa71", + "post.device.spacing.gap.inline.6": "a4a768a75fb809028d28930d42fe095c1875c7df", + "post.device.spacing.gap.inline.7": "a8c917d557703948fc61241fda83874f6d2c75ee", + "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", + "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", + "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", + "post.device.spacing.padding.5": "82fd94b6189059adbdf011ff11b26e08dfe6c12a", + "post.device.spacing.padding.6": "943748f0c76b1bfc5ee2e2498b4d28baea12f863", + "post.device.spacing.padding.7": "7ab9b4d0c0c0b3bb91ee7fe002f1ea0494c80dcf", + "post.device.spacing.padding.8": "33692dbe4ca547c276d9f405b80d9e67fa289e87", + "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", + "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", + "post.device.spacing.padding.11": "442d42a5e43710a1efffc6831b913b91c7ccd973", + "post.device.spacing.padding.12": "77bb7ca80ee8985a4226f41ecd1b2594e0aa673d", + "post.device.spacing.padding.13": "34adb68af2a637832a5fe3c551ede86df72da22f", + "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", + "post.device.spacing.padding.15": "049f69bec47fdb67d6e8c256d22e99f3f5037565", + "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", + "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", + "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", + "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", + "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", + "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.device.spacing.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.device.spacing.padding.block.7": "0cb9374c93ed92485f7c51de410269e399585c29", + "post.device.spacing.padding.block.8": "5eeaa782f13c9a6dc00a47078b54556fa50c611a", + "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", + "post.device.spacing.padding.block.10": "2f99b2463811055d0f44088638bc153ac3c4054d", + "post.device.spacing.padding.block.11": "5d575c80ae756461e601cdf082d1e6af28d610b9", + "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", + "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", + "post.device.spacing.padding.block.14": "a6427c0a7b5be884fca782a198c1d1bfccd9807f", + "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", + "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", + "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", + "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", + "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", + "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", + "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", + "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", + "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", + "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", + "post.device.sizing.interactive.button.height.2": "e7eae917eff97ee0a0cdfb55a874faf067f272bb", + "post.device.sizing.interactive.button.height.3": "0247c69e9f0ff9764992df9dee0bb7dd02b259a6", + "post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8", + "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", + "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", + "post.device.sizing.interactive.button.icon.1": "a60381335e7c38cb7293af93f86fd98d00753df3", + "post.device.sizing.interactive.button.icon.2": "d7f868a5f4a2c90d330d4d4190e099c405ea78e8", + "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", + "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", + "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", + "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", + "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", + "post.device.sizing.notification.3": "0253f7ecf79bda0fed4208da11210ee2cb212290", + "post.device.sizing.notification.icon.1": "ee88010ebd9bdb483633632bebb6bb9831f66437", + "post.device.sizing.notification.icon.2": "d1073e5d5449bb585549da312910cdb4fbfdf5f2", + "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", + "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", + "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", + "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", + "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", + "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", + "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", + "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", + "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + } + }, + { + "id": "1c4ace3626112715bbfee930239c3e97183dc558", + "name": "EDK", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Channel", + "$figmaCollectionId": "VariableCollectionId:718:1734", + "$figmaModeId": "718:6", + "$figmaVariableReferences": { + "post.channel.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" + } + }, + { + "id": "2fadfda48d6fb25bdb15270f1305c1a5de717eb9", + "name": "IDK", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "enabled", + "Channel/IDK": "enabled", + "Elements/ListBullet": "disabled" + }, + "group": "Channel", + "$figmaCollectionId": "VariableCollectionId:718:1734", + "$figmaModeId": "718:7", + "$figmaVariableReferences": { + "post.channel.sizing.interactive.height.filler": "e3f6b045f7ec4f42c74d6d9f4793c4c6df15612b" + } + }, + { + "id": "23cee78e722277a1bbd92a0bc670d7bae720db26", + "name": "Elements", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "source", + "Elements/Body": "enabled", + "Elements/Heading": "enabled", + "Elements/Paragraph": "enabled", + "Elements/Link": "enabled", + "Elements/Legend": "enabled", + "Utilities/Spacing": "source", + "Utilities/Typo": "source", + "Elements/ListBullet": "enabled" + }, + "$figmaCollectionId": "VariableCollectionId:3180:16769", + "$figmaModeId": "3180:1", + "$figmaVariableReferences": { + "post.body.font-family": "70c72412aea2780407d6bb946143c4a5348b3028", + "post.body.font-size": "acd407f99597df8951757e7543a7b0e7c8451ec2", + "post.body.font-weight": "87c7f855865f4e8c289660daf5b938a155f3ce09", + "post.body.color": "e7978f363149b9e0862b1da607ed90032d843a63", + "post.h1.font-size": "4dfdcb816339554c431cc27b3f417ca8fac58bab", + "post.h1.margin-block-start": "00b0bb583f6b60906ba4b3adb89f439a4bf0bcc7", + "post.h1.margin-block-end": "6b3ecdcda7319fda31c670e39af4a8205599c02b", + "post.h2.font-size": "c7f066135defafa5a4498d1bb5bd97a1250b86cc", + "post.h2.margin-block-start": "4ad00704bcfc2c25547b682dddca6b8131c8ef97", + "post.h2.margin-block-end": "fec7117f01c6afb05fbadd91d889e863720fe420", + "post.h3.font-size": "0c775d4eda1292a7d9bf979a375bd3db3da7cb45", + "post.h3.margin-block-start": "9480ff31093e92779b6e667c0e7869c034b334f3", + "post.h3.margin-block-end": "72f601958392ddcca841b77e44381c40e740d511", + "post.h4.font-size": "a1c8387d2aa0034d6caca037d8fd04afe79901f2", + "post.h4.margin-block-start": "bd6ab21e221bd3130db86cab2a96c9c6f479ff3a", + "post.h4.margin-block-end": "572411379e8f7e089b5a93a242caf7ef427af66f", + "post.h5.font-size": "607a87f879f7801ec5747efbfbeb556d8330d50c", + "post.h5.margin-block-start": "af222e14e3f5742e35e59debb5d2af3ce33d4c79", + "post.h5.margin-block-end": "25384b2ae4adf49e0eb725ed4fef6e4501ce5268", + "post.h6.font-size": "cd54a1a7a85acdb9cd9a10bce6742b87827d3017", + "post.h6.margin-block-start": "2606fd0d6726a09ad3cf50cc00f5b471f4160cee", + "post.h6.margin-block-end": "8105b8d7a5cdfd68a8af14f7156474accc4d28a0", + "post.heading.font-weight": "30d60d2593a168627ef61d63266f2f9f022b9c16", + "post.paragraph.margin-block-start": "9dade4a54a60d96b9bc0da028b1d5970d1b89839", + "post.link.hover-fg": "e5e1f251e51d05807fccf34efc36391c5d6d1821", + "post.link.focus.outline.color": "52635f5620f01a4396cede27d5c7b9f63f1146cc", + "post.link.focus.outline.width": "88b0ea4d5e0c004630155130b7616a5787201440", + "post.link.focus.outline.offset": "5d7bd1219e9cb94fbb4c036a4fd4853d97d94365", + "post.link.border-radius": "8a9d3378910dc9411f8d0f0a6d32ee1939504cb0", + "post.legend.font-weight": "f0a4f4aecd22adca404a06057036f32f535db108", + "post.legend.large.font-size": "d3d186f427003c6303030a4f6fbd344f2977aed4", + "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", + "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", + "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e", + "post.list.bullet.item.icon.gap.inline": "417de136821935345d45e075c52b60de8fde8473", + "post.list.bullet.item.gap.block": "a5f90062a491c6218f50ef94c18720ed58b403d4", + "post.list.bullet.item.icon.size": "21ec3fb665c341394250b7a7a521ca6540b8b284", + "post.list.bullet.item.icon.bullet.size": "0ea7e671b89eb9346a05ed0c32e016164db6eeb0", + "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2" + } }, { - "id": "f8e39ca0bc9d0ff9b1055ea8cad31e5f449abeb1", + "id": "4ba2e9d81558345c4c9059f083c38df92fdc25e6", "name": "Utilities", "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", + "Utilities/Spacing": "enabled", + "Utilities/Typo": "enabled", + "Mode/Light": "source", + "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Utilities/Spacing": "enabled", - "Utilities/Typo": "enabled" + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "source", + "Elements/ListBullet": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", "$figmaVariableReferences": { - "post.utility.typo.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", - "post.utility.typo.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", - "post.utility.typo.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", - "post.utility.typo.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", - "post.utility.typo.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", - "post.utility.typo.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", - "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0", "post.utility.spacing.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", "post.utility.spacing.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", "post.utility.spacing.margin.2": "792cd18025c16779f22642524cf2693d2862e869", @@ -8386,13 +8458,30 @@ "post.utility.spacing.padding.80": "1605213520b2a110091a49300bf88355a715ed74", "post.utility.spacing.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", "post.utility.spacing.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", - "post.utility.spacing.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012" + "post.utility.spacing.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", + "post.utility.typo.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", + "post.utility.typo.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", + "post.utility.typo.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", + "post.utility.typo.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", + "post.utility.typo.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", + "post.utility.typo.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", + "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" } }, { - "id": "3b4ae9453b4e173caf89855f9c698c410ea91f1f", - "name": "Elements", - "$figmaStyleReferences": {}, + "id": "4f668a04261d10350fec60c9c96cb6a00d4bac7b", + "name": "Components", + "$figmaStyleReferences": { + "post.dropdown.multi-select.menu.elevation": "S:8d713435a0796bc91932ae5753f90ca46a338263,", + "post.notification.banner.elevation": "S:ebb020edeaf4a170bf5f44470e86a85d7ee36892,", + "post.notification.toast.elevation": "S:3a377c9816a49505cb6b0f272b01f94de22fea9c,", + "post.notification.snackbar.elevation": "S:ff03b99cce63336657e84d1426b82b665db46ef8,", + "post.notification.popup.elevation": "S:c6fde757ac340da2770f1d3e3dde7b183b025880,", + "post.popover.elevation": "S:30d186daa8a325b5250dcbdc122d9f6158119e60,", + "post.social-media-button.elevation": "S:bf4ce1d54cc7dc7662989461c6bc438cd4d31e08,", + "post.icon-button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3,", + "post.button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3," + }, "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -8400,77 +8489,586 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Elements/Body": "enabled", - "Elements/Heading": "enabled", - "Elements/Paragraph": "enabled", - "Elements/Legend": "enabled", - "Elements/Link": "enabled" + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "source", + "Elements/Body": "source", + "Elements/Heading": "source", + "Elements/Paragraph": "source", + "Elements/Link": "source", + "Elements/Legend": "source", + "Components/Badge": "enabled", + "Components/Breadcrumb": "enabled", + "Components/Button": "enabled", + "Components/Checkbox": "enabled", + "Components/Dropdown": "enabled", + "Components/Notifications": "enabled", + "Components/Popover": "enabled", + "Components/Radio button": "enabled", + "Components/Select": "enabled", + "Components/Social media button": "enabled", + "Components/Stepper": "enabled", + "Components/Switch": "enabled", + "Components/Text area": "enabled", + "Components/Text highlighted": "enabled", + "Components/Text input": "enabled", + "Components/List": "enabled", + "Components/Banner": "enabled", + "Components/Toast": "enabled", + "Components/Snackbar": "enabled", + "Components/Inline notification": "enabled", + "Utilities/Spacing": "source", + "Utilities/Typo": "source", + "Components/Icon button": "enabled", + "Elements/ListBullet": "disabled" }, - "$figmaCollectionId": "VariableCollectionId:3180:16769", - "$figmaModeId": "3180:1", + "$figmaCollectionId": "VariableCollectionId:808:5504", + "$figmaModeId": "808:0", "$figmaVariableReferences": { - "post.legend.font-weight": "f0a4f4aecd22adca404a06057036f32f535db108", - "post.legend.large.font-size": "d3d186f427003c6303030a4f6fbd344f2977aed4", - "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", - "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", - "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e", - "post.paragraph.margin-block-start": "9dade4a54a60d96b9bc0da028b1d5970d1b89839", - "post.h1.font-size": "4dfdcb816339554c431cc27b3f417ca8fac58bab", - "post.h1.margin-block-start": "00b0bb583f6b60906ba4b3adb89f439a4bf0bcc7", - "post.h1.margin-block-end": "6b3ecdcda7319fda31c670e39af4a8205599c02b", - "post.h2.font-size": "c7f066135defafa5a4498d1bb5bd97a1250b86cc", - "post.h2.margin-block-start": "4ad00704bcfc2c25547b682dddca6b8131c8ef97", - "post.h2.margin-block-end": "fec7117f01c6afb05fbadd91d889e863720fe420", - "post.h3.font-size": "0c775d4eda1292a7d9bf979a375bd3db3da7cb45", - "post.h3.margin-block-start": "9480ff31093e92779b6e667c0e7869c034b334f3", - "post.h3.margin-block-end": "72f601958392ddcca841b77e44381c40e740d511", - "post.h4.font-size": "a1c8387d2aa0034d6caca037d8fd04afe79901f2", - "post.h4.margin-block-start": "bd6ab21e221bd3130db86cab2a96c9c6f479ff3a", - "post.h4.margin-block-end": "572411379e8f7e089b5a93a242caf7ef427af66f", - "post.h5.font-size": "607a87f879f7801ec5747efbfbeb556d8330d50c", - "post.h5.margin-block-start": "af222e14e3f5742e35e59debb5d2af3ce33d4c79", - "post.h5.margin-block-end": "25384b2ae4adf49e0eb725ed4fef6e4501ce5268", - "post.h6.font-size": "cd54a1a7a85acdb9cd9a10bce6742b87827d3017", - "post.h6.margin-block-start": "2606fd0d6726a09ad3cf50cc00f5b471f4160cee", - "post.h6.margin-block-end": "8105b8d7a5cdfd68a8af14f7156474accc4d28a0", - "post.heading.font-weight": "30d60d2593a168627ef61d63266f2f9f022b9c16", - "post.body.font-family": "70c72412aea2780407d6bb946143c4a5348b3028", - "post.body.font-size": "acd407f99597df8951757e7543a7b0e7c8451ec2", - "post.body.font-weight": "87c7f855865f4e8c289660daf5b938a155f3ce09", - "post.body.color": "e7978f363149b9e0862b1da607ed90032d843a63" + "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", + "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", + "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", + "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", + "post.badge.height.l": "58e1d54dd36a4f39b8209f296caf3397b827a411", + "post.badge.height.m": "2e52458086101c06edf5625ca91d13203dce37fa", + "post.badge.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", + "post.badge.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", + "post.badge.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c", + "post.breadcrumb.enabled-fg": "2baf0e7b11623e8bfb266ffb3a8cf71cc6c4dbd4", + "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba", + "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a", + "post.breadcrumb.focus.stroke": "54da5c7d58e96de608657b4da381c50bc4e4c96b", + "post.breadcrumb.focus.border-width": "9f2fd3618cfdd207f8c717133600e515dbd99823", + "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.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", + "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", + "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", + "post.button.focus.padding": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", + "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", + "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", + "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", + "post.button.large.gap.inline": "5b671e7ab0c62f109540257c2096b3676ab1b7e7", + "post.button.large.height": "51bdaab951f9777006a59997af49abde6a60b852", + "post.button.large.padding.inline": "d8fb708dad9c635bbafe39aa9099289b6e00d5f6", + "post.button.large.icon": "4d95ef492735c0698e37dbf889ed4b629ca19eb6", + "post.button.padding.block.icon-inner": "375cef56479a6a359c87c2fa3529a88d1d0056a9", + "post.button.padding.inline.icon-inner": "856a22c933dcc7cb878afb7524cb0ea66b185a6d", + "post.button.primary.enabled-fg": "039ca18e2208c77d1d8a2892aa2418479c4edffe", + "post.button.primary.enabled-bg": "0cdd29650833d2c7bbcb3aa7719bf17a32d36e8b", + "post.button.primary.enabled-stroke": "9f499a134f7fa536b23d0d57b72ed6558186a158", + "post.button.primary.hover-fg": "eac75a8dc5a647777ff1b2dcec45e56535a15dd9", + "post.button.primary.hover-bg": "0fdb33d87c686ca308031b209bf3ea439ba386d3", + "post.button.primary.hover-stroke": "1f8a82b915e21cf21b0c4ab1c85761a50f421b2e", + "post.button.primary.disabled-fg": "ded221a18497b74db5f062208f0a6b6a488cca16", + "post.button.primary.disabled-bg": "7faf5c5ecc6891b9cdcacc68494b4904e172aa9f", + "post.button.primary.disabled-stroke": "c2b980e08ac059d7ec454b46b485ba9c95b2eb68", + "post.button.primary-inverted.enabled-fg": "566fead72fdd75ea718c6f9edbc2808c0601d8a0", + "post.button.primary-inverted.enabled-bg": "607a2307e3f8cfe2ff6b8bde5c131704e7ac79a0", + "post.button.primary-inverted.enabled-stroke": "067fe8edac84400798dc462b8f8ae5063c42f67e", + "post.button.primary-inverted.hover-fg": "a234850a88b64de6c4a00088d91b6dc3465fde30", + "post.button.primary-inverted.hover-bg": "9da9b7a0573b38ef72344346d5a6b3828a34f50b", + "post.button.primary-inverted.hover-stroke": "5c8525d7bc7b80c516a6d481955c53bfb072faa8", + "post.button.primary-inverted.disabled-fg": "9573fd7511910da86d0f0e9bbf96dedd79dc6bdb", + "post.button.primary-inverted.disabled-bg": "e35c9e917a8f6189d4df5ef35a14d942bbbb8dc4", + "post.button.primary-inverted.disabled-stroke": "f513f815973b5085c80a0ccff0bce022c911e508", + "post.button.secondary.enabled-fg": "759a78e911e41bc2da7668304ce1ae1ab5cd7cb5", + "post.button.secondary.enabled-bg": "ecbbc24a2a8253d25c345305125da84c65697169", + "post.button.secondary.enabled-stroke": "60f407bd7ae36428a46c5af2b970e16ab6ae0fe5", + "post.button.secondary.hover-fg": "8808d0ffacacdca1987cdf631734b09b0f051d7e", + "post.button.secondary.hover-bg": "02c3b6fd833112968f50cdda79ac26617eaa30c1", + "post.button.secondary.hover-stroke": "f04ec7973bec6d87dc7159eccf343ed63caf9fa3", + "post.button.secondary.disabled-fg": "99a8254b4098b9d7e35bccc3be1876647d99efb8", + "post.button.secondary.disabled-bg": "222ceab0d53e11e09be6415b55d970600b2a001f", + "post.button.secondary.disabled-stroke": "6d5568e6250a2373dd97ae93178f0fa62ff75422", + "post.button.secondary-inverted.enabled-fg": "c36b878bafa93b53c5b8b7f7c82b5b0369362530", + "post.button.secondary-inverted.enabled-bg": "3d971ad326ca363ba2831c34afe64c6cce9ac0da", + "post.button.secondary-inverted.enabled-stroke": "f103f2f6237f3d8d257df01271ab9139383b6863", + "post.button.secondary-inverted.hover-fg": "928c8449aabae8f36ed21958d10a8f523c5d1a2a", + "post.button.secondary-inverted.hover-bg": "2fa51ef6d8d256df39cb93003f8fd295952ad697", + "post.button.secondary-inverted.hover-stroke": "d34c494d039992caa17d82ad0f460a7beb24fe3f", + "post.button.secondary-inverted.disabled-fg": "3c47434bf7b5d067825f277869970085e64532da", + "post.button.secondary-inverted.disabled-bg": "55ba738b2acb2a23ca41cf0415858e11f4230e93", + "post.button.secondary-inverted.disabled-stroke": "a1820a2a3d858cd32f7f7c9cf56f8fbf14a0147b", + "post.button.tertiary.enabled-fg": "d92f4c8bed2af1d684dece2d48dec8ecdaf26f47", + "post.button.tertiary.enabled-bg": "e14021ba34e5501e46ed579ac31a4915414d48be", + "post.button.tertiary.enabled-stroke": "d0a6b1e6578657066aa34001e3bf08f45ace71eb", + "post.button.tertiary.hover-fg": "840060212b34ec35a799ef6ec6213d462f1e41ab", + "post.button.tertiary.hover-bg": "5cd33517927704299f87005586533083af9355a1", + "post.button.tertiary.hover-stroke": "03b40d72ea31644731c86065beae71474a207ce5", + "post.button.tertiary.disabled-fg": "6bdcec6ba989f3973df833f082aca4d3eb49c335", + "post.button.tertiary.disabled-bg": "820465492072952143b319e36323fa8a91dcdcd5", + "post.button.tertiary.disabled-stroke": "9d56ff936ff360fd2378a58287e8c92a9fbb5f82", + "post.button.tertiary-inverted.enabled-fg": "94391b77e245b5736a778015c54144ddf99f5338", + "post.button.tertiary-inverted.enabled-bg": "53feb9a2cae4c78d4a31cb4a5906dbd4f27a1253", + "post.button.tertiary-inverted.enabled-stroke": "cf2fcac10c590be2dd32ee64b8c9ac497b1baa01", + "post.button.tertiary-inverted.hover-fg": "e8937e6412f9a8039ab2c6790a501e5825e8afe4", + "post.button.tertiary-inverted.hover-bg": "ecbe35adbc840ff382926b81bd903ddb214d882b", + "post.button.tertiary-inverted.hover-stroke": "4026acafa2f4024e1bf70abd9334f45547aff4a4", + "post.button.tertiary-inverted.disabled-fg": "26598578d2e9f8f492aaf8f6a9eb6e4254140c25", + "post.button.tertiary-inverted.disabled-bg": "7ae85d982ddd188dd3bf33faa0f7ed7a7a40b713", + "post.button.tertiary-inverted.disabled-stroke": "eacc46c7cab638738dba7ec112b8929ee4a031e2", + "post.button.medium.height": "48d44f831cae6e5f41d01f3eb7dcbb19d1ea572f", + "post.button.medium.gap.inline": "bc9458158633c62da2a94a576f040b70bd3d3fb4", + "post.button.medium.padding.inline": "cb2499fd2ad523f33f3ff6192abefcb356000ac3", + "post.button.medium.icon": "784a9b422bb7328a4322671591cc9ae28927fab4", + "post.button.small.height": "7ef5bf6b5fdeadf8b5a48bc9e6a4f0205272e8e1", + "post.button.small.gap.inline": "5cee69191171d877a8e84dde5deac99a87dd143a", + "post.button.small.padding.inline": "34ab1a6a2a326f3c9fbd5a71293f8d2c2e59fae2", + "post.button.small.icon": "f71a1e6ed0333399ca14370d5d684f196342a890", + "post.button.border-width": "eefdbbcdfe797014914e8bb2b2ab4456cac6396c", + "post.button.label.font-weight": "423ec64d2c0daf8df8e67bfe1ff5ff7b2d8fb9d8", + "post.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780", + "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72", + "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0", + "post.checkbox.hover-fg": "4cd3a35c6d41c8bf0f327dc00edce076b43375f9", + "post.checkbox.disabled-bg": "17a75265c1ba9ab24f81d178854bcc374d386772", + "post.checkbox.disabled-fg": "f67e1029d1f7c3fc93b33b2c7662af38106ac1a7", + "post.checkbox.selected-bg": "dfc50424925d3bb701a5e28e2ee112ca1fb13c4a", + "post.checkbox.selected-fg": "fd045802c80e76ee3028a5299bd519c39b479a46", + "post.checkbox.enabled-stroke": "baeb6a8bfd531712283a81c79867de6406094263", + "post.checkbox.hover-stroke": "09fd9bb754b50d6b5d66a08cb9b5aa02b81f1eb1", + "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461", + "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39", + "post.checkbox.signal.error-fg": "55815485860923907b221cf69cc3988c2ebc37de", + "post.checkbox.focus.stroke": "cb037b8e2fd22c55053450954d98cfd5bda4449c", + "post.checkbox.focus.border-width": "d2702de45e2af881ed2bdc380f7a6c013751eb84", + "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be", + "post.checkbox.gap.inline.error": "cf016af223d52353d2880a3b1caaed3022e0e0d6", + "post.checkbox.icon.padding.block.inner": "2c00841389f889fc1d44d9ca10354e0328aba20d", + "post.checkbox.icon.padding.inline.inner": "74dd6caa91b2d4172ac7ba6bf1b02664bd605e9d", + "post.checkbox.icon.width-inner": "9d966e0c5c0e775240006dd6278b3eb1a710b795", + "post.checkbox.icon.height-inner": "629427f94c10fdeede5ff452f188828bc0699736", + "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", + "post.checkbox.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", + "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382", + "post.checkbox.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", + "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", + "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", + "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", + "post.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820", + "post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301", + "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", + "post.dropdown.multi-select.menu.category-title.stroke": "d14601d9070126646ea0a06fadc7715113a8b867", + "post.dropdown.multi-select.menu.category-title.enabled-fg": "6558708794830f02a60c5e2a9fb24f5f205624b8", + "post.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", + "post.dropdown.multi-select.menu.list-item.padding.inline.start": "3e53edc523387e5a64df8218b5e2c61b3d49d59c", + "post.dropdown.multi-select.menu.list-item.padding.inline.end": "a31ccebc3eedf24d9b35e58b0c2d32d87859b725", + "post.dropdown.multi-select.menu.list-item.padding.block.start": "584e851cd34060734fadb6d67ec530d027d3558f", + "post.dropdown.multi-select.menu.list-item.padding.block.end": "9b835f93c50b46cc7bc7a3f33253e8f86a93cb5b", + "post.dropdown.multi-select.menu.list-item.gap.inline.text-start": "1d4a4948d70b06601536ee22dce4255fbf846394", + "post.dropdown.multi-select.menu.list-item.border-width.bottom": "e36f940ea1f152976ccaa36cfa2cf8bdd3266573", + "post.dropdown.multi-select.menu.list-item.border-width.focus": "205907f0cfbed21a14319d1e9fb1ab48fe583828", + "post.dropdown.multi-select.menu.list-item.icon.spacing.height.outer": "0bd536964411f0d340eb3ce6cfb27426882147ee", + "post.dropdown.multi-select.menu.list-item.enabled-fg": "7feb95cc1c61e3e16c1e9efb74b6944f0fe562d1", + "post.dropdown.multi-select.menu.list-item.hover-fg": "f7eb371fafa736714c2b47aba317c6d1b7a57a59", + "post.dropdown.multi-select.menu.list-item.enabled-bg": "64fd988b0510a71cb37d0d25ff495a6e135b0b0f", + "post.dropdown.multi-select.menu.list-item.hover-bg": "5c88aed4bfb9b356b0e77832c5300514a1136843", + "post.dropdown.multi-select.menu.list-item.hover-stroke": "d456d03d81c10ee3953fa5f9adddbb5d72ff677c", + "post.dropdown.multi-select.menu.list-item.focus.stroke": "4b5c7d7ddcd4d13f55f42020a216c4ed4b74d4ef", + "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.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", + "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", + "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", + "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", + "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", + "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.popover.close-button.focus-stroke": "f1ed477c8a2ceb370de59515fa4094a3aff1aacd", + "post.popover.close-button.enabled-fg": "eb710d3b00b49f690dcf344e0d364d75cfe150d5", + "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2", + "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c", + "post.popover.close-button.hover-bg": "9c3fbc005809a55251769fa02909ff85ad3b188a", + "post.popover.close-button.outer": "6e8157a3e50114fbe3be54ab0788615ab9642cf4", + "post.popover.link.focus-stroke": "b7cd72baeb19c039bae4be96bfdbbf451eb2aa95", + "post.popover.link.padding.block": "013c450a779b61d44fb5948620cabe750bd71a15", + "post.popover.link.enabled-fg": "18b49d57ee06ff750328b13fdb1294cc26343e16", + "post.popover.link.selected-fg": "eade604686bd1b1374688e56aba1a2a9ef374c27", + "post.popover.link.hover-fg": "9e0bdb99581ebca38755c4b48ddb2da7ba680f9e", + "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7", + "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3", + "post.popover.icon.focus-stroke": "e75d00d2633e2306ed997ffb4d9c5f2af216a6bf", + "post.popover.icon.enabled-fg": "81e93275e93e9c63e5bbb66839c992173edf837c", + "post.popover.icon.selected-fg": "9ea5ba4d7668cf88874ed37430859e758080a3d7", + "post.popover.icon.hover-fg": "4b3134f5e9fa6fc6ea7e8cf4440b0f955b1e217d", + "post.popover.surface.bg": "fe303469406a88eca260acd78495a27e993d5546", + "post.popover.surface.fg": "2ba95ba1a0133396753371b2c8d6c3dc6b9f4546", + "post.popover.surface.border-radius": "61bdae7c4acef94e7df9ea2cdab57cb2878bd129", + "post.popover.surface.padding.block": "3242c46c3db33bab169c3f5665df9989e5eecbc7", + "post.popover.surface.padding.inline.start": "7be172b774d057a329081922469f560024108915", + "post.popover.surface.padding.inline.end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", + "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", + "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc", + "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", + "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", + "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", + "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", + "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", + "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", + "post.radio-button.hover-fg": "317132a0c272589edf4a4b14e0ae72f2f7ce18a4", + "post.radio-button.disabled-bg": "c09bc9b42df8004a531165fe1745cfd79cdb9a3e", + "post.radio-button.disabled-fg": "02139795f587accc9430208032da5a645a1917e9", + "post.radio-button.selected-bg": "3897745b964bb30eb717691a728002a210ba7e90", + "post.radio-button.selected-fg": "575b9dbb58033e0ae4a7c879cac441faf4ec5236", + "post.radio-button.enabled-stroke": "d478c213676bcf2eb1ea055a37705d9f6eb33c26", + "post.radio-button.hover-stroke": "efd5e0b0f302879c355da5d057adaf8ffe41471e", + "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2", + "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586", + "post.radio-button.signal.error": "f01f1309eab2bca4c61e36d7ef00f60facff692f", + "post.radio-button.focus.stroke": "a3f22ab0ca03a56411199f5eb396c47a28db5918", + "post.radio-button.focus.border-width": "9a82da1a6855536b1aa8ec4867d05000ae98b68b", + "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408", + "post.radio-button.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", + "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", + "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", + "post.radio-button.icon.width-inner": "4c2f84ac113b5446199016720b0d05c135fa8cbb", + "post.radio-button.icon.height-inner": "779afbc26754afe59e3ea5cb3bd9bdacd76d9abf", + "post.radio-button.icon.border-width": "0637ab3988b8c72d4ae9d3f552e34eab1ff264b4", + "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", + "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", + "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", + "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", + "post.radio-button.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", + "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", + "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", + "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", + "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", + "post.select.hover-fg": "225d910e99633bab914811c3b09d639dba8215a0", + "post.select.disabled-bg": "71db25a6e4e3fc44ead384e453a91a1a79cd99ca", + "post.select.disabled-fg": "5cf956acc6047afd4867a694bb1a7d47c9c7d263", + "post.select.selected-bg": "83eb1257594afef1ec0db043922ff01f33762548", + "post.select.selected-fg": "9d70a3ae7abfd7393132dd8bb7407211bc55b522", + "post.select.enabled-stroke": "39a847af230b650e4b1d2fc83e5c690a14f23ea5", + "post.select.hover-stroke": "8a9a4b8ae204fa2073700ff4c8d08b0a836b0c28", + "post.select.disabled-stroke": "5b57b30fe15d7d8fbca6bd22f30d747398768f39", + "post.select.selected-stroke": "a3bf4ee1d2933847ca54343fd263d9b76de5060c", + "post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621", + "post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2", + "post.select.focus.stroke": "cbb185fea9c01ec53a6bbe7fb76e5847e200f566", + "post.select.focus.border-width": "dde13c70a45dbd41e9f1c522beb91b316a5b9d2f", + "post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64", + "post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1", + "post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97", + "post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340", + "post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9", + "post.select.unfilled.focus.padding.block.section": "566f497dcc11af89235fae18aedc7b532c8cf8a4", + "post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d", + "post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4", + "post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c", + "post.select.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd", + "post.select.icon.padding.droppdow-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39", + "post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", + "post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58", + "post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a", + "post.social-media-button.footer.enabled-fg": "fa798efa74f07882ad2eb5335348341d1cd0e900", + "post.social-media-button.footer.enabled-bg": "522c78c9d29613192823e96833f28364efeea038", + "post.social-media-button.footer.enabled-stroke": "dfaffc9bb53b84fc3bb3215a02f5f1ada976d61f", + "post.social-media-button.footer.hover-fg": "354d602114a9727033a08707770636c4bcb5ab4e", + "post.social-media-button.footer.hover-bg": "888b6e5dfbbba72b4dc16f8fd45a66e38effdb2f", + "post.social-media-button.footer.hover-stroke": "948411353d3e1d04026f7a23c77367ef7303923e", + "post.social-media-button.footer.outer": "d32211165497f124da269359b6ec9b4e5eab2116", + "post.social-media-button.footer.icon": "a2c88941c990e2288caa1e2d71320dfc3f89912a", + "post.social-media-button.content.enabled-fg": "74d8297201af8d2f2f5020dae45c3a8fd302b1e7", + "post.social-media-button.content.enabled-bg": "86cf14b7bd0cc9b9e4cd210ba73cfc76ea243294", + "post.social-media-button.content.enabled-stroke": "0526de97fb85fdf8e39b24d27c58bc5762516597", + "post.social-media-button.content.hover-fg": "cdaa599dec7aff1c09cefb274080121988eab79f", + "post.social-media-button.content.hover-bg": "7b7ab8fa05a4dfe13cca6b35dfe2306ccd769733", + "post.social-media-button.content.hover-stroke": "63870c9c43cb3a8e9208ee01f4755c6b5564002d", + "post.social-media-button.content.outer": "6be54af1a4cbc7d122566deb0eb1a9b7249eb3e1", + "post.social-media-button.content.icon": "3a470a93d7f76db28c47a929778d3a95d531d5cd", + "post.social-media-button.focus.stroke": "6ff27984f2b2cfe8a3ab8bd8723d0e735104d59d", + "post.social-media-button.focus.border-width": "5a189cc382e1e2fbb6faad451fadef1269252caf", + "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", + "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", + "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", + "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", + "post.stepper.focus.border-width": "c8107fa442b3f94a02ac89975b8d8f3d3929a2bd", + "post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749", + "post.stepper.enabled-fg": "5d4a229bcb9e9a041a2716ae89eb722b6c6372c3", + "post.stepper.completed-bg": "71e5b10a098d581b9d7a025b5e293f61be0fd585", + "post.stepper.hover-bg": "05e1e464b0cfaea2e9c42b47cb7d803ae461915e", + "post.stepper.hover-fg": "fdf85afd5e534148b784dde0de28a97b891c4d83", + "post.stepper.disabled-bg": "27d54da0a00ef0790a8aefd9a3b0f83cb6f94355", + "post.stepper.disabled-fg": "3ce59ceb757a32c64a24dc04a4361b3d1e07040c", + "post.stepper.connector.active": "62735e7dbc38e5533b415cbe1a03dc4372bb914f", + "post.stepper.connector.completed": "c539afd3eef267edc7c26064f0907eebfada7346", + "post.stepper.connector.next": "b900842ec9836c249380af35b496b5eb1f5595bb", + "post.stepper.enabled-stroke": "ca1cf3359292b49a432c928c8efa16e29cb51dcd", + "post.stepper.completed-stroke": "8a7170dbf027fc9505286028fd61b036d6410076", + "post.stepper.hover-stroke": "8db9a0cbe8eea1f344363da9f9028510f731d44a", + "post.stepper.disabled-stroke": "ab116401b9cd3fcfb532aa3eee8f011cae325132", + "post.stepper.gap.text-start": "973c3df60c62f3bb2022dfefdfcd62644cf365fd", + "post.stepper.padding.connector": "94b9a5b72406ebedaab9706b909eb686f652d0b9", + "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", + "post.stepper.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", + "post.stepper.border-width": "0f6b907201f835723c78bd931860c49072f5601e", + "post.stepper.step-label.font-size": "0670d51aeed5a96ef2236a0a9b326a168da026f0", + "post.stepper.step-label.selected.font-weight": "a347f5456ee7834fe09e5cc0089dd31720d51a29", + "post.switch.text.enabled-fg": "d8e30f4220950a7ac6d9acc5e2dd666958b89235", + "post.switch.text.disabled-fg": "3b8f6ecd4ce7c901b3b6fbe19b3938b4ee30090d", + "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", + "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", + "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", + "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", + "post.switch.element.enabled-fg": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", + "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", + "post.switch.element.selected-fg": "2f079a496bed636dcee54a30516d00f400de1f52", + "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", + "post.switch.element.hover-fg": "367b21171b85011ace3484d3caaf20ca4de50580", + "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff", + "post.switch.element.disabled-fg": "87edfd0659df5be763802e5b407c9cd64220fb49", + "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", + "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", + "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", + "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", + "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", + "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263", + "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", + "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", + "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", + "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", + "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", + "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", + "post.textarea.color.hover-fg": "36fedbd25c535cb3345adff3b1d0f5f2b8f08530", + "post.textarea.color.disabled-bg": "361f61362bd0582eaacf1bbb02895c24f5a6d150", + "post.textarea.color.disabled-fg": "92713df6f06a26fceed85d92a67c1673ca4524dd", + "post.textarea.color.selected-bg": "f3f3f1c5f9b0383157593f01ac1a26829c31e89f", + "post.textarea.color.selected-fg": "209335b302e43aa38e47a58f9e81bbed3cb5b2f0", + "post.textarea.color.enabled-stroke": "976a32251ad1d4b6d678e1c7f7ea81a5e91622a5", + "post.textarea.color.hover-stroke": "5d946ceaa0e2efbcab19124583ece0f60ec852d6", + "post.textarea.color.disabled-stroke": "28993c9b0c485cf60e450e52b82c4339b42d6284", + "post.textarea.color.selected-stroke": "cf74c23243f5c295529e5c271ae6e28ee94979d3", + "post.textarea.color.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8", + "post.textarea.color.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de", + "post.textarea.color.focus.stroke": "0936d873439e1ea11c7db831c744fe3fd579a589", + "post.textarea.spacing.gap.inline.1": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab", + "post.textarea.spacing.padding.block.text-assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1", + "post.textarea.spacing.padding.block.text4": "865d08d100de52d4423d06ee3bb82937b4d4e8ca", + "post.textarea.spacing.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f", + "post.textarea.spacing.padding.inline.text-start": "2a877a58bc4473993bedc28d4173c8a24aaedd85", + "post.textarea.spacing.padding.inline.text-end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19", + "post.textarea.spacing.padding.inline.text-assist": "604885a8bec38c3de5690356837dbd20d0901a25", + "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e", + "post.textarea.border-radius.surface": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4", + "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b", + "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d", + "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b", + "post.text-highlighted.height.space-bottom": "976910163c8b39d9502d771bb4f11e2a2364dd76", + "post.input.color.enabled-bg": "ef37b9e75a548b9fe95566029fc133edf190f9ab", + "post.input.color.enabled-fg": "c2447695deab7ef09b877d2cc72b036d3092c92b", + "post.input.color.hover-bg": "36cd814b79e876dfe958dc3552ddf5bfa0ce52b8", + "post.input.color.hover-fg": "af12cba2ab4ea1b5a8ff7de8f817c11fed23b19e", + "post.input.color.disabled-bg": "e4a7c0123c24e4180e07d66f126da32843ca9159", + "post.input.color.disabled-fg": "079628078a7634a6eefd4b7742764bcb8445923d", + "post.input.color.selected-bg": "8bd7235f1399a9bc166130edce1af72427cfb8ed", + "post.input.color.selected-fg": "1ae0d7346c71e3c28fd3ebe05123a3ea04b3fbe6", + "post.input.color.helptext-fg": "cc1db7dbc95596ee0f941b44c4b55712ba6625e2", + "post.input.color.enabled-stroke": "e8fb5159e5c020c2919c12ad157578d1083b1cc2", + "post.input.color.hover-stroke": "5a5615016cc59292e11a683669369db7182dafb9", + "post.input.color.disabled-stroke": "c65628869cf318afba36f149d035a6ad6291e0d3", + "post.input.color.selected-stroke": "cd6d5766d9f136e44719c7a28eb250c545556c35", + "post.input.color.signal.error": "7ddc0bfe846c295b5a215c45e423a2fdddf6959a", + "post.input.color.signal.success": "0157a5c40c9a4eb6f87cfddd9a5c3f3a8a67282e", + "post.input.color.focus.stroke": "452d98281ca79ef631cedc28e552caf6c097c143", + "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d", + "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65", + "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7", + "post.input.spacing.padding.block.text2": "16e43ccd63e09b43f7078bfdc6bee6432ea4fe9a", + "post.input.spacing.padding.block.text-assist": "74fa0091e635d194f2726e8a49d63029f797d7b1", + "post.input.spacing.padding.block.text5": "be118ff83da708f6758b8dda877fadaea5a24e3d", + "post.input.spacing.padding.inline.text-start": "95d346d8cf0d15d92cbb0d838ad1d21e2196d909", + "post.input.spacing.padding.inline.text-end": "251080d245b6ce91ef6947cedb9d8710871c1e45", + "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", + "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", + "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", + "post.list.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", + "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", + "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", + "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", + "post.list.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.checks.spacing.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", + "post.list.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", + "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", + "post.toast.spacing.gap.action": "058716a3eaaad625c77cc0677b9d50ea493ced97", + "post.toast.spacing.gap.outer": "8b9c9b71b40f08768314fc1d88b16b5a37b5aaf3", + "post.toast.spacing.gap.inner": "84a01f0f5127e1cf2eab6816f58b837d3e8d9d05", + "post.toast.sizing.icon": "757c4eaf2fd47fc952756b6b82f6b1c923ba53cb", + "post.toast.color.info-bg": "9b44e71ba3660743c70532b709c7e5b2f36986f1", + "post.toast.color.info-fg": "12d3e39eadce4e17b6b3ae4490031ce80a9bff22", + "post.toast.color.info-stroke": "9cd0ac82e620c006770bd0061d2f608df9ffd442", + "post.toast.color.info-icon": "b6398b3758b026dfd8ee3d2591c4f553cafd8b32", + "post.toast.color.success-bg": "583281df42bab1ac5d805d36f7667039da7cbb61", + "post.toast.color.success-fg": "b59f3685a2a957de35ee1b05aab56a5cdce326ff", + "post.toast.color.success-stroke": "482decff6980c880bfabdb75f959e575a7e66895", + "post.toast.color.success-icon": "d21f6a28f7b8b410fddc19ddccd3257093d0f508", + "post.toast.color.warning-bg": "0bb3ae6f9bd805893c443cb9ad6c99a6b204b091", + "post.toast.color.warning-fg": "a4437830b76f42d187970f2e749545fd99d5ff80", + "post.toast.color.warning-stroke": "5ed9716053a47598573011a3c7fe4b4fa8eda655", + "post.toast.color.warning-icon": "eea7088bb9d7a1c3b2fc7b14a57d3ff120c4a640", + "post.toast.color.error-bg": "8f9276e5ce83113fe57220d48175e15ee427b9ba", + "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", + "post.inline.sizing.icon": "e325f303ff12704d2d055094df295afc039852d5", + "post.inline.color.info-bg": "8ebb9328400f7884f24cefb5817dce6225f8f0dc", + "post.inline.color.info-fg": "a22c6cbdd2ba4f5c77159f8fe2e243a425d861fd", + "post.inline.color.info-stroke": "ddc6c3460435ba9df577e114c0127855648f1d00", + "post.inline.color.info-icon": "eace4f75ecc5e2959297295e29271a6d259c9844", + "post.inline.color.success-bg": "e8053fa5c0d4eb0b64d28767c08c5dc44789b6a5", + "post.inline.color.success-fg": "adbac82c2d37d0c3a5b031a098c23d8ad4d6e224", + "post.inline.color.success-stroke": "8abd98991cc2d3d0947472f638dd65ee9e8e9ca7", + "post.inline.color.success-icon": "74dee46c332968620b0d452c3948a422ea3b54a9", + "post.inline.color.warning-bg": "be9e89b34ec5c38d9fc07bc3835e1ede5a15fd69", + "post.inline.color.warning-fg": "327d7c81b5513172f46a12539185bec449b1ab60", + "post.inline.color.warning-stroke": "805afc9881adea072c5a4825d0b484e99f91f292", + "post.inline.color.warning-icon": "2ccc3b1cdc13acee1b00ef8aa4f44cd28d02051b", + "post.inline.color.error-bg": "a6a0235c415ea36aa6efe0206af274139e679a16", + "post.inline.color.error-fg": "8e4986f314ec11e8770b472388ef7c782fb07cee", + "post.inline.color.error-stroke": "de75d6eb0a859440c39a5ac1fd26099b5f6ef793", + "post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790", + "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", + "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", + "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", + "post.icon-button.focus.padding": "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" } }, { - "id": "7ae736c111a690badb6010a723339c829f010888", + "id": "727187468c242be266169728abc6ed1a2a8dff72", "name": "Figma Only", - "$figmaStyleReferences": { - "utility.typo.heading.h1": "S:2b0d57a92a320fb261b7b12287e96e4ace999a1a,", - "utility.typo.heading.h2": "S:1d4041d0030b6b48499437a90cd356554d881955,", - "utility.typo.heading.h3": "S:36dfbd75ae851abbc688d79b70a59e0947c46cbe,", - "utility.typo.heading.h4": "S:033842229340d112dddc238d9421cc25b6a86ed3,", - "utility.typo.heading.h5": "S:e1c57808419f8cd7edc03d5cb4c6b57d93a4e36a,", - "utility.typo.heading.h6": "S:4451f0c4b2bbc9e9898e3637a3d100b3f17389d9,", - "utility.typo.content.lead": "S:36a9449b8b79c0e92df32d2ea9e058eeaaae6eff,", - "utility.typo.content.paragraph-l": "S:6eb3409be2642088d544ecc509ba1338e71f8f2a,", - "utility.typo.content.paragraph-m": "S:04f2c929c456cecba7b75de20e3a82b60dc0ac5f,", - "utility.typo.content.paragraph-s": "S:20c772a4cece3f2327f5ae1343eb7d4f39229579,", - "utility.typo.legend.small": "S:68eb1a6c22eff58487de197dcafe80186a8f181d,", - "utility.typo.legend.large": "S:3acda38013ae0f8f7b0cebf733f984118c3f8406,", - "utility.typo.label.default": "S:4a0a01649da41f52b07feb06ba27151f8e4eef41,", - "utility.typo.label.default-bold": "S:00e2a110184d89ffd4e5f6a2ca6e75b5923792e4,", - "utility.typo.label.medium": "S:5b88d987150b0ab7eeb0a467e96f09b3e2694fe6,", - "utility.typo.label.medium-bold": "S:2b5a282976baa6c747bf562295133687bf061097,", - "utility.typo.label.small": "S:08071d380dc7f37e83ee785328afd76be5f950bb,", - "utility.typo.label.smaller": "S:e796b4e08581273fb63209571f98a2e757749a30,", - "utility.typo.label.extrasmall": "S:f9f712258922b096c31ac26fd7878314f12ddbaf,", - "utility.typo.link.default-underline": "S:8e810c351fe7d59904ae770a6b4ada445d27d638,", - "utility.typo.link.default": "S:6b8910f6848b7cf689370b61c92bcebb4e0442f2,", - "utility.typo.link.selected": "S:c38314eab9d0f81af2bbb25d2171df9f11a8e6a8,", - "utility.typo.link.small-underline": "S:45b69963e5992e986eb2273e8e01ff3148adfd60,", - "utility.typo.link.small": "S:1ba06fe73589aaacb95ee478bd084b94494e15cd,", - "utility.typo.link.small-selected": "S:7f068c77dd2de50daa4bdde9ce016b7bdd724491,", - "utility.typo.default": "S:d0a39e1ad9f3161858121d95248a517c53772f96," - }, + "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -8484,11 +9082,12 @@ "Elements/Body": "source", "Elements/Heading": "source", "Elements/Paragraph": "source", + "Elements/Link": "source", "Elements/Legend": "source", "FigmaOnly": "enabled", - "Elements/Link": "source", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Elements/ListBullet": "disabled" } } ], @@ -8507,9 +9106,11 @@ "Elements/Heading", "Elements/Paragraph", "Elements/Link", + "Elements/ListBullet", "Elements/Legend", "Components/Badge", "Components/Breadcrumb", + "Components/Button_old", "Components/Button", "Components/Checkbox", "Components/Dropdown", @@ -8528,7 +9129,7 @@ "Components/Toast", "Components/Snackbar", "Components/Inline notification", - "Components/Text link", + "Components/Icon button", "FigmaOnly", "Utilities/Spacing", "Utilities/Typo" From 4b1d587740da53f99aff1fa52a35744f3232006a Mon Sep 17 00:00:00 2001 From: Muhammad Bashir Date: Thu, 19 Sep 2024 16:58:21 +0200 Subject: [PATCH 12/25] chore: remove global styles (#3554) Removed: - root - reboot - bootstrap/type - bootstrap/license A separate ticket is created to fix the broken styles: https://github.com/orgs/swisspost/projects/3/views/12?pane=issue&itemId=80363901 --------- Co-authored-by: karimim --- .changeset/cuddly-bears-check.md | 5 + .../.storybook/styles/components/blocks.scss | 1 + .../.storybook/styles/components/typo.scss | 10 +- .../.storybook/styles/manager.scss | 1 - packages/styles/src/basics.scss | 4 - packages/styles/src/components/_index.scss | 3 - packages/styles/src/components/accordion.scss | 1 - packages/styles/src/components/alert.scss | 1 - packages/styles/src/components/base.scss | 6 - .../styles/src/components/breadcrumb.scss | 1 - .../styles/src/components/button-group.scss | 1 - packages/styles/src/components/card.scss | 1 - packages/styles/src/components/carousel.scss | 1 - packages/styles/src/components/dropdown.scss | 1 - .../styles/src/components/floating-label.scss | 1 - packages/styles/src/components/fonts.scss | 46 +++---- .../styles/src/components/form-range.scss | 1 - .../styles/src/components/form-select.scss | 1 - .../src/components/form-validation.scss | 1 - packages/styles/src/components/forms.scss | 3 - packages/styles/src/components/grid.scss | 1 - .../styles/src/components/list-group.scss | 1 - packages/styles/src/components/modal.scss | 1 - packages/styles/src/components/offcanvas.scss | 1 - .../styles/src/components/pagination.scss | 1 - packages/styles/src/components/popover.scss | 1 - .../styles/src/components/product-card.scss | 1 - packages/styles/src/components/progress.scss | 1 - packages/styles/src/components/reboot.scss | 13 -- packages/styles/src/components/root.scss | 11 -- packages/styles/src/components/spinner.scss | 1 - .../styles/src/components/subnavigation.scss | 1 - packages/styles/src/components/tables.scss | 2 +- packages/styles/src/components/toast.scss | 1 - packages/styles/src/components/tooltip.scss | 1 - .../styles/src/components/transitions.scss | 1 - packages/styles/src/components/type.scss | 122 ------------------ packages/styles/src/components/utilities.scss | 2 +- packages/styles/src/elements/_index.scss | 1 + packages/styles/src/elements/body.scss | 2 + packages/styles/src/elements/reset.scss | 23 ++++ packages/styles/src/index.scss | 2 - packages/styles/src/intranet.scss | 2 - .../styles/src/lic/_bootstrap-license.scss | 29 ----- packages/styles/src/mixins/_chip.scss | 1 - .../styles/src/themes/bootstrap/_forms.scss | 1 - .../styles/src/themes/bootstrap/_reboot.scss | 2 - .../styles/src/themes/bootstrap/_root.scss | 2 - .../styles/src/themes/bootstrap/_type.scss | 6 - .../src/themes/bootstrap/forms/_labels.scss | 2 - .../styles/tests/components/base.test.scss | 7 - .../styles/tests/components/reboot.test.scss | 7 - .../styles/tests/components/type.test.scss | 7 - 53 files changed, 65 insertions(+), 282 deletions(-) create mode 100644 .changeset/cuddly-bears-check.md delete mode 100644 packages/styles/src/components/base.scss delete mode 100644 packages/styles/src/components/reboot.scss delete mode 100644 packages/styles/src/components/root.scss delete mode 100644 packages/styles/src/components/type.scss create mode 100644 packages/styles/src/elements/body.scss delete mode 100644 packages/styles/src/lic/_bootstrap-license.scss delete mode 100644 packages/styles/src/themes/bootstrap/_reboot.scss delete mode 100644 packages/styles/src/themes/bootstrap/_root.scss delete mode 100644 packages/styles/src/themes/bootstrap/_type.scss delete mode 100644 packages/styles/src/themes/bootstrap/forms/_labels.scss delete mode 100644 packages/styles/tests/components/base.test.scss delete mode 100644 packages/styles/tests/components/reboot.test.scss delete mode 100644 packages/styles/tests/components/type.test.scss diff --git a/.changeset/cuddly-bears-check.md b/.changeset/cuddly-bears-check.md new file mode 100644 index 0000000000..ca17ff2ec2 --- /dev/null +++ b/.changeset/cuddly-bears-check.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Removed global styles diff --git a/packages/documentation/.storybook/styles/components/blocks.scss b/packages/documentation/.storybook/styles/components/blocks.scss index c4c26501c0..4d1b551b8c 100644 --- a/packages/documentation/.storybook/styles/components/blocks.scss +++ b/packages/documentation/.storybook/styles/components/blocks.scss @@ -1,4 +1,5 @@ @use '@swisspost/design-system-styles/core' as post; +@use '@swisspost/design-system-styles/elements/body'; #storybook-docs { .sbdocs-preview { diff --git a/packages/documentation/.storybook/styles/components/typo.scss b/packages/documentation/.storybook/styles/components/typo.scss index 6b65a38bb8..12c389db3f 100644 --- a/packages/documentation/.storybook/styles/components/typo.scss +++ b/packages/documentation/.storybook/styles/components/typo.scss @@ -1,3 +1,9 @@ +@use '@swisspost/design-system-styles/functions/tokens' as tokens; +@use '@swisspost/design-system-styles/tokens/elements' as elements; + +tokens.$default-map: elements.$post-body; + +// Deprecated :root { --post-docs-font-serif: 'FiraCode', sans-serif; --post-docs-font-monospace: 'Reddit Mono', monospace; @@ -24,7 +30,7 @@ body { } .docs-story > :first-child { - font-family: var(--bs-body-font-family); + font-family: tokens.get('post-body', 'font-family'); } .font-sans-serif { @@ -38,6 +44,6 @@ body { // full-screen preview #storybook-root { - font-family: var(--bs-body-font-family); + font-family: tokens.get('post-body', 'font-family'); } } diff --git a/packages/documentation/.storybook/styles/manager.scss b/packages/documentation/.storybook/styles/manager.scss index 7da09d5c1d..74c4bf74ac 100644 --- a/packages/documentation/.storybook/styles/manager.scss +++ b/packages/documentation/.storybook/styles/manager.scss @@ -1,4 +1,3 @@ -@use '@swisspost/design-system-styles/components/root'; @use '@swisspost/design-system-styles/mixins/utilities'; @use './components'; @use '../addons/addons'; diff --git a/packages/styles/src/basics.scss b/packages/styles/src/basics.scss index 7ff01c46bf..065e4439cb 100644 --- a/packages/styles/src/basics.scss +++ b/packages/styles/src/basics.scss @@ -1,11 +1,7 @@ @forward './variables/options'; -@use './lic/bootstrap-license'; - @use './elements'; -@use 'components/base'; @use 'components/elevation'; -@use 'components/type'; @use 'components/utilities'; @use 'components/sizing'; @use 'components/grid'; diff --git a/packages/styles/src/components/_index.scss b/packages/styles/src/components/_index.scss index f003b7e37f..21c9c85e48 100644 --- a/packages/styles/src/components/_index.scss +++ b/packages/styles/src/components/_index.scss @@ -1,7 +1,5 @@ @forward './../variables/options'; -@use 'base'; - @use 'accordion'; @use 'alert'; @use 'badge'; @@ -40,7 +38,6 @@ @use 'tooltip'; @use 'topic-teaser'; @use 'transitions'; -@use 'type'; @use 'utilities'; @use 'tag'; diff --git a/packages/styles/src/components/accordion.scss b/packages/styles/src/components/accordion.scss index e8c37badf1..74588e95bf 100644 --- a/packages/styles/src/components/accordion.scss +++ b/packages/styles/src/components/accordion.scss @@ -4,7 +4,6 @@ @use './../mixins/button' as button-mx; @use './../mixins/focus' as focus-mx; @use './../mixins/icons' as icon-mx; -@use './../mixins/type' as type-mx; @use './../mixins/utilities' as utility-mx; @use './../variables/components/accordion'; diff --git a/packages/styles/src/components/alert.scss b/packages/styles/src/components/alert.scss index 796c8f9c7c..8a1f5a5017 100644 --- a/packages/styles/src/components/alert.scss +++ b/packages/styles/src/components/alert.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../mixins/notification' as notification-mx; diff --git a/packages/styles/src/components/base.scss b/packages/styles/src/components/base.scss deleted file mode 100644 index d28f87ac42..0000000000 --- a/packages/styles/src/components/base.scss +++ /dev/null @@ -1,6 +0,0 @@ -@forward './../variables/options'; - -// Resets, type, utilities -@use './root'; -@use './fonts'; -@use './reboot'; diff --git a/packages/styles/src/components/breadcrumb.scss b/packages/styles/src/components/breadcrumb.scss index d8a26acf70..a211d18a8b 100644 --- a/packages/styles/src/components/breadcrumb.scss +++ b/packages/styles/src/components/breadcrumb.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/breadcrumbs' as bb; diff --git a/packages/styles/src/components/button-group.scss b/packages/styles/src/components/button-group.scss index 258234efe0..f8774ffd6d 100644 --- a/packages/styles/src/components/button-group.scss +++ b/packages/styles/src/components/button-group.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/button-group' as bg; diff --git a/packages/styles/src/components/card.scss b/packages/styles/src/components/card.scss index 1772e54df6..35172d8052 100644 --- a/packages/styles/src/components/card.scss +++ b/packages/styles/src/components/card.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/card' as bootstrap-card; @use './../variables/color'; diff --git a/packages/styles/src/components/carousel.scss b/packages/styles/src/components/carousel.scss index aa7ead85da..e19c5d9c7a 100644 --- a/packages/styles/src/components/carousel.scss +++ b/packages/styles/src/components/carousel.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/carousel' as bc; @use './../themes/bootstrap/core' as *; diff --git a/packages/styles/src/components/dropdown.scss b/packages/styles/src/components/dropdown.scss index 00b2e53eb9..4e0499438f 100644 --- a/packages/styles/src/components/dropdown.scss +++ b/packages/styles/src/components/dropdown.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/dropdown' as bd; @use './../variables/color'; diff --git a/packages/styles/src/components/floating-label.scss b/packages/styles/src/components/floating-label.scss index 76912e08aa..0fa0c65dab 100644 --- a/packages/styles/src/components/floating-label.scss +++ b/packages/styles/src/components/floating-label.scss @@ -3,7 +3,6 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as b; @use './../themes/bootstrap/forms/floating-labels' as bffl; @use './../themes/bootstrap/forms/form-control' as bffc; diff --git a/packages/styles/src/components/fonts.scss b/packages/styles/src/components/fonts.scss index 587d3c5515..eea1b2d4ce 100644 --- a/packages/styles/src/components/fonts.scss +++ b/packages/styles/src/components/fonts.scss @@ -4,7 +4,26 @@ @font-face { font-display: swap; - font-family: 'Frutiger Neue For Post'; + font-family: 'Swiss Post Sans v005'; + font-weight: 900; + src: + url('#{options.$font-base-path}/FrutigerNeueforPostW05-XBlk.woff2') format('woff2'), + url('#{options.$font-base-path}/FrutigerNeueforPostW05-XBlk.woff') format('woff'); +} + +@font-face { + font-display: swap; + font-family: 'Swiss Post Sans v005'; + font-weight: 900; + font-style: italic; + src: + url('#{options.$font-base-path}/FrutigerNeueforPostW05-XBlkIt.woff2') format('woff2'), + url('#{options.$font-base-path}/FrutigerNeueforPostW05-XBlkIt.woff') format('woff'); +} + +@font-face { + font-display: swap; + font-family: 'Swiss Post Sans v005'; font-weight: 700; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-Bold.woff2') format('woff2'), @@ -13,7 +32,7 @@ @font-face { font-display: swap; - font-family: 'Frutiger Neue For Post'; + font-family: 'Swiss Post Sans v005'; font-weight: 700; font-style: italic; src: @@ -23,7 +42,7 @@ @font-face { font-display: swap; - font-family: 'Frutiger Neue For Post'; + font-family: 'Swiss Post Sans v005'; font-weight: 400; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-Rg.woff2') format('woff2'), @@ -32,29 +51,10 @@ @font-face { font-display: swap; - font-family: 'Frutiger Neue For Post'; + font-family: 'Swiss Post Sans v005'; font-weight: 400; font-style: italic; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-It.woff2') format('woff2'), url('#{options.$font-base-path}/FrutigerNeueforPostW05-It.woff') format('woff'); } - -@font-face { - font-display: swap; - font-family: 'Frutiger Neue For Post'; - font-weight: 300; - src: - url('#{options.$font-base-path}/FrutigerNeueforPostW05-Lt.woff2') format('woff2'), - url('#{options.$font-base-path}/FrutigerNeueforPostW05-Lt.woff') format('woff'); -} - -@font-face { - font-display: swap; - font-family: 'Frutiger Neue For Post'; - font-weight: 300; - font-style: italic; - src: - url('#{options.$font-base-path}/FrutigerNeueforPostW05-LtIt.woff2') format('woff2'), - url('#{options.$font-base-path}/FrutigerNeueforPostW05-LtIt.woff') format('woff'); -} diff --git a/packages/styles/src/components/form-range.scss b/packages/styles/src/components/form-range.scss index 0ac087a2e0..8dea233f5e 100644 --- a/packages/styles/src/components/form-range.scss +++ b/packages/styles/src/components/form-range.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/forms' as bf; diff --git a/packages/styles/src/components/form-select.scss b/packages/styles/src/components/form-select.scss index 0324bbd740..6e7c5e0359 100644 --- a/packages/styles/src/components/form-select.scss +++ b/packages/styles/src/components/form-select.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as b; @use './../themes/bootstrap/forms/form-select' as bffs; @use './../mixins/forms' as forms-mixins; diff --git a/packages/styles/src/components/form-validation.scss b/packages/styles/src/components/form-validation.scss index 81a0413e17..0a8fdfdd0e 100644 --- a/packages/styles/src/components/form-validation.scss +++ b/packages/styles/src/components/form-validation.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as b; @use './../themes/bootstrap/forms/validation' as bfv; diff --git a/packages/styles/src/components/forms.scss b/packages/styles/src/components/forms.scss index a8f4f65e77..ec622ed00f 100644 --- a/packages/styles/src/components/forms.scss +++ b/packages/styles/src/components/forms.scss @@ -1,7 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; - @use './../variables/commons'; @use './../variables/components/forms'; @use './../variables/type'; @@ -13,7 +11,6 @@ @use './../mixins/utilities'; @use './../mixins/forms' as form-mixins; -@use './../themes/bootstrap/forms/labels' as bfl; @use './../themes/bootstrap/forms/form-text' as bfft; @use './../themes/bootstrap/forms/form-control' as bffc; @use './../themes/bootstrap/forms/input-group' as bfig; diff --git a/packages/styles/src/components/grid.scss b/packages/styles/src/components/grid.scss index b087c9f5a7..7d3a29e3c2 100644 --- a/packages/styles/src/components/grid.scss +++ b/packages/styles/src/components/grid.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/grid' as bg; @use './../themes/bootstrap/containers' as bc; diff --git a/packages/styles/src/components/list-group.scss b/packages/styles/src/components/list-group.scss index e600048d63..7846b79f22 100644 --- a/packages/styles/src/components/list-group.scss +++ b/packages/styles/src/components/list-group.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/list-group' as bl; diff --git a/packages/styles/src/components/modal.scss b/packages/styles/src/components/modal.scss index 601ec881f7..e918313797 100644 --- a/packages/styles/src/components/modal.scss +++ b/packages/styles/src/components/modal.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/modal' as bm; @use './../themes/bootstrap/core' as *; diff --git a/packages/styles/src/components/offcanvas.scss b/packages/styles/src/components/offcanvas.scss index 718f9c43bf..ebf6957042 100644 --- a/packages/styles/src/components/offcanvas.scss +++ b/packages/styles/src/components/offcanvas.scss @@ -1,5 +1,4 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/offcanvas' as bc; diff --git a/packages/styles/src/components/pagination.scss b/packages/styles/src/components/pagination.scss index 0d239a241d..56309a1682 100644 --- a/packages/styles/src/components/pagination.scss +++ b/packages/styles/src/components/pagination.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/pagination' as pg; @use './../variables/components/pagination'; @use './../variables/spacing'; diff --git a/packages/styles/src/components/popover.scss b/packages/styles/src/components/popover.scss index ab2fda09f9..1fd39a434a 100644 --- a/packages/styles/src/components/popover.scss +++ b/packages/styles/src/components/popover.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/popover' as bp; diff --git a/packages/styles/src/components/product-card.scss b/packages/styles/src/components/product-card.scss index 5a5da9eac0..dbc35d1714 100644 --- a/packages/styles/src/components/product-card.scss +++ b/packages/styles/src/components/product-card.scss @@ -2,7 +2,6 @@ @use 'sass:map'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/card' as bootstrap-card; @use './../variables/color'; @use './../variables/spacing'; diff --git a/packages/styles/src/components/progress.scss b/packages/styles/src/components/progress.scss index 365a50eef4..2e6a05d3b2 100644 --- a/packages/styles/src/components/progress.scss +++ b/packages/styles/src/components/progress.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/progress' as bp; diff --git a/packages/styles/src/components/reboot.scss b/packages/styles/src/components/reboot.scss deleted file mode 100644 index 39cad38c8c..0000000000 --- a/packages/styles/src/components/reboot.scss +++ /dev/null @@ -1,13 +0,0 @@ -@forward './../variables/options'; - -@use './../lic/bootstrap-license'; - -@use './../mixins/type'; -@use './../mixins/color' as mx-color; -@use './../variables/animation'; -@use './../variables/color'; - -body { - @include type.font-smoothing(); - @include mx-color.colored-background(color.$white); -} diff --git a/packages/styles/src/components/root.scss b/packages/styles/src/components/root.scss deleted file mode 100644 index b540e3c2c4..0000000000 --- a/packages/styles/src/components/root.scss +++ /dev/null @@ -1,11 +0,0 @@ -@use 'sass:color' as sass-color; -@use 'sass:math'; - -@use './../variables/color'; -@use './../functions/color' as color-fn; -@use './../placeholders/color' as color-ph; -@use './../themes/bootstrap/root'; - -:root { - @extend %color-background-light-variables; -} diff --git a/packages/styles/src/components/spinner.scss b/packages/styles/src/components/spinner.scss index a69467ea64..b7dabcba6c 100644 --- a/packages/styles/src/components/spinner.scss +++ b/packages/styles/src/components/spinner.scss @@ -2,7 +2,6 @@ @forward './../variables/options'; @use './../variables/type'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/progress' as bp; diff --git a/packages/styles/src/components/subnavigation.scss b/packages/styles/src/components/subnavigation.scss index c3ee5fbf64..2a2b6f89fd 100644 --- a/packages/styles/src/components/subnavigation.scss +++ b/packages/styles/src/components/subnavigation.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../mixins/utilities'; diff --git a/packages/styles/src/components/tables.scss b/packages/styles/src/components/tables.scss index d0b2f16480..81dd24ba40 100644 --- a/packages/styles/src/components/tables.scss +++ b/packages/styles/src/components/tables.scss @@ -1,7 +1,7 @@ @forward './../variables/options'; @use './../variables/color'; @use './../variables/commons'; -@use './../lic/bootstrap-license'; + @use './../themes/bootstrap/tables' as bt; .table { diff --git a/packages/styles/src/components/toast.scss b/packages/styles/src/components/toast.scss index 310e0ffe54..3c39ca559e 100644 --- a/packages/styles/src/components/toast.scss +++ b/packages/styles/src/components/toast.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../mixins/notification' as notification-mx; diff --git a/packages/styles/src/components/tooltip.scss b/packages/styles/src/components/tooltip.scss index c2fadca20e..5eec0d2be8 100644 --- a/packages/styles/src/components/tooltip.scss +++ b/packages/styles/src/components/tooltip.scss @@ -1,6 +1,5 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/tooltip' as bt; @use './../variables/components/tooltips'; diff --git a/packages/styles/src/components/transitions.scss b/packages/styles/src/components/transitions.scss index 8f5f50aea5..f083ac11e8 100644 --- a/packages/styles/src/components/transitions.scss +++ b/packages/styles/src/components/transitions.scss @@ -1,4 +1,3 @@ @forward './../variables/options'; -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/transitions' as bt; diff --git a/packages/styles/src/components/type.scss b/packages/styles/src/components/type.scss deleted file mode 100644 index 912ba9f925..0000000000 --- a/packages/styles/src/components/type.scss +++ /dev/null @@ -1,122 +0,0 @@ -@forward './../variables/options'; - -@use 'sass:map'; -@use 'sass:meta'; - -@use './../lic/bootstrap-license'; -@use './../themes/bootstrap/core' as *; -@use './../themes/bootstrap/type' as bt; - -@use './../variables/color'; -@use './../variables/commons'; -@use './../variables/type'; -@use './../variables/heading'; -@use './../variables/spacing'; -@use './../variables/components/paragraph'; -@use './../layouts/portal/type' as portal; -@use './../placeholders/text'; -@use './../mixins/type' as type-mx; - -// Deprecated -@each $key, $curve in type.$font-curves { - .font-curve-#{$key} { - @include type-mx.font-curve($key); - } -} - -// Generate heading sizes using the sizes map and the font-curve mixin -@each $heading in ('h1', 'h2', 'h3', 'h4', 'h5', 'h6') { - #{$heading}, - .#{$heading} { - @include type-mx.font-curve('heading-sizes-#{$heading}', heading.$heading-sizes); - } -} - -@each $key, $font-size in type.$font-size-map { - .font-size-#{$key} { - font-size: $font-size; - - // Font sizes bigger than 24px can have a reduced line height - @if ($key >= 24) { - line-height: type.$line-height-heading; - } - } -} - -fieldset { - legend { - font-size: type.$font-size-18; - font-weight: type.$font-weight-bold; - } -} - -.blockquote { - margin-top: type.$blockquote-margin-top; - - p { - @extend %font-curve-regular; - - &::before { - content: '\00ab'; - } - - &::after { - content: '\00bb'; - } - - &:lang(en) { - &::before { - content: '\0022'; - } - - &::after { - content: '\0022'; - } - } - } - - &, - &-footer { - padding-left: type.$blockquote-padding-left; - border-left: type.$blockquote-border-left; - font-weight: type.$blockquote-font-weight; - - @include media-breakpoint-up(md) { - border-left-width: type.$blockquote-border-left-width-md; - } - - @include media-breakpoint-up(xxl) { - padding-left: type.$blockquote-padding-left-xxl; - } - } - - &-footer { - color: var(--post-contrast-color); - - cite { - @extend %font-curve-small; - font-weight: type.$blockquote-cite-font-weight; - } - } -} - -q { - quotes: '\00ab' '\00bb' '\2039' '\203A'; - - &:lang(en) { - quotes: '\0022' '\0022' '\0027' '\0027'; - } -} - -.text-body { - @include portal.styles; -} - -code { - color: inherit; - font-size: inherit; -} - -hr { - border-block-start-color: rgba(var(--post-contrast-color-rgb), 0.1); -} diff --git a/packages/styles/src/components/utilities.scss b/packages/styles/src/components/utilities.scss index 4a4c97f085..4ab4e9c196 100644 --- a/packages/styles/src/components/utilities.scss +++ b/packages/styles/src/components/utilities.scss @@ -3,7 +3,7 @@ @use 'sass:map'; @use 'sass:color' as sass-color; @use 'sass:list'; -@use './../lic/bootstrap-license'; + @use './../themes/bootstrap/core' as *; @use './../themes/bootstrap/utilities' as bu; // TODO: Move Design System utilities to utilities folder. @use './../mixins/color' as color-mx; diff --git a/packages/styles/src/elements/_index.scss b/packages/styles/src/elements/_index.scss index ee04d5b902..76b6e5d06c 100644 --- a/packages/styles/src/elements/_index.scss +++ b/packages/styles/src/elements/_index.scss @@ -1 +1,2 @@ @use 'reset'; +@use 'body'; diff --git a/packages/styles/src/elements/body.scss b/packages/styles/src/elements/body.scss new file mode 100644 index 0000000000..027442ac26 --- /dev/null +++ b/packages/styles/src/elements/body.scss @@ -0,0 +1,2 @@ +// Resets type +@use '../components/fonts'; diff --git a/packages/styles/src/elements/reset.scss b/packages/styles/src/elements/reset.scss index acf69882d4..2448e4c84f 100644 --- a/packages/styles/src/elements/reset.scss +++ b/packages/styles/src/elements/reset.scss @@ -47,6 +47,13 @@ select { font: inherit; } +button:not(:disabled), +[type='button']:not(:disabled), +[type='reset']:not(:disabled), +[type='submit']:not(:disabled) { + cursor: pointer; +} + /* Avoid text overflows */ @@ -119,3 +126,19 @@ sub { sup { top: -0.5em; } + +table { + caption-side: bottom; + border-collapse: collapse; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} diff --git a/packages/styles/src/index.scss b/packages/styles/src/index.scss index 7744cbf858..7bf28ea879 100644 --- a/packages/styles/src/index.scss +++ b/packages/styles/src/index.scss @@ -1,7 +1,5 @@ @forward './variables/options'; -@use './lic/bootstrap-license'; - @use './elements'; @use './components'; diff --git a/packages/styles/src/intranet.scss b/packages/styles/src/intranet.scss index 65d9fbb6ae..15e5ec70d3 100644 --- a/packages/styles/src/intranet.scss +++ b/packages/styles/src/intranet.scss @@ -1,7 +1,5 @@ @forward './variables/options'; -@use './lic/bootstrap-license'; - @use './elements'; @use 'components'; @use 'components/intranet-header'; diff --git a/packages/styles/src/lic/_bootstrap-license.scss b/packages/styles/src/lic/_bootstrap-license.scss deleted file mode 100644 index 88109bf3ff..0000000000 --- a/packages/styles/src/lic/_bootstrap-license.scss +++ /dev/null @@ -1,29 +0,0 @@ -/*! - * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/) - * Copyright 2011-2021 The Bootstrap Authors - * Copyright 2011-2021 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) - - * The MIT License (MIT) - - * Copyright (c) 2011-2020 Twitter, Inc. - * Copyright (c) 2011-2020 The Bootstrap Authors - - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - - * The above copyright notice and this permission notice shall be included in - * all copies or substantial portions of the Software. - - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN - * THE SOFTWARE. - */ diff --git a/packages/styles/src/mixins/_chip.scss b/packages/styles/src/mixins/_chip.scss index 1e5751aaa7..05d8aafed7 100644 --- a/packages/styles/src/mixins/_chip.scss +++ b/packages/styles/src/mixins/_chip.scss @@ -1,4 +1,3 @@ -@use './../lic/bootstrap-license'; @use './../themes/bootstrap/core' as *; @use './../variables/components/badge'; diff --git a/packages/styles/src/themes/bootstrap/_forms.scss b/packages/styles/src/themes/bootstrap/_forms.scss index 721789eb25..0407ffaa56 100644 --- a/packages/styles/src/themes/bootstrap/_forms.scss +++ b/packages/styles/src/themes/bootstrap/_forms.scss @@ -1,4 +1,3 @@ -@forward './forms/labels'; @forward './forms/form-text'; @forward './forms/form-control'; @forward './forms/form-select'; diff --git a/packages/styles/src/themes/bootstrap/_reboot.scss b/packages/styles/src/themes/bootstrap/_reboot.scss deleted file mode 100644 index 5fdb597fa6..0000000000 --- a/packages/styles/src/themes/bootstrap/_reboot.scss +++ /dev/null @@ -1,2 +0,0 @@ -@use './core' as *; -@import 'bootstrap/scss/reboot'; diff --git a/packages/styles/src/themes/bootstrap/_root.scss b/packages/styles/src/themes/bootstrap/_root.scss deleted file mode 100644 index 0d05c011c0..0000000000 --- a/packages/styles/src/themes/bootstrap/_root.scss +++ /dev/null @@ -1,2 +0,0 @@ -@use './core' as *; -@import 'bootstrap/scss/root'; diff --git a/packages/styles/src/themes/bootstrap/_type.scss b/packages/styles/src/themes/bootstrap/_type.scss deleted file mode 100644 index 97dbf0e0fd..0000000000 --- a/packages/styles/src/themes/bootstrap/_type.scss +++ /dev/null @@ -1,6 +0,0 @@ -@use './core' as *; - -// Reboot is needed here because type.scss is extending the h1/2/... selectors -@use './reboot' as *; - -@import 'bootstrap/scss/type'; diff --git a/packages/styles/src/themes/bootstrap/forms/_labels.scss b/packages/styles/src/themes/bootstrap/forms/_labels.scss deleted file mode 100644 index a473da5f49..0000000000 --- a/packages/styles/src/themes/bootstrap/forms/_labels.scss +++ /dev/null @@ -1,2 +0,0 @@ -@use './../core' as *; -@import 'bootstrap/scss/forms/labels'; diff --git a/packages/styles/tests/components/base.test.scss b/packages/styles/tests/components/base.test.scss deleted file mode 100644 index a0e2e852db..0000000000 --- a/packages/styles/tests/components/base.test.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use 'sass:map'; -@use 'sass:meta'; -@use 'tests/jest'; -@use 'src/components/base'; - -// Check if component forwards options -@include jest.true(map.has-key(meta.module-variables('base'), 'font-base-path')); diff --git a/packages/styles/tests/components/reboot.test.scss b/packages/styles/tests/components/reboot.test.scss deleted file mode 100644 index 9fe4cb30ca..0000000000 --- a/packages/styles/tests/components/reboot.test.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use 'sass:map'; -@use 'sass:meta'; -@use 'tests/jest'; -@use 'src/components/reboot'; - -// Check if component forwards options -@include jest.true(map.has-key(meta.module-variables('reboot'), 'font-base-path')); diff --git a/packages/styles/tests/components/type.test.scss b/packages/styles/tests/components/type.test.scss deleted file mode 100644 index f8c76b4ced..0000000000 --- a/packages/styles/tests/components/type.test.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use 'sass:map'; -@use 'sass:meta'; -@use 'tests/jest'; -@use 'src/components/type'; - -// Check if component forwards options -@include jest.true(map.has-key(meta.module-variables('type'), 'font-base-path')); From 5b730d9888b1906d63b361b3b741315d3588dc4d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Fri, 20 Sep 2024 11:15:07 +0200 Subject: [PATCH 13/25] chore: add missing generated files (#3566) --- packages/components/src/components.d.ts | 4 +-- .../components/post-accordion-item/readme.md | 8 ++--- .../src/components/post-accordion/readme.md | 6 ++-- pnpm-lock.yaml | 34 +++++++++---------- 4 files changed, 26 insertions(+), 26 deletions(-) diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts index a01163268d..b74b688833 100644 --- a/packages/components/src/components.d.ts +++ b/packages/components/src/components.d.ts @@ -24,7 +24,7 @@ export namespace Components { /** * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. */ - "headingLevel"?: HeadingLevel; + "headingLevel": HeadingLevel; /** * If `true`, multiple `post-accordion-item` can be open at the same time. */ @@ -540,7 +540,7 @@ declare namespace LocalJSX { /** * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. */ - "headingLevel"?: HeadingLevel; + "headingLevel": HeadingLevel; /** * If `true`, multiple `post-accordion-item` can be open at the same time. */ diff --git a/packages/components/src/components/post-accordion-item/readme.md b/packages/components/src/components/post-accordion-item/readme.md index be411bc165..1053884519 100644 --- a/packages/components/src/components/post-accordion-item/readme.md +++ b/packages/components/src/components/post-accordion-item/readme.md @@ -7,10 +7,10 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| -------------- | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ------- | -| `collapsed` | `collapsed` | If `true`, the element is collapsed otherwise it is displayed. | `boolean` | `false` | -| `headingLevel` | `heading-level` | **[DEPRECATED]** set the `heading-level` property on the parent `post-accordion` instead.

Defines the hierarchical level of the accordion item header within the headings structure. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `2` | +| Property | Attribute | Description | Type | Default | +| -------------- | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| `collapsed` | `collapsed` | If `true`, the element is collapsed otherwise it is displayed. | `boolean` | `false` | +| `headingLevel` | `heading-level` | **[DEPRECATED]** set the `heading-level` property on the parent `post-accordion` instead.

Defines the hierarchical level of the accordion item header within the headings structure. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | ## Methods diff --git a/packages/components/src/components/post-accordion/readme.md b/packages/components/src/components/post-accordion/readme.md index c49a7e8859..84e38a2ded 100644 --- a/packages/components/src/components/post-accordion/readme.md +++ b/packages/components/src/components/post-accordion/readme.md @@ -7,10 +7,10 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| -------------- | --------------- | -------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| Property | Attribute | Description | Type | Default | +| --------------------------- | --------------- | -------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | | `headingLevel` _(required)_ | `heading-level` | Defines the hierarchical level of the `post-accordion-item` headers within the headings structure. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | -| `multiple` | `multiple` | If `true`, multiple `post-accordion-item` can be open at the same time. | `boolean` | `false` | +| `multiple` | `multiple` | If `true`, multiple `post-accordion-item` can be open at the same time. | `boolean` | `false` | ## Methods diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 91322874a0..3dc5a9b0c5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -167,7 +167,7 @@ importers: devDependencies: '@angular-devkit/build-angular': specifier: 18.1.3 - version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7)(typescript@5.5.4) + version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(typescript@5.5.4) '@angular-eslint/builder': specifier: 18.2.0 version: 18.2.0(eslint@8.57.0)(typescript@5.5.4) @@ -218,7 +218,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) typescript: specifier: 5.5.4 version: 5.5.4 @@ -845,7 +845,7 @@ importers: devDependencies: '@angular-devkit/build-angular': specifier: 18.1.3 - version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7)(typescript@5.5.4) + version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(typescript@5.5.4) '@angular-eslint/builder': specifier: 18.2.0 version: 18.2.0(eslint@8.57.0)(typescript@5.5.4) @@ -899,7 +899,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) rimraf: specifier: 6.0.1 version: 6.0.1 @@ -1149,7 +1149,7 @@ importers: devDependencies: '@angular-devkit/build-angular': specifier: 18.1.3 - version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7)(typescript@5.5.4) + version: 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(typescript@5.5.4) '@angular/cli': specifier: 18.1.3 version: 18.1.3(chokidar@3.6.0) @@ -1179,7 +1179,7 @@ importers: version: 2.1.0(jasmine-core@5.2.0)(karma-jasmine@5.1.0(karma@6.4.4))(karma@6.4.4) ng-packagr: specifier: 18.1.0 - version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) + version: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) npm-run-all2: specifier: 6.2.2 version: 6.2.2 @@ -11092,7 +11092,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -11163,13 +11163,13 @@ snapshots: - utf-8-validate - webpack-cli - '@angular-devkit/build-angular@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7)(typescript@5.5.4)': + '@angular-devkit/build-angular@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(jest-environment-jsdom@29.7.0)(jest@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(karma@6.4.4)(ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(typescript@5.5.4)': dependencies: '@ampproject/remapping': 2.3.0 '@angular-devkit/architect': 0.1801.3(chokidar@3.6.0) '@angular-devkit/build-webpack': 0.1801.3(chokidar@3.6.0)(webpack-dev-server@5.0.4(webpack@5.92.1(esbuild@0.21.5)))(webpack@5.92.1(esbuild@0.21.5)) '@angular-devkit/core': 18.1.3(chokidar@3.6.0) - '@angular/build': 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.38)(tailwindcss@3.4.7)(terser@5.29.2)(typescript@5.5.4) + '@angular/build': 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.38)(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(terser@5.29.2)(typescript@5.5.4) '@angular/compiler-cli': 18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4) '@babel/core': 7.24.7 '@babel/generator': 7.24.7 @@ -11185,7 +11185,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.77.6)(terser@5.29.2)) ansi-colors: 4.1.3 autoprefixer: 10.4.19(postcss@8.4.38) - babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1) + babel-loader: 9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)) browserslist: 4.23.2 copy-webpack-plugin: 12.0.2(webpack@5.92.1(esbuild@0.21.5)) critters: 0.0.24 @@ -11233,10 +11233,10 @@ snapshots: optionalDependencies: '@angular/localize': 18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))) esbuild: 0.21.5 - jest: 29.7.0(@types/node@20.14.14) + jest: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) jest-environment-jsdom: 29.7.0 karma: 6.4.4 - ng-packagr: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4) + ng-packagr: 18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4) tailwindcss: 3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) transitivePeerDependencies: - '@rspack/core' @@ -11413,7 +11413,7 @@ snapshots: - supports-color - terser - '@angular/build@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.38)(tailwindcss@3.4.7)(terser@5.29.2)(typescript@5.5.4)': + '@angular/build@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@types/node@20.14.14)(chokidar@3.6.0)(less@4.2.0)(postcss@8.4.38)(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(terser@5.29.2)(typescript@5.5.4)': dependencies: '@ampproject/remapping': 2.3.0 '@angular-devkit/architect': 0.1801.3(chokidar@3.6.0) @@ -16067,7 +16067,7 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1): + babel-loader@9.1.3(@babel/core@7.24.7)(webpack@5.92.1(esbuild@0.21.5)): dependencies: '@babel/core': 7.24.7 find-cache-dir: 4.0.0 @@ -20812,7 +20812,7 @@ snapshots: - supports-color optional: true - ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7)(tslib@2.6.3)(typescript@5.5.4): + ng-packagr@18.1.0(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(tailwindcss@3.4.7(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)))(tslib@2.6.3)(typescript@5.5.4): dependencies: '@angular/compiler-cli': 18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4) '@rollup/plugin-json': 6.1.0(rollup@4.18.1) @@ -23325,7 +23325,7 @@ snapshots: term-size@2.2.1: {} - terser-webpack-plugin@5.3.10(esbuild@0.21.5)(webpack@5.92.1(esbuild@0.21.5)): + terser-webpack-plugin@5.3.10(esbuild@0.21.5)(webpack@5.92.1): dependencies: '@jridgewell/trace-mapping': 0.3.25 jest-worker: 27.5.1 @@ -24130,7 +24130,7 @@ snapshots: neo-async: 2.6.2 schema-utils: 3.3.0 tapable: 2.2.1 - terser-webpack-plugin: 5.3.10(esbuild@0.21.5)(webpack@5.92.1(esbuild@0.21.5)) + terser-webpack-plugin: 5.3.10(esbuild@0.21.5)(webpack@5.92.1) watchpack: 2.4.1 webpack-sources: 3.2.3 transitivePeerDependencies: From 24ae008ffc198c4bd7dadaf44a02929ca4216f51 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Fri, 20 Sep 2024 11:41:55 +0200 Subject: [PATCH 14/25] fix: add missing heading-levels for accordions (#3567) --- .../src/app/routes/home/home.component.html | 2 +- .../migrationv4-5-manual-list.component.ts | 12 ++++++------ packages/nextjs-integration/src/app/page.tsx | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html b/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html index 06d0dcf603..835d642c11 100644 --- a/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html +++ b/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html @@ -1,6 +1,6 @@

Post Accordion

- + Titulum 1

Contentus momentus vero siteos et accusam iretea et justo.

diff --git a/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts b/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts index 8734fd75bb..0258d7e0ab 100644 --- a/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts +++ b/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts @@ -108,8 +108,8 @@ export class MigrationV45ManualListComponent extends LitElement { render() { return html` - - + + General ${this._templateGroupTodoListStatus('general')} @@ -643,7 +643,7 @@ export class MigrationV45ManualListComponent extends LitElement { - + Bootstrap @@ -1610,7 +1610,7 @@ export class MigrationV45ManualListComponent extends LitElement { - + NgBootstrap @@ -1758,7 +1758,7 @@ export class MigrationV45ManualListComponent extends LitElement {
- + jQuery ${this._templateGroupTodoListStatus('jquery')} @@ -1802,7 +1802,7 @@ export class MigrationV45ManualListComponent extends LitElement {
- + Post ${this._templateGroupTodoListStatus('post')} diff --git a/packages/nextjs-integration/src/app/page.tsx b/packages/nextjs-integration/src/app/page.tsx index df34407ea3..e21a3aa330 100644 --- a/packages/nextjs-integration/src/app/page.tsx +++ b/packages/nextjs-integration/src/app/page.tsx @@ -242,7 +242,7 @@ export default function Home() {

Frequently asked questions

- + Is this for real?

No, this is just a fantasy.

From 04ee6ac01798e21398c505bca8fc7ad88bcc01d5 Mon Sep 17 00:00:00 2001 From: Muhammad Bashir Date: Mon, 23 Sep 2024 10:34:51 +0200 Subject: [PATCH 15/25] feat: element body base styles (#3564) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: karimim Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- packages/styles/src/elements/body.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/styles/src/elements/body.scss b/packages/styles/src/elements/body.scss index 027442ac26..95a8f1835c 100644 --- a/packages/styles/src/elements/body.scss +++ b/packages/styles/src/elements/body.scss @@ -1,2 +1,17 @@ +@use 'sass:map'; +@use '../functions/tokens'; +@use '../tokens/elements'; + +tokens.$default-map: elements.$post-body; + // Resets type @use '../components/fonts'; + +body { + font-family: tokens.get('post-body', 'font-family'); + font-size: tokens.get('post-body', 'font-size'); + font-weight: tokens.get('post-body', 'font-weight'); + line-height: tokens.get('post-body', 'line-height'); + letter-spacing: tokens.get('post-body', 'letter-spacing'); + color: tokens.get('post-body', 'color'); +} From ba77f21acafc333a7a432c888b0658e6b6bb1b44 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Mon, 23 Sep 2024 10:44:42 +0200 Subject: [PATCH 16/25] fix(deps): update dependency next to v14.2.10 [security] (#3556) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [next](https://nextjs.org) ([source](https://redirect.github.com/vercel/next.js)) | [`14.2.5` -> `14.2.10`](https://renovatebot.com/diffs/npm/next/14.2.5/14.2.10) | [![age](https://developer.mend.io/api/mc/badges/age/npm/next/14.2.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/next/14.2.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/next/14.2.5/14.2.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/next/14.2.5/14.2.10?slim=true)](https://docs.renovatebot.com/merge-confidence/) | ### GitHub Vulnerability Alerts #### [CVE-2024-46982](https://redirect.github.com/vercel/next.js/security/advisories/GHSA-gp8f-8m3g-qvj9) ### Impact By sending a crafted HTTP request, it is possible to poison the cache of a non-dynamic server-side rendered route in the pages router (this does not affect the app router). When this crafted request is sent it could coerce Next.js to cache a route that is meant to not be cached and send a `Cache-Control: s-maxage=1, stale-while-revalidate` header which some upstream CDNs may cache as well. To be potentially affected all of the following must apply: - Next.js between 13.5.1 and 14.2.9 - Using pages router - Using non-dynamic server-side rendered routes e.g. `pages/dashboard.tsx` not `pages/blog/[slug].tsx` The below configurations are unaffected: - Deployments using only app router - Deployments on [Vercel](https://vercel.com/) are not affected ### Patches This vulnerability was resolved in Next.js v13.5.7, v14.2.10, and later. We recommend upgrading regardless of whether you can reproduce the issue or not. ### Workarounds There are no official or recommended workarounds for this issue, we recommend that users patch to a safe version. #### Credits - Allam Rachid (zhero_) - Henry Chen --- ### Release Notes
vercel/next.js (next) ### [`v14.2.10`](https://redirect.github.com/vercel/next.js/compare/v14.2.9...v14.2.10) [Compare Source](https://redirect.github.com/vercel/next.js/compare/v14.2.9...v14.2.10) ### [`v14.2.9`](https://redirect.github.com/vercel/next.js/compare/v14.2.8...v14.2.9) [Compare Source](https://redirect.github.com/vercel/next.js/compare/v14.2.8...v14.2.9) ### [`v14.2.8`](https://redirect.github.com/vercel/next.js/compare/v14.2.7...v14.2.8) [Compare Source](https://redirect.github.com/vercel/next.js/compare/v14.2.7...v14.2.8) ### [`v14.2.7`](https://redirect.github.com/vercel/next.js/compare/v14.2.6...v14.2.7) [Compare Source](https://redirect.github.com/vercel/next.js/compare/v14.2.6...v14.2.7) ### [`v14.2.6`](https://redirect.github.com/vercel/next.js/compare/v14.2.5...v14.2.6) [Compare Source](https://redirect.github.com/vercel/next.js/compare/v14.2.5...v14.2.6)
--- ### Configuration 📅 **Schedule**: Branch creation - "" in timezone Europe/Zurich, Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/swisspost/design-system). Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- packages/nextjs-integration/package.json | 2 +- pnpm-lock.yaml | 103 +++++++++++------------ 2 files changed, 50 insertions(+), 55 deletions(-) diff --git a/packages/nextjs-integration/package.json b/packages/nextjs-integration/package.json index 90dc52c08d..083a4afdfa 100644 --- a/packages/nextjs-integration/package.json +++ b/packages/nextjs-integration/package.json @@ -12,7 +12,7 @@ "@swisspost/design-system-components-react": "workspace:9.0.0-next.0", "@swisspost/design-system-styles": "workspace:9.0.0-next.0", "@swisspost/internet-header": "workspace:1.14.6-next.0", - "next": "14.2.5", + "next": "14.2.10", "react": "^18", "react-dom": "^18" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3dc5a9b0c5..90a6686f28 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -985,8 +985,8 @@ importers: specifier: workspace:1.14.6-next.0 version: link:../internet-header next: - specifier: 14.2.5 - version: 14.2.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.78.0) + specifier: 14.2.10 + version: 14.2.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.78.0) react: specifier: ^18 version: 18.3.1 @@ -3007,62 +3007,62 @@ packages: '@napi-rs/wasm-runtime@0.2.4': resolution: {integrity: sha512-9zESzOO5aDByvhIAsOy9TbpZ0Ur2AJbUI7UT73kcUTS2mxAMHOBaa1st/jAymNoCtvrit99kkzT1FZuXVcgfIQ==} - '@next/env@14.2.5': - resolution: {integrity: sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==} + '@next/env@14.2.10': + resolution: {integrity: sha512-dZIu93Bf5LUtluBXIv4woQw2cZVZ2DJTjax5/5DOs3lzEOeKLy7GxRSr4caK9/SCPdaW6bCgpye6+n4Dh9oJPw==} '@next/eslint-plugin-next@14.2.5': resolution: {integrity: sha512-LY3btOpPh+OTIpviNojDpUdIbHW9j0JBYBjsIp8IxtDFfYFyORvw3yNq6N231FVqQA7n7lwaf7xHbVJlA1ED7g==} - '@next/swc-darwin-arm64@14.2.5': - resolution: {integrity: sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==} + '@next/swc-darwin-arm64@14.2.10': + resolution: {integrity: sha512-V3z10NV+cvMAfxQUMhKgfQnPbjw+Ew3cnr64b0lr8MDiBJs3eLnM6RpGC46nhfMZsiXgQngCJKWGTC/yDcgrDQ==} engines: {node: '>= 10'} cpu: [arm64] os: [darwin] - '@next/swc-darwin-x64@14.2.5': - resolution: {integrity: sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==} + '@next/swc-darwin-x64@14.2.10': + resolution: {integrity: sha512-Y0TC+FXbFUQ2MQgimJ/7Ina2mXIKhE7F+GUe1SgnzRmwFY3hX2z8nyVCxE82I2RicspdkZnSWMn4oTjIKz4uzA==} engines: {node: '>= 10'} cpu: [x64] os: [darwin] - '@next/swc-linux-arm64-gnu@14.2.5': - resolution: {integrity: sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==} + '@next/swc-linux-arm64-gnu@14.2.10': + resolution: {integrity: sha512-ZfQ7yOy5zyskSj9rFpa0Yd7gkrBnJTkYVSya95hX3zeBG9E55Z6OTNPn1j2BTFWvOVVj65C3T+qsjOyVI9DQpA==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] - '@next/swc-linux-arm64-musl@14.2.5': - resolution: {integrity: sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==} + '@next/swc-linux-arm64-musl@14.2.10': + resolution: {integrity: sha512-n2i5o3y2jpBfXFRxDREr342BGIQCJbdAUi/K4q6Env3aSx8erM9VuKXHw5KNROK9ejFSPf0LhoSkU/ZiNdacpQ==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] - '@next/swc-linux-x64-gnu@14.2.5': - resolution: {integrity: sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==} + '@next/swc-linux-x64-gnu@14.2.10': + resolution: {integrity: sha512-GXvajAWh2woTT0GKEDlkVhFNxhJS/XdDmrVHrPOA83pLzlGPQnixqxD8u3bBB9oATBKB//5e4vpACnx5Vaxdqg==} engines: {node: '>= 10'} cpu: [x64] os: [linux] - '@next/swc-linux-x64-musl@14.2.5': - resolution: {integrity: sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==} + '@next/swc-linux-x64-musl@14.2.10': + resolution: {integrity: sha512-opFFN5B0SnO+HTz4Wq4HaylXGFV+iHrVxd3YvREUX9K+xfc4ePbRrxqOuPOFjtSuiVouwe6uLeDtabjEIbkmDA==} engines: {node: '>= 10'} cpu: [x64] os: [linux] - '@next/swc-win32-arm64-msvc@14.2.5': - resolution: {integrity: sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==} + '@next/swc-win32-arm64-msvc@14.2.10': + resolution: {integrity: sha512-9NUzZuR8WiXTvv+EiU/MXdcQ1XUvFixbLIMNQiVHuzs7ZIFrJDLJDaOF1KaqttoTujpcxljM/RNAOmw1GhPPQQ==} engines: {node: '>= 10'} cpu: [arm64] os: [win32] - '@next/swc-win32-ia32-msvc@14.2.5': - resolution: {integrity: sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==} + '@next/swc-win32-ia32-msvc@14.2.10': + resolution: {integrity: sha512-fr3aEbSd1GeW3YUMBkWAu4hcdjZ6g4NBl1uku4gAn661tcxd1bHs1THWYzdsbTRLcCKLjrDZlNp6j2HTfrw+Bg==} engines: {node: '>= 10'} cpu: [ia32] os: [win32] - '@next/swc-win32-x64-msvc@14.2.5': - resolution: {integrity: sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==} + '@next/swc-win32-x64-msvc@14.2.10': + resolution: {integrity: sha512-UjeVoRGKNL2zfbcQ6fscmgjBAS/inHBh63mjIlfPg/NG8Yn2ztqylXt5qilYb6hoHIwaU2ogHknHWWmahJjgZQ==} engines: {node: '>= 10'} cpu: [x64] os: [win32] @@ -4863,9 +4863,6 @@ packages: caniuse-api@3.0.0: resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==} - caniuse-lite@1.0.30001617: - resolution: {integrity: sha512-mLyjzNI9I+Pix8zwcrpxEbGlfqOkF9kM3ptzmKNw5tizSyYwMe+nGLTqMK9cO+0E+Bh6TsBxNAaHWEM8xwSsmA==} - caniuse-lite@1.0.30001658: resolution: {integrity: sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==} @@ -8161,8 +8158,8 @@ packages: neo-async@2.6.2: resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==} - next@14.2.5: - resolution: {integrity: sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==} + next@14.2.10: + resolution: {integrity: sha512-sDDExXnh33cY3RkS9JuFEKaS4HmlWmDKP1VJioucCG6z5KuA008DPsDZOzi8UfqEk3Ii+2NCQSJrfbEWtZZfww==} engines: {node: '>=18.17.0'} hasBin: true peerDependencies: @@ -14210,37 +14207,37 @@ snapshots: '@emnapi/runtime': 1.2.0 '@tybys/wasm-util': 0.9.0 - '@next/env@14.2.5': {} + '@next/env@14.2.10': {} '@next/eslint-plugin-next@14.2.5': dependencies: glob: 10.3.10 - '@next/swc-darwin-arm64@14.2.5': + '@next/swc-darwin-arm64@14.2.10': optional: true - '@next/swc-darwin-x64@14.2.5': + '@next/swc-darwin-x64@14.2.10': optional: true - '@next/swc-linux-arm64-gnu@14.2.5': + '@next/swc-linux-arm64-gnu@14.2.10': optional: true - '@next/swc-linux-arm64-musl@14.2.5': + '@next/swc-linux-arm64-musl@14.2.10': optional: true - '@next/swc-linux-x64-gnu@14.2.5': + '@next/swc-linux-x64-gnu@14.2.10': optional: true - '@next/swc-linux-x64-musl@14.2.5': + '@next/swc-linux-x64-musl@14.2.10': optional: true - '@next/swc-win32-arm64-msvc@14.2.5': + '@next/swc-win32-arm64-msvc@14.2.10': optional: true - '@next/swc-win32-ia32-msvc@14.2.5': + '@next/swc-win32-ia32-msvc@14.2.10': optional: true - '@next/swc-win32-x64-msvc@14.2.5': + '@next/swc-win32-x64-msvc@14.2.10': optional: true '@ng-bootstrap/ng-bootstrap@17.0.0(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/forms@18.1.3(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.1.3(@angular/animations@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1))(@angular/localize@18.1.3(@angular/compiler-cli@18.1.3(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(typescript@5.5.4))(@angular/compiler@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))))(@popperjs/core@2.11.8)(rxjs@7.8.1)': @@ -15053,7 +15050,7 @@ snapshots: '@swc/helpers@0.5.5': dependencies: '@swc/counter': 0.1.3 - tslib: 2.7.0 + tslib: 2.6.3 '@swimlane/ngx-datatable@20.1.0(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(@angular/platform-browser@18.1.3(@angular/animations@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(@angular/common@18.1.3(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8))(rxjs@7.8.1))(@angular/core@18.1.3(rxjs@7.8.1)(zone.js@0.14.8)))(rxjs@7.8.1)': dependencies: @@ -15980,7 +15977,7 @@ snapshots: ast-types@0.16.1: dependencies: - tslib: 2.7.0 + tslib: 2.6.3 astral-regex@2.0.0: {} @@ -16379,8 +16376,6 @@ snapshots: lodash.memoize: 4.1.2 lodash.uniq: 4.5.0 - caniuse-lite@1.0.30001617: {} - caniuse-lite@1.0.30001658: {} caseless@0.12.0: {} @@ -20752,27 +20747,27 @@ snapshots: neo-async@2.6.2: {} - next@14.2.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.78.0): + next@14.2.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.78.0): dependencies: - '@next/env': 14.2.5 + '@next/env': 14.2.10 '@swc/helpers': 0.5.5 busboy: 1.6.0 - caniuse-lite: 1.0.30001617 + caniuse-lite: 1.0.30001658 graceful-fs: 4.2.11 postcss: 8.4.31 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) styled-jsx: 5.1.1(react@18.3.1) optionalDependencies: - '@next/swc-darwin-arm64': 14.2.5 - '@next/swc-darwin-x64': 14.2.5 - '@next/swc-linux-arm64-gnu': 14.2.5 - '@next/swc-linux-arm64-musl': 14.2.5 - '@next/swc-linux-x64-gnu': 14.2.5 - '@next/swc-linux-x64-musl': 14.2.5 - '@next/swc-win32-arm64-msvc': 14.2.5 - '@next/swc-win32-ia32-msvc': 14.2.5 - '@next/swc-win32-x64-msvc': 14.2.5 + '@next/swc-darwin-arm64': 14.2.10 + '@next/swc-darwin-x64': 14.2.10 + '@next/swc-linux-arm64-gnu': 14.2.10 + '@next/swc-linux-arm64-musl': 14.2.10 + '@next/swc-linux-x64-gnu': 14.2.10 + '@next/swc-linux-x64-musl': 14.2.10 + '@next/swc-win32-arm64-msvc': 14.2.10 + '@next/swc-win32-ia32-msvc': 14.2.10 + '@next/swc-win32-x64-msvc': 14.2.10 sass: 1.78.0 transitivePeerDependencies: - '@babel/core' @@ -22057,7 +22052,7 @@ snapshots: esprima: 4.0.1 source-map: 0.6.1 tiny-invariant: 1.3.3 - tslib: 2.7.0 + tslib: 2.6.3 rechoir@0.8.0: dependencies: From 002520acba7b2a594d925c456f7df043d3120ed1 Mon Sep 17 00:00:00 2001 From: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:42:34 +0200 Subject: [PATCH 17/25] chore: fix gulp sass tests (#3570) This PR is copying temporary token files before running the tests. This should fix the failing unit test runs. --- .github/workflows/unit-tests.yaml | 5 ++--- packages/styles/gulpfile.js | 19 +++++++++++-------- 2 files changed, 13 insertions(+), 11 deletions(-) diff --git a/.github/workflows/unit-tests.yaml b/.github/workflows/unit-tests.yaml index 26b9f0d5c8..25f7bc4c12 100644 --- a/.github/workflows/unit-tests.yaml +++ b/.github/workflows/unit-tests.yaml @@ -22,9 +22,8 @@ jobs: - name: Setup uses: ./.github/actions/setup-pnpm - # Install packages changed since main, as well as their dependants and dependencies - - name: Install dependencies - run: pnpm --filter "...[origin/main]" install + - name: Install dependencies and build packages + run: pnpm bootstrap - name: Run unit tests run: pnpm --filter "...[origin/main]" unit diff --git a/packages/styles/gulpfile.js b/packages/styles/gulpfile.js index 2be41d6b3f..5d44d45837 100644 --- a/packages/styles/gulpfile.js +++ b/packages/styles/gulpfile.js @@ -168,14 +168,17 @@ gulp.task('sass:dev', () => { /** * Compile scss tests */ -gulp.task('sass:tests', () => { - return gulp.src('./tests/**/*.scss').pipe( - gulpSass.sync({ - includePaths: options.includePaths, - quietDeps: true, - }), - ); -}); +gulp.task( + 'sass:tests', + gulp.series('temporarily-copy-token-files', () => { + return gulp.src('./tests/**/*.scss').pipe( + gulpSass.sync({ + includePaths: options.includePaths, + quietDeps: true, + }), + ); + }), +); /** * Watch task for scss development From 4c3cce09f6b89adda17cbcbc1511cf9c5eb4d8a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Tue, 24 Sep 2024 14:07:56 +0200 Subject: [PATCH 18/25] feat(tokens): add new tokens (#3572) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Oliver Schürch Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 1263 +++++++++++------ 1 file changed, 807 insertions(+), 456 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 71ae18f3e4..aac47ad70e 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -237,6 +237,10 @@ "$type": "dimension", "$value": "12" }, + "13": { + "$type": "dimension", + "$value": "13" + }, "14": { "$type": "dimension", "$value": "14" @@ -2191,6 +2195,14 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.14}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "block": { @@ -2256,7 +2268,7 @@ }, "16": { "$type": "spacing", - "$value": "{post.device.spacing.padding.13}" + "$value": "{post.core.dimension.13}" }, "17": { "$type": "spacing", @@ -2431,6 +2443,10 @@ "focus": { "$type": "borderRadius", "$value": "{post.core.dimension.4}" + }, + "focus2": { + "$type": "borderRadius", + "$value": "{post.core.dimension.8}" } }, "font-weight": { @@ -2761,6 +2777,10 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.10}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" } } }, @@ -3171,6 +3191,14 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.8}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "block": { @@ -3663,7 +3691,63 @@ "margin": { "block": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.block.8}" + } + } + } + } + } + }, + "Elements/ListNumber": { + "post": { + "list": { + "number": { + "margin": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } + }, + "item": { + "gap": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } + }, + "icon": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + }, + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + }, + "padding": { + "start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.8}" + }, + "end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.9}" + } + } + }, + "text": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + } + } } } } @@ -4074,9 +4158,11 @@ "$type": "borderWidth", "$value": "{post.device.border-width.focus}" }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "gap": { @@ -4920,6 +5006,12 @@ "font-size": { "$type": "fontSizes", "$value": "{post.device.font-size.7}" + }, + "focus": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus2}" + } } }, "icon": { @@ -4990,6 +5082,10 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } }, "paragraph": { @@ -5356,6 +5452,10 @@ "icon": { "$type": "sizing", "$value": "{post.device.sizing.interactive.button.icon.2}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, "content": { @@ -5390,6 +5490,10 @@ "icon": { "$type": "sizing", "$value": "{post.device.sizing.interactive.button.icon.1}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, "focus": { @@ -5400,6 +5504,12 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "border-radius": { @@ -5645,6 +5755,12 @@ "$type": "borderRadius", "$value": "{post.device.border-radius.round}" } + }, + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + } } } } @@ -5795,6 +5911,10 @@ "$type": "sizing", "$value": "{post.core.dimension.24}" } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" } } } @@ -6417,6 +6537,20 @@ } } }, + "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/Icon button": { "post": { "icon-button": { @@ -6433,9 +6567,11 @@ "$type": "borderWidth", "$value": "{post.device.border-width.focus}" }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "large": { @@ -6788,11 +6924,11 @@ "lead": { "$type": "typography", "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.5}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.lead-font-weight}", + "fontSize": "{post.lead.font-size}", + "letterSpacing": "{post.body.letter-spacing}", + "lineHeight": "{post.body.line-height}" } }, "paragraph-l": { @@ -6946,7 +7082,7 @@ "$type": "typography", "$value": { "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.utility.typo.font-weight.bold}", + "fontWeight": "{post.utility.font-weight.bold}", "fontSize": "{post.body.font-size}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}" @@ -6955,8 +7091,8 @@ "small-underline": { "$type": "typography", "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontWeight": "{post.utility.font-weight.bold}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}", "textDecoration": "{post.link.decoration}", @@ -6968,7 +7104,7 @@ "$value": { "fontFamily": "{post.body.font-family}", "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}" } @@ -6976,8 +7112,8 @@ "small-selected": { "$type": "typography", "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontWeight": "{post.utility.font-weight.bold}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}", "fontFamily": "{post.body.font-family}" @@ -7000,286 +7136,422 @@ "Utilities/Spacing": { "post": { "utility": { - "spacing": { - "margin": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { - "$type": "spacing", - "$value": "{post.core.dimension.64}" - }, - "78": { - "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { - "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - }, - "auto": { - "$type": "spacing", - "$value": "\"auto\"" - } + "margin": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + }, + "auto": { + "$type": "spacing", + "$value": "\"auto\"" + } + }, + "padding": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + } + }, + "gap": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" }, - "padding": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { - "$type": "spacing", - "$value": "{post.core.dimension.64}" - }, - "78": { - "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { - "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - } + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" } } } @@ -7288,58 +7560,56 @@ "Utilities/Typo": { "post": { "utility": { - "typo": { - "font-size": { - "sm": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - }, - "md": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - }, - "lg": { - "$type": "fontSizes", - "$value": "{post.device.font-size.5}" - } + "font-size": { + "sm": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" }, - "font-weight": { - "regular": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.400}" - }, - "bold": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.700}" - }, - "black": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.900}" - } + "md": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" }, - "line-height": { - "1": { - "$type": "lineHeights", - "$value": "{post.core.line-height.100}" - }, - "sm": { - "$type": "lineHeights", - "$value": "{post.core.line-height.120}" - }, - "lg": { - "$type": "lineHeights", - "$value": "{post.core.line-height.150}" - } + "lg": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "font-weight": { + "regular": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" }, - "letter-spacing": { - "none": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.none}" - }, - "default": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.default}" - } + "bold": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" + } + }, + "line-height": { + "1": { + "$type": "lineHeights", + "$value": "{post.core.line-height.100}" + }, + "sm": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "lg": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + } + }, + "letter-spacing": { + "none": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.none}" + }, + "default": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.default}" } } } @@ -7357,8 +7627,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Elements/ListBullet": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -7418,6 +7687,7 @@ "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", + "post.core.dimension.13": "57eca14cad26acf0f518fdd8faa940e9658b7ae6", "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", @@ -7519,8 +7789,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Elements/ListBullet": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7678,8 +7947,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Elements/ListBullet": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7836,8 +8104,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Elements/ListBullet": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -7900,6 +8167,7 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", @@ -7916,6 +8184,7 @@ "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", @@ -7930,7 +8199,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -7938,6 +8206,7 @@ "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", @@ -7965,6 +8234,7 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" @@ -7977,8 +8247,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Elements/ListBullet": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8030,6 +8299,8 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", @@ -8101,14 +8372,15 @@ "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8125,8 +8397,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Elements/ListBullet": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8199,6 +8470,8 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", @@ -8236,6 +8509,7 @@ "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", @@ -8249,14 +8523,14 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8270,8 +8544,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Elements/ListBullet": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8292,8 +8565,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Elements/ListBullet": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8323,7 +8595,8 @@ "Elements/Legend": "enabled", "Utilities/Spacing": "source", "Utilities/Typo": "source", - "Elements/ListBullet": "enabled" + "Elements/ListBullet": "enabled", + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8362,11 +8635,20 @@ "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e", + "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2", "post.list.bullet.item.icon.gap.inline": "417de136821935345d45e075c52b60de8fde8473", - "post.list.bullet.item.gap.block": "a5f90062a491c6218f50ef94c18720ed58b403d4", "post.list.bullet.item.icon.size": "21ec3fb665c341394250b7a7a521ca6540b8b284", "post.list.bullet.item.icon.bullet.size": "0ea7e671b89eb9346a05ed0c32e016164db6eeb0", - "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2" + "post.list.bullet.item.gap.block": "a5f90062a491c6218f50ef94c18720ed58b403d4", + "post.list.bullet.margin.block": "0a03d565e28c8afdc3842ac22f2f62f2a4f7f8de", + "post.list.number.margin.block": "8a9700b0107268c1539bc2e248dd627484dc3844", + "post.list.number.item.gap.block": "7a608865a46a967977c44caa05ac15dd6d8abc74", + "post.list.number.item.icon.gap.inline": "dc904ddb93c06290622e4149e5f56e744db0b699", + "post.list.number.item.icon.font-weight": "977a4fd6e98420de0f912f44bde60a504c91039a", + "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b", + "post.list.number.item.icon.padding.start": "90081f89eeb3ff639cefef2b72356b5bfc3432ab", + "post.list.number.item.icon.padding.end": "ea89e2b8b01d8b76c5a387dcb5adb8b963ded569", + "post.list.number.item.text.padding.block": "e8f4ca5bfa27171f1305cbcf48109951c6291783" } }, { @@ -8384,88 +8666,121 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "source", - "Elements/ListBullet": "disabled" + "Theme/Post": "source" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", "$figmaVariableReferences": { - "post.utility.spacing.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", - "post.utility.spacing.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", - "post.utility.spacing.margin.2": "792cd18025c16779f22642524cf2693d2862e869", - "post.utility.spacing.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686", - "post.utility.spacing.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c", - "post.utility.spacing.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff", - "post.utility.spacing.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76", - "post.utility.spacing.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33", - "post.utility.spacing.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736", - "post.utility.spacing.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda", - "post.utility.spacing.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf", - "post.utility.spacing.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e", - "post.utility.spacing.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c", - "post.utility.spacing.margin.16": "b4097837cfd32639b97e94abf9281e1416a2183b", - "post.utility.spacing.margin.18": "bf74cf2199d1310ce16d5fa74dc819aea937729b", - "post.utility.spacing.margin.19": "ef7da0322d4e4427ec5ad6540b6f45b7fbd001bd", - "post.utility.spacing.margin.20": "733f9d8b7c98e2ba38bbfe4f71eff2166d265861", - "post.utility.spacing.margin.22": "e3f672480236a3ad0a16c10ced09cf21cfdce93f", - "post.utility.spacing.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4", - "post.utility.spacing.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4", - "post.utility.spacing.margin.28": "744128b0e883692813d6a97e56ca4018999a3362", - "post.utility.spacing.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350", - "post.utility.spacing.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b", - "post.utility.spacing.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af", - "post.utility.spacing.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6", - "post.utility.spacing.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f", - "post.utility.spacing.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333", - "post.utility.spacing.margin.56": "d0304781240330c45ba7430a90c2a7793143d803", - "post.utility.spacing.margin.64": "aa839477a59b5fae122796732fb1204166283fc9", - "post.utility.spacing.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4", - "post.utility.spacing.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64", - "post.utility.spacing.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453", - "post.utility.spacing.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54", - "post.utility.spacing.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28", - "post.utility.spacing.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9", - "post.utility.spacing.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3", - "post.utility.spacing.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8", - "post.utility.spacing.padding.2": "3cccff01dc64fc2a9e7d6a0be1bdf537615f0fef", - "post.utility.spacing.padding.3": "f237ba426222468ed4938562bed02a8b6e85da47", - "post.utility.spacing.padding.4": "358f104d69400746c9d3c7987c719dd22928296a", - "post.utility.spacing.padding.5": "8fa9325acbef13f590f50697b059d8df0bd8e8dd", - "post.utility.spacing.padding.6": "33fbc1e48972e3389b0a719675feaf91c24ca363", - "post.utility.spacing.padding.8": "d090e48cf1172ee2320e15a678bad95aaf42a490", - "post.utility.spacing.padding.10": "b0cfa11fd3087f042726e16b2c36e19a0281e10b", - "post.utility.spacing.padding.11": "aca9ebd2d2bea34dbf283bd66bccfdaf6edffcb3", - "post.utility.spacing.padding.12": "86a022b8ada31b4fddb5bfac81b7cf61b640fa76", - "post.utility.spacing.padding.14": "bc598ab6fd384f42b3146339a23b92fa80fa2786", - "post.utility.spacing.padding.15": "8500a1c95486070177b8c5e2406928aa90af085f", - "post.utility.spacing.padding.16": "80031ac7edec87d10436df66940ec729ad1f67e9", - "post.utility.spacing.padding.18": "d4aa14c8ecd220b7debcd94ddd331c67a6b5f191", - "post.utility.spacing.padding.19": "1f18d20cb711d2157375f85a65afe5f2a2a76f65", - "post.utility.spacing.padding.20": "a5432ff1b645f048a46d4e3ff20fed03b6d2e733", - "post.utility.spacing.padding.22": "54a443d60134a3b50b596ee4073c1b5bc62f6494", - "post.utility.spacing.padding.24": "a2b5c5f7294e3c08f9b7fdb689eb7bf9b64c1f0b", - "post.utility.spacing.padding.26": "02594f3cb97607860e6297c4d3f3146277ff5f59", - "post.utility.spacing.padding.28": "ea71f0a6d0595df12a23e4bfd6835cf571d15c1a", - "post.utility.spacing.padding.30": "768b990b8c7d18ba088ef56f6bfed4656b262b04", - "post.utility.spacing.padding.32": "03af2409261f64081f8aabcca73e472023000354", - "post.utility.spacing.padding.34": "7e7c47901fe0f44866541f90db942d97845680cc", - "post.utility.spacing.padding.36": "7a0c0693689769b96a6a6d0f835489071aa794d3", - "post.utility.spacing.padding.40": "32a590dc1f608b6cb067cf8f4c369e0dda1ef6dc", - "post.utility.spacing.padding.48": "1abff7489bdbe35c52d494e90b51c5997d1ad003", - "post.utility.spacing.padding.56": "18c72e41e17ee3bc5da54d5df66d6be1be653210", - "post.utility.spacing.padding.64": "cbbf8e81b37159f2b788c01a4eba6ebd6de72f71", - "post.utility.spacing.padding.78": "97b313258f8cc6795013d3d36c7e0fbe6f1d3e79", - "post.utility.spacing.padding.80": "1605213520b2a110091a49300bf88355a715ed74", - "post.utility.spacing.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", - "post.utility.spacing.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", - "post.utility.spacing.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", - "post.utility.typo.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", - "post.utility.typo.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", - "post.utility.typo.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", - "post.utility.typo.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", - "post.utility.typo.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", - "post.utility.typo.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", - "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" + "post.utility.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", + "post.utility.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", + "post.utility.margin.2": "792cd18025c16779f22642524cf2693d2862e869", + "post.utility.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686", + "post.utility.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c", + "post.utility.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff", + "post.utility.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76", + "post.utility.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33", + "post.utility.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736", + "post.utility.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda", + "post.utility.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf", + "post.utility.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e", + "post.utility.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c", + "post.utility.margin.16": "b4097837cfd32639b97e94abf9281e1416a2183b", + "post.utility.margin.18": "bf74cf2199d1310ce16d5fa74dc819aea937729b", + "post.utility.margin.19": "ef7da0322d4e4427ec5ad6540b6f45b7fbd001bd", + "post.utility.margin.20": "733f9d8b7c98e2ba38bbfe4f71eff2166d265861", + "post.utility.margin.22": "e3f672480236a3ad0a16c10ced09cf21cfdce93f", + "post.utility.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4", + "post.utility.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4", + "post.utility.margin.28": "744128b0e883692813d6a97e56ca4018999a3362", + "post.utility.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350", + "post.utility.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b", + "post.utility.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af", + "post.utility.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6", + "post.utility.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f", + "post.utility.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333", + "post.utility.margin.56": "d0304781240330c45ba7430a90c2a7793143d803", + "post.utility.margin.64": "aa839477a59b5fae122796732fb1204166283fc9", + "post.utility.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4", + "post.utility.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64", + "post.utility.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453", + "post.utility.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54", + "post.utility.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28", + "post.utility.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9", + "post.utility.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3", + "post.utility.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8", + "post.utility.padding.2": "3cccff01dc64fc2a9e7d6a0be1bdf537615f0fef", + "post.utility.padding.3": "f237ba426222468ed4938562bed02a8b6e85da47", + "post.utility.padding.4": "358f104d69400746c9d3c7987c719dd22928296a", + "post.utility.padding.5": "8fa9325acbef13f590f50697b059d8df0bd8e8dd", + "post.utility.padding.6": "33fbc1e48972e3389b0a719675feaf91c24ca363", + "post.utility.padding.8": "d090e48cf1172ee2320e15a678bad95aaf42a490", + "post.utility.padding.10": "b0cfa11fd3087f042726e16b2c36e19a0281e10b", + "post.utility.padding.11": "aca9ebd2d2bea34dbf283bd66bccfdaf6edffcb3", + "post.utility.padding.12": "86a022b8ada31b4fddb5bfac81b7cf61b640fa76", + "post.utility.padding.14": "bc598ab6fd384f42b3146339a23b92fa80fa2786", + "post.utility.padding.15": "8500a1c95486070177b8c5e2406928aa90af085f", + "post.utility.padding.16": "80031ac7edec87d10436df66940ec729ad1f67e9", + "post.utility.padding.18": "d4aa14c8ecd220b7debcd94ddd331c67a6b5f191", + "post.utility.padding.19": "1f18d20cb711d2157375f85a65afe5f2a2a76f65", + "post.utility.padding.20": "a5432ff1b645f048a46d4e3ff20fed03b6d2e733", + "post.utility.padding.22": "54a443d60134a3b50b596ee4073c1b5bc62f6494", + "post.utility.padding.24": "a2b5c5f7294e3c08f9b7fdb689eb7bf9b64c1f0b", + "post.utility.padding.26": "02594f3cb97607860e6297c4d3f3146277ff5f59", + "post.utility.padding.28": "ea71f0a6d0595df12a23e4bfd6835cf571d15c1a", + "post.utility.padding.30": "768b990b8c7d18ba088ef56f6bfed4656b262b04", + "post.utility.padding.32": "03af2409261f64081f8aabcca73e472023000354", + "post.utility.padding.34": "7e7c47901fe0f44866541f90db942d97845680cc", + "post.utility.padding.36": "7a0c0693689769b96a6a6d0f835489071aa794d3", + "post.utility.padding.40": "32a590dc1f608b6cb067cf8f4c369e0dda1ef6dc", + "post.utility.padding.48": "1abff7489bdbe35c52d494e90b51c5997d1ad003", + "post.utility.padding.56": "18c72e41e17ee3bc5da54d5df66d6be1be653210", + "post.utility.padding.64": "cbbf8e81b37159f2b788c01a4eba6ebd6de72f71", + "post.utility.padding.78": "97b313258f8cc6795013d3d36c7e0fbe6f1d3e79", + "post.utility.padding.80": "1605213520b2a110091a49300bf88355a715ed74", + "post.utility.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", + "post.utility.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", + "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", + "post.utility.gap.0": "b035f04869df26bda872715dfab8acab5d4bdbe7", + "post.utility.gap.1": "8d400834fbfe7592ffb74200a67ba4c165c44b94", + "post.utility.gap.2": "f3f7d4be8e6c522169c5474cf69e3255763362a2", + "post.utility.gap.3": "6667a670f66ed029b92505c60ef792cfc098e51e", + "post.utility.gap.4": "65df6a057c82d6cbbebec02d50983e74cc43f9aa", + "post.utility.gap.5": "a47df22e4a7cb99e73f9ffe020efca9153a00697", + "post.utility.gap.6": "ae8d4076b9039829ce59c0b8c823d4dcfc9e1ffe", + "post.utility.gap.8": "90e29025252e6b22b82601264abf66dbc67901ec", + "post.utility.gap.10": "27ff3c142bb89f0239083b9e74bb4252e0b71005", + "post.utility.gap.11": "c81e46b0e659b706c061a95f10d3f080b257ab4e", + "post.utility.gap.12": "cc0852a70a194a9033ed2e57844e5dbaf2360ab4", + "post.utility.gap.14": "49e457403f8b3d3c36f634251ea8fe0ce7a87067", + "post.utility.gap.15": "df28ef55e1e9077de3fea8ff62951724fd80d35d", + "post.utility.gap.16": "c67e4fee3b260b07c10a1aeb1a0742f282c60f8c", + "post.utility.gap.18": "143f1f9f45772f4c6fef9dc663ab722cf0463ed7", + "post.utility.gap.19": "3168281b5f51180f236f567f642c23a60752dfdb", + "post.utility.gap.20": "e6c22067e83a7356bd2619f574ac874708f0d31a", + "post.utility.gap.22": "b12f454c60cac02a85e48ab9cbe68f282279ba6d", + "post.utility.gap.24": "682bfbf749d0aac98b101441ce1c653c6efe3bce", + "post.utility.gap.26": "830115993da9150d7910064a79faa1de54a2e04e", + "post.utility.gap.28": "e55c15b5acd4cfbecd903ecdbe64acc27fd9e891", + "post.utility.gap.30": "347738a186a8d52e19cc98192d32050bdd153a71", + "post.utility.gap.32": "94b304c51f0dd554241dc8652115eae3acf9c6ee", + "post.utility.gap.34": "4b8df586e9f9b915918b9a27b623d4fbfba842bb", + "post.utility.gap.36": "c6af274526ccb0796ee7916b55b8b4972d52176c", + "post.utility.gap.40": "3f392bb4ff26eddce82b3ddc7e2d10ac9efee560", + "post.utility.gap.48": "e541671e61d78bd86de2ee1b35981495d31ab7f1", + "post.utility.gap.56": "0a1522c5cfbc35bafd1188956c2cf598fa66d10c", + "post.utility.gap.64": "ed40c5cca7e432e0d99194c3adbae5a10d916930", + "post.utility.gap.78": "0e6f03756e05a6ca40c91a1390482c1e897ac85b", + "post.utility.gap.80": "d516093cca9f45668e6f2a2bf3dabc2c7ff73be3", + "post.utility.gap.96": "dd43f02351d0bd44d8e5ced92fdf23910bd0cd2f", + "post.utility.gap.100": "e28e8b44e65e54a5138fa5db3ab7c1911d2addee", + "post.utility.gap.112": "56bcda2c0c1206e6d7c1b6978dfedeef862764d0", + "post.utility.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", + "post.utility.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", + "post.utility.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", + "post.utility.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", + "post.utility.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", + "post.utility.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", + "post.utility.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" } }, { @@ -8520,7 +8835,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Components/Icon button": "enabled", - "Elements/ListBullet": "disabled" + "Components/Lead": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -8548,7 +8863,7 @@ "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", - "post.button.focus.padding": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", + "post.button.focus.outline.offset": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", @@ -8707,6 +9022,7 @@ "post.popover.link.hover-fg": "9e0bdb99581ebca38755c4b48ddb2da7ba680f9e", "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7", "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3", + "post.popover.link.focus.border-radius": "f88b4d76680b954249f4474c892c53dfc4de896f", "post.popover.icon.focus-stroke": "e75d00d2633e2306ed997ffb4d9c5f2af216a6bf", "post.popover.icon.enabled-fg": "81e93275e93e9c63e5bbb66839c992173edf837c", "post.popover.icon.selected-fg": "9ea5ba4d7668cf88874ed37430859e758080a3d7", @@ -8720,6 +9036,7 @@ "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc", "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", + "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4", "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", @@ -8788,6 +9105,7 @@ "post.social-media-button.footer.hover-stroke": "948411353d3e1d04026f7a23c77367ef7303923e", "post.social-media-button.footer.outer": "d32211165497f124da269359b6ec9b4e5eab2116", "post.social-media-button.footer.icon": "a2c88941c990e2288caa1e2d71320dfc3f89912a", + "post.social-media-button.footer.border-width": "aaeecf27450ac6f1e9adf122a38a022d5d96f2cf", "post.social-media-button.content.enabled-fg": "74d8297201af8d2f2f5020dae45c3a8fd302b1e7", "post.social-media-button.content.enabled-bg": "86cf14b7bd0cc9b9e4cd210ba73cfc76ea243294", "post.social-media-button.content.enabled-stroke": "0526de97fb85fdf8e39b24d27c58bc5762516597", @@ -8796,8 +9114,10 @@ "post.social-media-button.content.hover-stroke": "63870c9c43cb3a8e9208ee01f4755c6b5564002d", "post.social-media-button.content.outer": "6be54af1a4cbc7d122566deb0eb1a9b7249eb3e1", "post.social-media-button.content.icon": "3a470a93d7f76db28c47a929778d3a95d531d5cd", + "post.social-media-button.content.border-width": "d4f7bbf8f9ec82e477129f37f467544a74c67fa3", "post.social-media-button.focus.stroke": "6ff27984f2b2cfe8a3ab8bd8723d0e735104d59d", "post.social-media-button.focus.border-width": "5a189cc382e1e2fbb6faad451fadef1269252caf", + "post.social-media-button.focus.outline.offset": "33140a9698f27556ecdd801a76ef207e838a7715", "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", @@ -8874,6 +9194,7 @@ "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d", "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b", "post.text-highlighted.height.space-bottom": "976910163c8b39d9502d771bb4f11e2a2364dd76", + "post.text-highlighted.border-radius": "2bccd82a887bdae362ce9ec367f93f0b852aa07e", "post.input.color.enabled-bg": "ef37b9e75a548b9fe95566029fc133edf190f9ab", "post.input.color.enabled-fg": "c2447695deab7ef09b877d2cc72b036d3092c92b", "post.input.color.hover-bg": "36cd814b79e876dfe958dc3552ddf5bfa0ce52b8", @@ -9000,7 +9321,7 @@ "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", - "post.icon-button.focus.padding": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2", + "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", @@ -9062,13 +9383,42 @@ "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.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", + "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", + "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0" } }, { "id": "727187468c242be266169728abc6ed1a2a8dff72", "name": "Figma Only", - "$figmaStyleReferences": {}, + "$figmaStyleReferences": { + "utility.typo.heading.h1": "S:2b0d57a92a320fb261b7b12287e96e4ace999a1a,", + "utility.typo.heading.h2": "S:1d4041d0030b6b48499437a90cd356554d881955,", + "utility.typo.heading.h3": "S:36dfbd75ae851abbc688d79b70a59e0947c46cbe,", + "utility.typo.heading.h4": "S:033842229340d112dddc238d9421cc25b6a86ed3,", + "utility.typo.heading.h5": "S:e1c57808419f8cd7edc03d5cb4c6b57d93a4e36a,", + "utility.typo.heading.h6": "S:4451f0c4b2bbc9e9898e3637a3d100b3f17389d9,", + "utility.typo.content.lead": "S:36a9449b8b79c0e92df32d2ea9e058eeaaae6eff,", + "utility.typo.content.paragraph-l": "S:6eb3409be2642088d544ecc509ba1338e71f8f2a,", + "utility.typo.content.paragraph-m": "S:04f2c929c456cecba7b75de20e3a82b60dc0ac5f,", + "utility.typo.content.paragraph-s": "S:20c772a4cece3f2327f5ae1343eb7d4f39229579,", + "utility.typo.legend.small": "S:68eb1a6c22eff58487de197dcafe80186a8f181d,", + "utility.typo.legend.large": "S:3acda38013ae0f8f7b0cebf733f984118c3f8406,", + "utility.typo.label.default": "S:4a0a01649da41f52b07feb06ba27151f8e4eef41,", + "utility.typo.label.default-bold": "S:00e2a110184d89ffd4e5f6a2ca6e75b5923792e4,", + "utility.typo.label.medium": "S:5b88d987150b0ab7eeb0a467e96f09b3e2694fe6,", + "utility.typo.label.medium-bold": "S:2b5a282976baa6c747bf562295133687bf061097,", + "utility.typo.label.small": "S:08071d380dc7f37e83ee785328afd76be5f950bb,", + "utility.typo.label.smaller": "S:e796b4e08581273fb63209571f98a2e757749a30,", + "utility.typo.label.extrasmall": "S:f9f712258922b096c31ac26fd7878314f12ddbaf,", + "utility.typo.link.default-underline": "S:8e810c351fe7d59904ae770a6b4ada445d27d638,", + "utility.typo.link.default": "S:6b8910f6848b7cf689370b61c92bcebb4e0442f2,", + "utility.typo.link.selected": "S:c38314eab9d0f81af2bbb25d2171df9f11a8e6a8,", + "utility.typo.link.small-underline": "S:45b69963e5992e986eb2273e8e01ff3148adfd60,", + "utility.typo.link.small": "S:1ba06fe73589aaacb95ee478bd084b94494e15cd,", + "utility.typo.link.small-selected": "S:7f068c77dd2de50daa4bdde9ce016b7bdd724491,", + "utility.typo.default": "S:d0a39e1ad9f3161858121d95248a517c53772f96," + }, "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -9086,8 +9436,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Elements/ListBullet": "disabled" + "Utilities/Typo": "source" } } ], @@ -9107,6 +9456,7 @@ "Elements/Paragraph", "Elements/Link", "Elements/ListBullet", + "Elements/ListNumber", "Elements/Legend", "Components/Badge", "Components/Breadcrumb", @@ -9129,6 +9479,7 @@ "Components/Toast", "Components/Snackbar", "Components/Inline notification", + "Components/Lead", "Components/Icon button", "FigmaOnly", "Utilities/Spacing", From f28edf11dfcc852d8ba36bffbab90d6046017d4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:23:45 +0200 Subject: [PATCH 19/25] feat(tokens): add new tokens (#3583) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Oliver Schürch Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 124 +++++++++++++++--- 1 file changed, 109 insertions(+), 15 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index aac47ad70e..3aeba6d967 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -186,6 +186,16 @@ "colorless": { "$type": "color", "$value": "rgba(255,255,255,0)" + }, + "cargo": { + "green": { + "$type": "color", + "$value": "#00411C" + }, + "blue": { + "$type": "color", + "$value": "#AADCFF" + } } }, "dimension": { @@ -482,6 +492,10 @@ "swiss-post": { "$type": "fontFamilies", "$value": "Swiss Post Sans v005" + }, + "caveat": { + "$type": "fontFamilies", + "$value": "Caveat" } }, "elevation": { @@ -1311,6 +1325,10 @@ "$type": "color", "$value": "{post.core.color.notification.green}" }, + "stroke4": { + "$type": "color", + "$value": "{post.core.color.notification.green}" + }, "stroke2": { "$type": "color", "$value": "{post.core.color.brand.white}" @@ -2501,6 +2519,10 @@ "dropdown": { "$type": "borderWidth", "$value": "{post.core.dimension.3}" + }, + "switch": { + "$type": "borderWidth", + "$value": "{post.core.dimension.1}" } } } @@ -5666,6 +5688,10 @@ "success": { "$type": "color", "$value": "{post.mode.color.signal.success-dark}" + }, + "disabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" } }, "focus": { @@ -5676,36 +5702,80 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } }, - "element": { - "enabled-fg": { + "handle": { + "enabled": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, + "selected": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.fg3}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + }, + "hover": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg3}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + }, + "disabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + } + }, + "element": { "enabled-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.bg2}" }, - "selected-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, "selected-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.selected.bg2}" }, - "hover-fg": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.mode.color.interactive.primary.selected.stroke4}" }, "hover-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, - "disabled-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, "disabled-bg": { "$type": "color", @@ -5760,7 +5830,15 @@ "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.switch}" } } } @@ -7919,6 +7997,7 @@ "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", @@ -8063,6 +8142,7 @@ "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", @@ -8237,7 +8317,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8380,7 +8461,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8530,7 +8612,8 @@ "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -9150,15 +9233,21 @@ "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", - "post.switch.element.enabled-fg": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", + "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", - "post.switch.element.selected-fg": "2f079a496bed636dcee54a30516d00f400de1f52", + "post.switch.element.enabled-stroke": "00a540c9a955281331681f6fc44963f93bb85ce7", + "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52", + "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb", "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", - "post.switch.element.hover-fg": "367b21171b85011ace3484d3caaf20ca4de50580", + "post.switch.element.selected-stroke": "d7bda56904422c2dc2873f41275e915ce36fbdd6", + "post.switch.handle.hover": "367b21171b85011ace3484d3caaf20ca4de50580", + "post.switch.handle.hover-stroke": "9a48352912e77688b3638c63de7b650745b69c0e", "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff", - "post.switch.element.disabled-fg": "87edfd0659df5be763802e5b407c9cd64220fb49", + "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3", + "post.switch.handle.disabled": "87edfd0659df5be763802e5b407c9cd64220fb49", "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", + "post.switch.handle.disabled-stroke": "68580f77c8c59cfe3fd6ed8092787242604fa765", "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", @@ -9166,6 +9255,11 @@ "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", + "post.switch.handle.enabled-stroke": "5faf69a23034b7d86ae53ae4b6e45d758ad291a5", + "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", + "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f", + "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63", + "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", From cedf5c367592eeb1c22bda06a99a45f28b32e9c8 Mon Sep 17 00:00:00 2001 From: Alona Zherdetska <138328641+alionazherdetska@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:35:23 +0200 Subject: [PATCH 20/25] feat(docs): create a mission statement docs page (#3568) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Zherdetska Alona, IT21.1 Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/lemon-clocks-clean.md | 5 ++ packages/documentation/.storybook/preview.ts | 10 ++- .../mission/mission.blocks.tsx | 54 +++++++++++++++ .../getting-started/mission/mission.docs.mdx | 65 +++++++++++++++++++ .../mission/mission.stories.ts | 16 +++++ .../mission/mission.styles.scss | 55 ++++++++++++++++ 6 files changed, 204 insertions(+), 1 deletion(-) create mode 100644 .changeset/lemon-clocks-clean.md create mode 100644 packages/documentation/src/stories/getting-started/mission/mission.blocks.tsx create mode 100644 packages/documentation/src/stories/getting-started/mission/mission.docs.mdx create mode 100644 packages/documentation/src/stories/getting-started/mission/mission.stories.ts create mode 100644 packages/documentation/src/stories/getting-started/mission/mission.styles.scss diff --git a/.changeset/lemon-clocks-clean.md b/.changeset/lemon-clocks-clean.md new file mode 100644 index 0000000000..558225f41c --- /dev/null +++ b/.changeset/lemon-clocks-clean.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': minor +--- + +Added documentation outlining the mission statement of the Design System. diff --git a/packages/documentation/.storybook/preview.ts b/packages/documentation/.storybook/preview.ts index abef0ed326..6feb7e62e2 100644 --- a/packages/documentation/.storybook/preview.ts +++ b/packages/documentation/.storybook/preview.ts @@ -31,7 +31,15 @@ const preview: Preview = { // Category - Getting Started 'Getting Started', - ['Introduction', 'Angular', 'Compatibility', 'Packages', 'Changelogs', 'Migration Guide'], + [ + 'Introduction', + 'Mission', + 'Angular', + 'Compatibility', + 'Packages', + 'Changelogs', + 'Migration Guide', + ], // Category - Foundations 'Foundations', diff --git a/packages/documentation/src/stories/getting-started/mission/mission.blocks.tsx b/packages/documentation/src/stories/getting-started/mission/mission.blocks.tsx new file mode 100644 index 0000000000..ddb370d6a5 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/mission/mission.blocks.tsx @@ -0,0 +1,54 @@ +interface Role { + role: string; + description: string; +} + +interface Stakeholder { + role: string; +} + +interface TeamMembers { + name: string; + icon: string; +} + +export const stakeholders: Stakeholder[] = [ + { + role: 'Management', + }, + { + role: 'DevOps Team', + }, + { + role: 'Architecture', + }, + { + role: 'Project Management', + }, + { + role: 'Branding', + }, +]; + +export const roles: Role[] = [ + { + role: 'Web & Mobile Developers', + description: 'Utilize the system to build responsive, accessible, and consistent interfaces.', + }, + { + role: 'Digital Designers', + description: + 'Rely on standardized components to create user-friendly and cohesive experiences.', + }, + { + role: 'Digital Product Owners', + description: + 'Ensure product development aligns with Swiss Post’s design principles and standards.', + }, +]; + +export const teamMembers: TeamMembers[] = [ + { name: 'Development', icon: '2546' }, + { name: 'Visual Design', icon: '2591' }, + { name: 'User Experience', icon: '2336' }, +]; diff --git a/packages/documentation/src/stories/getting-started/mission/mission.docs.mdx b/packages/documentation/src/stories/getting-started/mission/mission.docs.mdx new file mode 100644 index 0000000000..4ce3c9399d --- /dev/null +++ b/packages/documentation/src/stories/getting-started/mission/mission.docs.mdx @@ -0,0 +1,65 @@ +import { Meta } from '@storybook/blocks'; +import * as MissionStories from './mission.stories'; +import { roles, stakeholders, teamMembers } from './mission.blocks'; +import './mission.styles.scss'; + + + +# Swiss Post Mission + +The Swiss Post Design System enables project teams to create seamless user experiences across all digital touchpoints by providing patterns, guidance and tools. + +## Who Uses the Design System? + +
    + {roles.map((role, index) => ( +
  • + {role.role} +
    {role.description}
    +
    • + ))} +
+ +### The Design System is well represented and supported by our stakeholders, including: + +
    + {stakeholders.map((stakeholder, index) => ( +
  • + {stakeholder.role} +
    • + ))} +
+ + +### Documentation + +Entry points to the Design System are public. All documentation is written in English and uses common terminology. The documentation platforms are in sync with implementations and cross-linked. Regular updates ensure that the documentation stays aligned with the latest changes and best practices. + +### Core Team + +
    + {teamMembers.map((teamMember, index) => ( +
  • + + {teamMember.name} +
    • + ))} +
+ +These contributors are responsible for major implementations and play a central role in shaping the system. To ensure meaningful input, they have allocated time and budget to actively participate in the project, both in Figma and Web development. + +### Quality & Compliance + +People are using the Design System because it has a low barrier of entry, excellent documentation, is easy to use, and improves the time to market for their product significantly. It fulfills the standards of the Web Content Accessibility Guidelines (WCAG), Level AA. + +
+

Onboarding is mandatory for external agencies.

+
+ +

+ The quality of the Design System is being measured by pre-defined KPIs and is constantly improved. +

+ +### Tooling + +Design System tooling fosters collaboration between diverse disciplines and encourages contribution. It is built to provide flexibility, allowing teams to choose the platform or framework that best suits their needs. diff --git a/packages/documentation/src/stories/getting-started/mission/mission.stories.ts b/packages/documentation/src/stories/getting-started/mission/mission.stories.ts new file mode 100644 index 0000000000..afd260fdbd --- /dev/null +++ b/packages/documentation/src/stories/getting-started/mission/mission.stories.ts @@ -0,0 +1,16 @@ +import { MetaExtended } from '@root/types'; +import { StoryObj } from '@storybook/web-components'; + +const meta: MetaExtended = { + id: 'b421ac9b-bac4-4e95-a909-64fdb58fc3a6', + title: 'Getting Started/Mission', + parameters: { + badges: [], + }, +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/packages/documentation/src/stories/getting-started/mission/mission.styles.scss b/packages/documentation/src/stories/getting-started/mission/mission.styles.scss new file mode 100644 index 0000000000..f44ca7bd30 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/mission/mission.styles.scss @@ -0,0 +1,55 @@ +@use '@swisspost/design-system-styles/core.scss' as post; + +.no-style-list { + margin: 0; + padding: 0; + list-style: none; +} + +.roles-list { + display: grid; + grid-template-rows: repeat(3, 1fr); + justify-content: center; +} + +.role-item { + margin-bottom: 1rem; + padding: 1rem; + border: 1px solid #ddd; + border-radius: 6px; +} + +.stakeholders-list { + justify-content: center; + align-items: center; +} + +.stakeholder-item { + padding: 1rem; + border: 1px solid #dee2e6; + text-align: center; +} + +.team-list { + justify-content: center; + margin-bottom: 1rem; +} + +.team-item { + display: flex; + justify-content: center; + border: 1px solid #dee2e6; + align-items: center; + padding: 1rem; + gap: 1rem; + font-weight: bold; +} + +.alert { + margin-top: 1rem; +} + +.quality-text { + margin-top: 1rem; + text-align: left; +} From 8c78c13f56e51f79a126e2aa8d5a740b40a35172 Mon Sep 17 00:00:00 2001 From: Alona Zherdetska <138328641+alionazherdetska@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:37:32 +0200 Subject: [PATCH 21/25] fix(readme): fix the typo in the README.md (#3581) Co-authored-by: Zherdetska Alona, IT21.1 --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 2a3dcd198f..fbf5aef6c7 100644 --- a/README.md +++ b/README.md @@ -13,10 +13,10 @@ ## Packages | Name | Description | Version | Changelog URL | -| :------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------- | +| :------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:------------------------------------------------------------------------------| | [Styles](https://design-system.post.ch/?path=/docs/e53e2de8-0bbf-4f70-babc-074c5466f700--docs) | The styling package, including theming for [Bootstrap](https://getbootstrap.com/) and [ng-bootstrap](https://ng-bootstrap.github.io/#/home) components. | [![Styles pacakge version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-styles?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-styles) | [Styles changelog](/packages/styles/CHANGELOG.md) | | [Components](https://design-system.post.ch/?path=/docs/edfb619b-fda1-4570-bf25-20830303d483--docs) | A set of standard web components for easy integration with every framework or no framework at all. | [![Components package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-components?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-components) | [Components changelog](/packages/components/CHANGELOG.md) | -| [Internet Header](https://design-system.post.ch/?path=/docs/9b02bcb2-3b6a-4271-b550-675a62ff3890--docs) | The header for client facing applications. | [![Internet Header package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Finternet-header?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/internet-header) | [Interet Header changelog](/packages/internet-header/CHANGELOG.md) | +| [Internet Header](https://design-system.post.ch/?path=/docs/9b02bcb2-3b6a-4271-b550-675a62ff3890--docs) | The header for client facing applications. | [![Internet Header package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Finternet-header?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/internet-header) | [Internet Header changelog](/packages/internet-header/CHANGELOG.md) | | [Intranet Header](https://design-system.post.ch/?path=/docs/d59a459b-6f14-47c6-9f98-a36a3f79a6e3--docs) | The Angular component for internal usage. | [![Intranet Header package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-intranet-header?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-intranet-header) | [Intranet Header changelog](/packages/intranet-header-workspace/CHANGELOG.md) | | [Icons](https://design-system.post.ch/?path=/docs/40ed323b-9c1a-42ab-91ed-15f97f214608--docs) | A collection of Post icons in svg format. | [![Icons package version shield for npm](https://img.shields.io/npm/v/%40swisspost%2Fdesign-system-icons?style=flat-square&logo=npm&label=%20&color=%23fc0)](https://www.npmjs.com/package/@swisspost/design-system-icons) | [Icons changelog](/packages/icons/CHANGELOG.md) | From cc9c4a03933c9dd90304da8b9b1c2e5f2ae6ad96 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 25 Sep 2024 16:31:18 +0200 Subject: [PATCH 22/25] feat(styles): extended focus-style mixin (#3588) --- packages/styles/src/mixins/_utilities.scss | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/packages/styles/src/mixins/_utilities.scss b/packages/styles/src/mixins/_utilities.scss index c84992cd65..1d0342456d 100644 --- a/packages/styles/src/mixins/_utilities.scss +++ b/packages/styles/src/mixins/_utilities.scss @@ -94,17 +94,23 @@ outline: none; } -@mixin focus-style($additional-selector: '') { +@mixin focus-style( + $additional-selector: '', + $offset: spacing.$size-line, + $width: spacing.$size-line, + $color: var(--post-focus-color), + $style: solid +) { &#{$additional-selector} { outline-style: none !important; // !important is needed to override bootstrap .form-control:focus - outline-offset: spacing.$size-line !important; - outline-width: spacing.$size-line !important; - outline-color: var(--post-focus-color) !important; + outline-offset: $offset !important; + outline-width: $width !important; + outline-color: $color !important; } // :has(:focus-visible) mimic a focus-visible-within pseudo-class &:is(:focus-visible, :has(:focus-visible), .pretend-focus)#{$additional-selector} { - outline-style: solid !important; + outline-style: $style !important; @include high-contrast-mode() { outline-color: Highlight !important; @@ -117,7 +123,7 @@ // When a browser doesn't support :has, use focus-within as a fallback. This means that focus state is displayed on focus and not on focus-visible only (except some browsers like Safari). @supports not selector(:has(:focus-visible)) { &:is(:focus-visible, :focus-within, .pretend-focus)#{$additional-selector} { - outline-style: solid !important; + outline-style: $style !important; @include high-contrast-mode() { outline-color: Highlight !important; From 0a1f3081526fb7b57ec3a9ea4586274dc01ee62e Mon Sep 17 00:00:00 2001 From: Alona Zherdetska <138328641+alionazherdetska@users.noreply.github.com> Date: Fri, 27 Sep 2024 09:30:47 +0200 Subject: [PATCH 23/25] feat(docs): create a design principles docs page (#3565) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Zherdetska Alona, IT21.1 Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/six-spiders-smoke.md | 5 +++ packages/documentation/.storybook/preview.ts | 1 + .../design-principles.data.ts | 32 +++++++++++++++++++ .../design-principles.docs.mdx | 25 +++++++++++++++ .../design-principles.stories.ts | 16 ++++++++++ .../design-principles.styles.scss | 25 +++++++++++++++ 6 files changed, 104 insertions(+) create mode 100644 .changeset/six-spiders-smoke.md create mode 100644 packages/documentation/src/stories/getting-started/design-principles/design-principles.data.ts create mode 100644 packages/documentation/src/stories/getting-started/design-principles/design-principles.docs.mdx create mode 100644 packages/documentation/src/stories/getting-started/design-principles/design-principles.stories.ts create mode 100644 packages/documentation/src/stories/getting-started/design-principles/design-principles.styles.scss diff --git a/.changeset/six-spiders-smoke.md b/.changeset/six-spiders-smoke.md new file mode 100644 index 0000000000..d5412eccd1 --- /dev/null +++ b/.changeset/six-spiders-smoke.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-documentation': minor +--- + +Added documentation for design principles. diff --git a/packages/documentation/.storybook/preview.ts b/packages/documentation/.storybook/preview.ts index 6feb7e62e2..ba2aca3353 100644 --- a/packages/documentation/.storybook/preview.ts +++ b/packages/documentation/.storybook/preview.ts @@ -33,6 +33,7 @@ const preview: Preview = { 'Getting Started', [ 'Introduction', + 'Design Principles', 'Mission', 'Angular', 'Compatibility', diff --git a/packages/documentation/src/stories/getting-started/design-principles/design-principles.data.ts b/packages/documentation/src/stories/getting-started/design-principles/design-principles.data.ts new file mode 100644 index 0000000000..1a0d44aa5d --- /dev/null +++ b/packages/documentation/src/stories/getting-started/design-principles/design-principles.data.ts @@ -0,0 +1,32 @@ +interface Principles { + icon: string; + title: string; + description: string; +} + +export const principles: Principles[] = [ + { + icon: '2525', + title: 'Easy to use', + description: + 'Create easy-to-use design patterns that consider the five elements of usability: Effectiveness, Efficiency, Engagement, Error Tolerance, and Ease of learning. This helps us to promote industry standards amongst our community and lowers the barrier of entry for new employees.', + }, + { + icon: '2526', + title: 'Trustworthy', + description: + 'We establish mutual trust with our stakeholders by creating robust and consistent patterns, maintaining comprehensive documentation, communicating transparently, and actively engaging with our community. Through these efforts, we ensure that our stakeholders can rely on our work. As a result, we can scale adoption across the organization, unlocking our full efficiency potential.', + }, + { + icon: '2527', + title: 'Cordial', + description: + 'We approach our customers on equal footing. By aligning our communication patterns with the Posts’ guidelines, we ensure that our interactions mirror how Post employees engage with clients: cordially, courteously, anticipatively, and empathically. Our goal is to foster the same strong bond between customers and the Post that exists beyond digital channels.', + }, + { + icon: '2524', + title: 'Inclusive', + description: + 'We promote inclusivity. We’re designing for diverse abilities, access to technology, literacy, economic circumstances, educational backgrounds, geographic locations, ages, and languages. With this approach, we ensure that everyone can use the public services we provide.', + }, +]; diff --git a/packages/documentation/src/stories/getting-started/design-principles/design-principles.docs.mdx b/packages/documentation/src/stories/getting-started/design-principles/design-principles.docs.mdx new file mode 100644 index 0000000000..bd4c8d292b --- /dev/null +++ b/packages/documentation/src/stories/getting-started/design-principles/design-principles.docs.mdx @@ -0,0 +1,25 @@ +import { Meta } from '@storybook/blocks'; +import * as DesignPrinciplesStories from './design-principles.stories'; +import './design-principles.styles.scss'; +import { principles } from './design-principles.data'; + + + +# Design Principles + +Our aim is to make things simple, trustworthy, and inclusive. We create easy-to-use designs, build trust with clear communication, and ensure everyone feels included. + +## Core Principles + +
+ {principles.map((principle, index) => ( +
+
+ +

{principle.title}

+

{principle.description}

+
+
+ ))} +
+ diff --git a/packages/documentation/src/stories/getting-started/design-principles/design-principles.stories.ts b/packages/documentation/src/stories/getting-started/design-principles/design-principles.stories.ts new file mode 100644 index 0000000000..93a86e9a40 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/design-principles/design-principles.stories.ts @@ -0,0 +1,16 @@ +import { MetaExtended } from '@root/types'; +import { StoryObj } from '@storybook/web-components'; + +const meta: MetaExtended = { + id: '43f5818c-98a0-48ba-84f1-bf4d8fe1e70d', + title: 'Getting Started/Design Principles', + parameters: { + badges: [], + }, +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {}; diff --git a/packages/documentation/src/stories/getting-started/design-principles/design-principles.styles.scss b/packages/documentation/src/stories/getting-started/design-principles/design-principles.styles.scss new file mode 100644 index 0000000000..39a8de1101 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/design-principles/design-principles.styles.scss @@ -0,0 +1,25 @@ +@use '@swisspost/design-system-styles/core.scss' as post; + +.principle-container { + padding: 0; + + &-container--item { + display: flex; + align-items: stretch; + } +} + +.principle { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); + padding: 2rem; + height: 100%; + + &--title { + font-size: post.$font-size-regular; + } + + &--description { + font-size: post.$font-size-sm; + margin-top: 1rem; + } +} From d09aa9ac9296de2e133fe7aebe01576468ddeaf4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Fri, 27 Sep 2024 10:43:33 +0200 Subject: [PATCH 24/25] fix(docs): add back post styles to storybook iframes (#3580) Co-authored-by: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> --- .../post-accordion/post-accordion.tsx | 2 + .../.storybook/addons/addons.scss | 2 +- .../addons/styles-switcher/StylesSwitcher.tsx | 153 +++++++++++------- .../.storybook/preview-head.html | 1 + .../.storybook/styles/preview.scss | 4 + packages/styles/src/components/card.scss | 1 + .../src/variables/components/_card.scss | 1 + pnpm-lock.yaml | 45 +++++- 8 files changed, 147 insertions(+), 62 deletions(-) diff --git a/packages/components/src/components/post-accordion/post-accordion.tsx b/packages/components/src/components/post-accordion/post-accordion.tsx index 04a597916e..407c5cf324 100644 --- a/packages/components/src/components/post-accordion/post-accordion.tsx +++ b/packages/components/src/components/post-accordion/post-accordion.tsx @@ -50,6 +50,8 @@ export class PostAccordion { @Listen('postToggle') collapseToggleHandler(event: CustomEvent) { + event.stopPropagation(); + const toggledItem = event.target as HTMLElement; const closestParentAccordion = toggledItem.closest('post-accordion'); diff --git a/packages/documentation/.storybook/addons/addons.scss b/packages/documentation/.storybook/addons/addons.scss index b34b9b2c90..eb90a8a8dc 100644 --- a/packages/documentation/.storybook/addons/addons.scss +++ b/packages/documentation/.storybook/addons/addons.scss @@ -9,7 +9,7 @@ top: -5px; right: 0; padding: post.$size-mini; - background-color: var(--post-light); + background-color: post.$white; border: post.$border-width solid post.$border-color; border-radius: post.$border-radius; font-size: post.$font-size-sm; diff --git a/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx index 666550feac..722fd13277 100644 --- a/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx +++ b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx @@ -1,101 +1,146 @@ import React, { useEffect, useState } from 'react'; import { IconButton, WithTooltip } from '@storybook/components'; -const STYLESHEET_ID = 'preview-stylesheet'; +const THEMES = ['Post'] as const; +const CHANNELS = ['External', 'Internal'] as const; +const MODES = ['Light', 'Dark'] as const; + +/* + * Stylesheets + */ +const getStylesheetUrl = (theme: string, channel: string) => { + return `/styles/${theme.toLowerCase()}-${channel.toLowerCase()}.css`; +}; +const possibleStylesheets = THEMES.flatMap(theme => { + return CHANNELS.map(channel => getStylesheetUrl(theme, channel)); +}); + +/* + * Backgrounds + */ +const backgroundClasses: { [key in (typeof MODES)[number]]: string } = { + Light: 'bg-white', + Dark: 'bg-dark', +}; +const getBackgroundClass = (mode: string) => { + return mode in backgroundClasses ? backgroundClasses[mode] : ''; +}; +const possibleBackgrounds = MODES.map(mode => getBackgroundClass(mode)); + +/* + * Local storage access + */ const STORAGE_KEY_PREFIX = 'swisspost-documentation'; -const THEMES = ['Post']; -const CHANNELS = ['External', 'Internal']; -const MODES = ['Light', 'Dark']; +const store = (key: string, value: string) => { + return localStorage.setItem(`${STORAGE_KEY_PREFIX}-${key}`, value); +}; +const stored = (key: string): string => { + return localStorage.getItem(`${STORAGE_KEY_PREFIX}-${key}`); +}; + +/* + * Helpers + */ +const debounce = (callback: (...args: T) => void, timeout: number) => { + let timer; + return (...args: T) => { + clearTimeout(timer); + timer = setTimeout(() => { + callback(...args); + }, timeout); + }; +}; function StylesSwitcher() { - const [currentTheme, setCurrentTheme] = useState( - localStorage.getItem(`${STORAGE_KEY_PREFIX}-theme`) || THEMES[0], - ); - const [currentChannel, setCurrentChannel] = useState( - localStorage.getItem(`${STORAGE_KEY_PREFIX}-channel`) || CHANNELS[0], - ); - const [currentMode, setCurrentMode] = useState( - localStorage.getItem(`${STORAGE_KEY_PREFIX}-mode`) || MODES[0], - ); + let observer: MutationObserver; - /** - * Sets the 'data-color-mode' attribute and preview stylesheet when the addon initializes - */ - useEffect(() => { - setPreviewStylesheet(); - setDataColorModeAttribute(); - }); + const [currentTheme, setCurrentTheme] = useState(stored('theme') || THEMES[0]); + const [currentChannel, setCurrentChannel] = useState(stored('channel') || CHANNELS[0]); + const [currentMode, setCurrentMode] = useState(stored('mode') || MODES[0]); + + const [preview, setPreview] = useState(); + const [stories, setStories] = useState>(); /** - * Sets the stylesheet matching the selected theme and channel in the preview document head + * Retrieves the preview document after the first rendering */ - const setPreviewStylesheet = () => { - const preview = getPreviewDocument(); - const previewHead = preview && preview.querySelector('head'); + useEffect(() => { + const previewIFrame = document.querySelector('iframe#storybook-preview-iframe'); - if (!previewHead) return; + if (!previewIFrame) return; - let stylesheetLink = previewHead.querySelector(`#${STYLESHEET_ID}`); + previewIFrame.addEventListener('load', () => { + setPreview((previewIFrame as HTMLIFrameElement).contentWindow.document); + }); + }, []); - if (!stylesheetLink) { - stylesheetLink = document.createElement('link'); - stylesheetLink.setAttribute('rel', 'stylesheet'); - stylesheetLink.setAttribute('id', STYLESHEET_ID); - previewHead.appendChild(stylesheetLink); - } + /** + * Retrieves all the stories when the preview content changes + */ + useEffect(() => { + if (!preview || observer) return; - stylesheetLink.setAttribute( - 'href', - `/styles/${currentTheme.toLowerCase()}-${currentChannel.toLowerCase()}.css`, + observer = new MutationObserver( + debounce(() => { + setStories(preview.querySelectorAll('.sbdocs-preview, .sb-main-padded')); + }, 200), ); - }; + + observer.observe(preview.body, { childList: true, subtree: true }); + }, [preview]); /** - * Sets the 'data-color-mode' attribute of the preview body to match the selected mode + * Sets the expected stylesheet in the preview head when the theme or channel changes */ - const setDataColorModeAttribute = () => { - const preview = getPreviewDocument(); + useEffect(() => { if (!preview) return; - const mode = currentMode.toLowerCase(); - const storyContainers = preview.querySelectorAll('.sbdocs-preview, .sb-main-padded'); - storyContainers.forEach(storyContainer => { - storyContainer.classList.remove('bg-light', 'bg-dark'); - storyContainer.classList.add(`bg-${mode}`); - storyContainer.setAttribute('data-color-mode', mode); + possibleStylesheets.forEach(stylesheet => { + const stylesheetLink = preview.head.querySelector(`link[href="${stylesheet}"]`); + if (stylesheetLink) stylesheetLink.remove(); }); - }; + + preview.head.insertAdjacentHTML( + 'beforeend', + ``, + ); + }, [preview, currentTheme, currentChannel]); /** - * Returns the Document contained in the preview iframe + * Sets the expected 'data-color-mode' attribute on all story containers when the mode changes */ - const getPreviewDocument = (): Document | undefined => { - const preview = document.querySelector('#storybook-preview-iframe'); - return preview && (preview as HTMLIFrameElement).contentWindow.document; - }; + useEffect(() => { + if (!stories) return; + + stories.forEach(story => { + story.classList.remove(...possibleBackgrounds); + story.classList.add(getBackgroundClass(currentMode)); + story.setAttribute('data-color-mode', currentMode.toLowerCase()); + }); + }, [stories, currentMode]); /** * Applies selected theme and registers it to the local storage */ const applyTheme = (theme: string) => { + store('theme', theme); setCurrentTheme(theme); - localStorage.setItem(`${STORAGE_KEY_PREFIX}-theme`, theme); }; /** * Applies selected channel and registers it to the local storage */ const applyChannel = (channel: string) => { + store('channel', channel); setCurrentChannel(channel); - localStorage.setItem(`${STORAGE_KEY_PREFIX}-channel`, channel); }; /** * Applies selected mode and registers it to the local storage */ const applyMode = (mode: string) => { + store('mode', mode); setCurrentMode(mode); - localStorage.setItem(`${STORAGE_KEY_PREFIX}-mode`, mode); }; return ( diff --git a/packages/documentation/.storybook/preview-head.html b/packages/documentation/.storybook/preview-head.html index 6b39f036b6..de5cd42496 100644 --- a/packages/documentation/.storybook/preview-head.html +++ b/packages/documentation/.storybook/preview-head.html @@ -8,6 +8,7 @@ + diff --git a/packages/documentation/.storybook/styles/preview.scss b/packages/documentation/.storybook/styles/preview.scss index e8e8a9784f..b768d3e6ea 100644 --- a/packages/documentation/.storybook/styles/preview.scss +++ b/packages/documentation/.storybook/styles/preview.scss @@ -177,6 +177,10 @@ overflow-x: hidden; } +.sbdocs-preview:not([data-color-mode]) { + display: none; +} + .fake-content { position: relative; min-height: calc(1.6rem * 8); diff --git a/packages/styles/src/components/card.scss b/packages/styles/src/components/card.scss index 35172d8052..af1f6907e2 100644 --- a/packages/styles/src/components/card.scss +++ b/packages/styles/src/components/card.scss @@ -24,6 +24,7 @@ // Outline with card-group margin trick prevents double/jumping (on hover) borders outline: 1px solid card.$card-border-color; box-shadow: commons.$box-shadow-lg; + color: card.$card-color; &.product-card, &.card-button { diff --git a/packages/styles/src/variables/components/_card.scss b/packages/styles/src/variables/components/_card.scss index f6d8f96729..e8836a87ab 100644 --- a/packages/styles/src/variables/components/_card.scss +++ b/packages/styles/src/variables/components/_card.scss @@ -24,6 +24,7 @@ $card-inner-border-radius: calc( ) !default; // Design System $card-cap-bg: color.$light !default; $card-bg: color.$white !default; +$card-color: color.$black !default; $card-img-overlay-padding: $card-spacer-x !default; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 90a6686f28..82c233d84b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -763,7 +763,7 @@ importers: version: 14.0.2 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + version: 29.7.0(@types/node@20.14.14) jest-environment-jsdom: specifier: 29.7.0 version: 29.7.0 @@ -1072,7 +1072,7 @@ importers: version: 5.1.0 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + version: 29.7.0(@types/node@20.14.14) postcss: specifier: 8.4.40 version: 8.4.40 @@ -11127,7 +11127,7 @@ snapshots: tslib: 2.6.3 typescript: 5.5.4 undici: 6.19.2 - vite: 5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2) + vite: 5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.78.0)(terser@5.29.2) watchpack: 2.4.1 webpack: 5.92.1(esbuild@0.21.5) webpack-dev-middleware: 7.2.1(webpack@5.92.1(esbuild@0.21.5)) @@ -15553,7 +15553,7 @@ snapshots: '@vitejs/plugin-basic-ssl@1.1.0(vite@5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2))': dependencies: - vite: 5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.77.6)(terser@5.29.2) + vite: 5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.78.0)(terser@5.29.2) '@vitejs/plugin-basic-ssl@1.1.0(vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.77.6)(terser@5.29.2))': dependencies: @@ -19281,6 +19281,25 @@ snapshots: - ts-node optional: true + jest-cli@29.7.0(@types/node@20.14.14): + dependencies: + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + '@jest/test-result': 29.7.0 + '@jest/types': 29.6.3 + chalk: 4.1.2 + create-jest: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + exit: 0.1.2 + import-local: 3.2.0 + jest-config: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + jest-util: 29.7.0 + jest-validate: 29.7.0 + yargs: 17.7.2 + transitivePeerDependencies: + - '@types/node' + - babel-plugin-macros + - supports-color + - ts-node + jest-cli@29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)): dependencies: '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) @@ -19649,7 +19668,7 @@ snapshots: '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) '@jest/types': 29.6.3 import-local: 3.2.0 - jest-cli: 29.7.0(@types/node@20.14.14)(ts-node@10.9.2(@types/node@20.14.14)(typescript@5.5.4)) + jest-cli: 29.7.0(@types/node@20.14.14) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -23320,7 +23339,7 @@ snapshots: term-size@2.2.1: {} - terser-webpack-plugin@5.3.10(esbuild@0.21.5)(webpack@5.92.1): + terser-webpack-plugin@5.3.10(esbuild@0.21.5)(webpack@5.92.1(esbuild@0.21.5)): dependencies: '@jridgewell/trace-mapping': 0.3.25 jest-worker: 27.5.1 @@ -23962,6 +23981,18 @@ snapshots: sass: 1.77.6 terser: 5.29.2 + vite@5.3.2(@types/node@20.12.7)(less@4.2.0)(sass@1.78.0)(terser@5.29.2): + dependencies: + esbuild: 0.21.5 + postcss: 8.4.40 + rollup: 4.18.1 + optionalDependencies: + '@types/node': 20.12.7 + fsevents: 2.3.3 + less: 4.2.0 + sass: 1.78.0 + terser: 5.29.2 + vite@5.3.2(@types/node@20.14.14)(less@4.2.0)(sass@1.77.6)(terser@5.29.2): dependencies: esbuild: 0.21.5 @@ -24125,7 +24156,7 @@ snapshots: neo-async: 2.6.2 schema-utils: 3.3.0 tapable: 2.2.1 - terser-webpack-plugin: 5.3.10(esbuild@0.21.5)(webpack@5.92.1) + terser-webpack-plugin: 5.3.10(esbuild@0.21.5)(webpack@5.92.1(esbuild@0.21.5)) watchpack: 2.4.1 webpack-sources: 3.2.3 transitivePeerDependencies: From d6033c5d179cdd82673afad966c0fbc36acdfa2a Mon Sep 17 00:00:00 2001 From: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> Date: Fri, 27 Sep 2024 10:43:48 +0200 Subject: [PATCH 25/25] chore: set a fixed netlify cli version (#3593) Our last successful deploys were on the 20th of September. On that day, netlify released a patch update that seems to have broken the deploy command if netlify builds are disabled (https://github.com/netlify/cli/blob/main/CHANGELOG.md#17362-2024-09-20). Trying to fix the issue by setting netlify version to a version before that. Submited an issue for netlify cli: https://github.com/netlify/cli/issues/6841 --- .github/actions/setup-netlify-cli/action.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/actions/setup-netlify-cli/action.yaml b/.github/actions/setup-netlify-cli/action.yaml index 6e8e3acbec..3e4a18c3f9 100644 --- a/.github/actions/setup-netlify-cli/action.yaml +++ b/.github/actions/setup-netlify-cli/action.yaml @@ -12,4 +12,4 @@ runs: steps: - name: Install netlify-cli shell: bash - run: pnpm i -g netlify-cli@17 + run: pnpm i -g netlify-cli@17.36.1