npm - @swisspost/design-system-styles - Versions diffs - 8.1.0 → 8.2.1 - Mend

@swisspost/design-system-styles 8.1.0 → 8.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/_svg-icon-map.scss +2 -0
package/components/form-check.css +1 -1
package/components/form-check.scss +1 -0
package/components/form-validation.css +1 -1
package/components/form-validation.scss +4 -1
package/components/tag.css +1 -1
package/index.css +2 -2
package/intranet.css +2 -2
package/mixins/_media.scss +17 -0
package/mixins/_tokens.scss +5 -0
package/package.json +6 -5
package/placeholders/_modes.scss +10 -0
package/post-external.css +35 -0
package/post-external.scss +2 -0
package/post-internal.css +35 -0
package/post-internal.scss +2 -0
package/post-tokens-external.css +1 -0
package/post-tokens-external.scss +4 -0
package/post-tokens-internal.css +1 -0
package/post-tokens-internal.scss +4 -0
package/tokens/_core.scss +1 -0
package/tokens/_device.scss +19 -0
package/tokens/_external.scss +8 -0
package/tokens/_internal.scss +8 -0
package/tokens/_modes.scss +11 -0
package/tokens/_post-theme.scss +8 -0
package/tokens/temp/channel.scss +11 -0
package/tokens/temp/components.scss +88 -0
package/tokens/temp/core.scss +112 -0
package/tokens/temp/device.scss +204 -0
package/tokens/temp/index.scss +10 -0
package/tokens/temp/mode.scss +177 -0
package/tokens/temp/theme.scss +7 -0
package/variables/_color.scss +25 -13
package/variables/components/_accordion.scss +6 -3
package/variables/components/_close.scss +4 -2
package/variables/components/_datatable.scss +8 -4
package/variables/components/_form-check.scss +6 -3
package/variables/components/_form-select.scss +8 -4
package/variables/components/_form-validation.scss +12 -6
package/variables/components/_stepper.scss +4 -2
package/variables/components/_tag.scss +1 -1

package/post-internal.scss ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ @use './post-tokens-internal';
2	+ @use './components';

package/post-tokens-external.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba( var(--post-core-color-sandgrey-100), 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba( var(--post-core-color-sandgrey-100), 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba( var(--post-core-color-sandgrey-100), 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba( var(--post-core-color-sandgrey-100), 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba( var(--post-core-color-sandgrey-100), 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba( var(--post-core-color-sandgrey-100), 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba( var(--post-core-color-sandgrey-100), 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba( var(--post-core-color-sandgrey-100), 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba( var(--post-core-color-sandgrey-100), 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba( var(--post-core-color-sandgrey-000) , 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba( var(--post-core-color-sandgrey-000) , 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba( var(--post-core-color-sandgrey-000) , 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba( var(--post-core-color-sandgrey-000) , 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba( var(--post-core-color-sandgrey-000) , 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba( var(--post-core-color-sandgrey-000) , 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba( var(--post-core-color-sandgrey-000) , 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba( var(--post-core-color-sandgrey-000) , 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba( var(--post-core-color-sandgrey-000) , 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-dimension-0: 0rem;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-8: 8px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-14: 14px;--post-core-dimension-16: 16px;--post-core-dimension-18: 18px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-64: 64px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-96: 96px;--post-core-dimension-112: 112px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-font-weight-300: 300;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-22: 22px;--post-core-font-size-24: 24px;--post-core-font-size-26: 26px;--post-core-font-size-28: 28px;--post-core-font-size-30: 30px;--post-core-font-size-32: 32px;--post-core-font-size-34: 34px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-120: 1.2;--post-core-line-height-140: 1.4;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-font-family-frutiger: "Frutiger Neue for Post";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: inset 0 8px 16px 0 rgba(0,0,0,0.16), inset 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-focus: 2px solid #050400;--post-core-border-disabled: 2px dashed #696864}:root,[data-color-mode=light]{--post-sem-color-signal-success-dark: var(--post-core-color-notification-green);--post-sem-color-signal-success-light: var(--post-core-color-notification-green-light);--post-sem-color-signal-error-dark: var(--post-core-color-notification-red);--post-sem-color-signal-error-light: var(--post-core-color-notification-red-light);--post-sem-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-sem-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-sem-color-signal-information-dark: var(--post-core-color-notification-blue);--post-sem-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-sem-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-primary-enabled-stroke: var(--post-sem-color-interactive-button-primary-enabled-bg);--post-sem-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-primary-hover-stroke: var(--post-sem-color-interactive-button-primary-hover-bg);--post-sem-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-primary-disabled-stroke: var(--post-sem-color-interactive-button-primary-disabled-bg);--post-sem-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-enabled-stroke: var(--post-sem-color-interactive-button-tertiary-enabled-bg);--post-sem-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-hover-stroke: var(--post-sem-color-interactive-button-tertiary-hover-bg);--post-sem-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-disabled-stroke: var(--post-sem-color-interactive-button-tertiary-disabled-bg);--post-sem-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-text-input-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-enabled-stroke: var(--post-sem-color-interactive-text_input-enabled-fg);--post-sem-color-interactive-text-input-hover-fg-label: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-text-input-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-hover-fg-value: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-text-input-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-enabled-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-enabled-bg-handle: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-hover-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-hover-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-hover-bg-handle: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-bg2: var(--post-core-color-sandgrey-012);--post-sem-color-interactive-primary-disabled-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-disabled-bg-handle: var(--post-core-color-sandgrey-012);--post-sem-color-interactive-primary-disabled-stroke-handle: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-selected-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-selected-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-selected-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-selected-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-selected-bg-handle: var(--post-comp-interactive-color-signal-success);--post-sem-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-sem-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-sem-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent2-bg: var(--post-core-color-sandgrey-006);--post-sem-color-surface-accent2-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent3-bg: var(--post-core-color-brand-postyellow);--post-sem-color-surface-accent3-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent4-bg: var(--post-core-color-sandgrey-080);--post-sem-color-surface-accent4-fg: var(--post-core-color-brand-white);--post-sem-color-surface-accent4-fg-accent: var(--post-core-color-brand-postyellow);--post-sem-color-notification-badge-bg: var(--post-core-color-notification-red);--post-sem-color-notification-badge-fg: var(--post-core-color-brand-white);--post-sem-color-notification-badge-stroke: var(--post-core-color-brand-white)}[data-color-mode=dark]{--post-sem-color-signal-success-dark: var(--post-core-color-notification-green);--post-sem-color-signal-success-light: var(--post-core-color-notification-green-light);--post-sem-color-signal-error-dark: var(--post-core-color-notification-red);--post-sem-color-signal-error-light: var(--post-core-color-notification-red-light);--post-sem-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-sem-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-sem-color-signal-information-dark: var(--post-core-color-notification-blue);--post-sem-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-sem-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-primary-enabled-stroke: var(--post-sem-color-interactive-button-primary-enabled-bg);--post-sem-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-primary-hover-stroke: var(--post-sem-color-interactive-button-primary-hover-bg);--post-sem-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-primary-disabled-stroke: var(--post-sem-color-interactive-button-primary-disabled-bg);--post-sem-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-enabled-stroke: var(--post-sem-color-interactive-button-tertiary-enabled-bg);--post-sem-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-hover-stroke: var(--post-sem-color-interactive-button-tertiary-hover-bg);--post-sem-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-sem-color-interactive-button-tertiary-disabled-stroke: var(--post-sem-color-interactive-button-tertiary-disabled-bg);--post-sem-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-text-input-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-enabled-stroke: var(--post-sem-color-interactive-text_input-enabled-fg);--post-sem-color-interactive-text-input-hover-fg-label: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-text-input-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-text-input-hover-fg-value: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-text-input-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-enabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-enabled-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-enabled-bg-handle: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-hover-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-hover-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-hover-bg-handle: var(--post-core-color-sandgrey-070);--post-sem-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-disabled-bg2: var(--post-core-color-sandgrey-012);--post-sem-color-interactive-primary-disabled-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-disabled-bg-handle: var(--post-core-color-sandgrey-012);--post-sem-color-interactive-primary-disabled-stroke-handle: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-selected-bg: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-selected-fg2: var(--post-core-color-sandgrey-060);--post-sem-color-interactive-primary-selected-stroke: var(--post-core-color-sandgrey-100);--post-sem-color-interactive-primary-selected-fg-handle: var(--post-core-color-brand-white);--post-sem-color-interactive-primary-selected-bg-handle: var(--post-comp-interactive-color-signal-success);--post-sem-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-sem-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-sem-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent2-bg: var(--post-core-color-sandgrey-006);--post-sem-color-surface-accent2-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent3-bg: var(--post-core-color-brand-postyellow);--post-sem-color-surface-accent3-fg: var(--post-core-color-sandgrey-100);--post-sem-color-surface-accent4-bg: var(--post-core-color-sandgrey-080);--post-sem-color-surface-accent4-fg: var(--post-core-color-brand-white);--post-sem-color-surface-accent4-fg-accent: var(--post-core-color-brand-postyellow);--post-sem-color-notification-badge-bg: var(--post-core-color-notification-red);--post-sem-color-notification-badge-fg: var(--post-core-color-brand-white);--post-sem-color-notification-badge-stroke: var(--post-core-color-brand-white)}@media screen and (max-width: 599.99px){:root{--post-sem-font-size-heading-xs: var(--post-core-font-size-20);--post-sem-font-size-heading-s: var(--post-core-font-size-24);--post-sem-font-size-heading-m: var(--post-core-font-size-28);--post-sem-font-size-heading-l: var(--post-core-font-size-32);--post-sem-font-size-heading-xl: var(--post-core-font-size-36);--post-sem-font-size-heading-xxl: var(--post-core-font-size-40);--post-sem-font-size-text-xs: var(--post-core-font-size-12);--post-sem-font-size-text-s: var(--post-core-font-size-14);--post-sem-font-size-text-m: var(--post-core-font-size-16);--post-sem-font-size-text-l: var(--post-core-font-size-18);--post-sem-font-size-text-xl: var(--post-core-font-size-20);--post-sem-elevation-base: var(--post-core-elevation-1);--post-sem-elevation-s: var(--post-core-elevation-2);--post-sem-elevation-m: var(--post-core-elevation-3);--post-sem-elevation-l: var(--post-core-elevation-4);--post-sem-elevation-xl: var(--post-core-elevation-5);--post-sem-typo-title-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-lead: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-paragraph: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-l: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-s: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-14)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-l: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-m: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-s: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-xs: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-link-underline: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline;--post-sem-typo-text-link: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-font-family-default: var(--post-core-font-family-frutiger);--post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16);--post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-6);--post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12);--post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4);--post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-1: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10);--post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14);--post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-28);--post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-10);--post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-5-5);--post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-6-5);--post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-5);--post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6);--post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-1-5);--post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-0);--post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-24);--post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5);--post-sem-sizing-interactive-icon-height: var(--post-core-dimension-20);--post-sem-sizing-interactive-icon-width: var(--post-core-dimension-20);--post-core-font-weight-bold: var(--post-core-font-weight-700);--post-core-font-weight-regular: var(--post-core-font-weight-400)}}@media screen and (min-width: 600px)and (max-width: 1023.99px){:root{--post-sem-font-size-heading-xs: var(--post-core-font-size-20);--post-sem-font-size-heading-s: var(--post-core-font-size-24);--post-sem-font-size-heading-m: var(--post-core-font-size-28);--post-sem-font-size-heading-l: var(--post-core-font-size-32);--post-sem-font-size-heading-xl: var(--post-core-font-size-36);--post-sem-font-size-heading-xxl: var(--post-core-font-size-40);--post-sem-font-size-text-xs: var(--post-core-font-size-12);--post-sem-font-size-text-s: var(--post-core-font-size-14);--post-sem-font-size-text-m: var(--post-core-font-size-16);--post-sem-font-size-text-l: var(--post-core-font-size-18);--post-sem-font-size-text-xl: var(--post-core-font-size-20);--post-sem-elevation-base: var(--post-core-elevation-1);--post-sem-elevation-s: var(--post-core-elevation-2);--post-sem-elevation-m: var(--post-core-elevation-3);--post-sem-elevation-l: var(--post-core-elevation-4);--post-sem-elevation-xl: var(--post-core-elevation-5);--post-sem-typo-title-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-lead: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-paragraph: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-l: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-16)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-s: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-16)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-l: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-m: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-s: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-xs: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-link-underline: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline var(--post-core-font-size-16);--post-sem-typo-text-link: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-font-family-default: var(--post-core-font-family-frutiger);--post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-16);--post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16);--post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12);--post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4);--post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-1: var(--post-core-dimension-1);--post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10);--post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14);--post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-30);--post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-10);--post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-4);--post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-5);--post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-5);--post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6);--post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-0);--post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-0);--post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-24);--post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5);--post-sem-sizing-interactive-icon-height: var(--post-core-dimension-22);--post-sem-sizing-interactive-icon-width: var(--post-core-dimension-22);--post-core-font-weight-bold: var(--post-core-font-weight-700);--post-core-font-weight-regular: var(--post-core-font-weight-400)}}@media screen and (min-width: 1024px){:root{--post-sem-font-size-heading-xs: var(--post-core-font-size-20);--post-sem-font-size-heading-s: var(--post-core-font-size-24);--post-sem-font-size-heading-m: var(--post-core-font-size-28);--post-sem-font-size-heading-l: var(--post-core-font-size-32);--post-sem-font-size-heading-xl: var(--post-core-font-size-36);--post-sem-font-size-heading-xxl: var(--post-core-font-size-40);--post-sem-font-size-text-xs: var(--post-core-font-size-12);--post-sem-font-size-text-s: var(--post-core-font-size-14);--post-sem-font-size-text-m: var(--post-core-font-size-16);--post-sem-font-size-text-l: var(--post-core-font-size-18);--post-sem-font-size-text-xl: var(--post-core-font-size-20);--post-sem-elevation-base: var(--post-core-elevation-1);--post-sem-elevation-s: var(--post-core-elevation-2);--post-sem-elevation-m: var(--post-core-elevation-3);--post-sem-elevation-l: var(--post-core-elevation-4);--post-sem-elevation-xl: var(--post-core-elevation-5);--post-sem-typo-title-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-title-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h1: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-40)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h2: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-36)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h3: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h4: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-28)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h5: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-24)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-subtitle-sub-h6: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-lead: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-24)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-paragraph: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-l: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-32)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-legend-s: var(--post-sem-font-family-default) var(--post-core-font-weight-700) var(--post-core-font-size-20)/var(--post-core-line-height-120) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-l: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-18)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-m: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-16)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-s: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-14)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-label-xs: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-12)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-typo-text-link-underline: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default) underline;--post-sem-typo-text-link: var(--post-sem-font-family-default) var(--post-core-font-weight-400) var(--post-core-font-size-20)/var(--post-core-line-height-150) var(--post-core-letter-spacing-default);--post-sem-font-family-default: var(--post-core-font-family-frutiger);--post-sem-spacing-interactive-gap-block-1: var(--post-core-dimension-16);--post-sem-spacing-interactive-gap-block-2: var(--post-core-dimension-16);--post-sem-spacing-interactive-gap-inline-1: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-inline-2: var(--post-core-dimension-8);--post-sem-spacing-interactive-gap-inline-3: var(--post-core-dimension-12);--post-sem-spacing-interactive-gap-inline-4: var(--post-core-dimension-4);--post-sem-spacing-interactive-gap-inline-5: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-1: var(--post-core-dimension-0);--post-sem-spacing-interactive-padding-2: var(--post-core-dimension-2);--post-sem-spacing-interactive-padding-3: var(--post-core-dimension-10);--post-sem-spacing-interactive-padding-inline-1: var(--post-core-dimension-14);--post-sem-spacing-interactive-padding-inline-2: var(--post-core-dimension-32);--post-sem-spacing-interactive-padding-block-1: var(--post-core-dimension-11);--post-sem-spacing-interactive-padding-block-2: var(--post-core-dimension-4);--post-sem-spacing-interactive-padding-block-3: var(--post-core-dimension-4-5);--post-sem-spacing-interactive-padding-block-4: var(--post-core-dimension-7-5);--post-sem-spacing-interactive-padding-block-5: var(--post-core-dimension-6);--post-sem-spacing-interactive-padding-block-6: var(--post-core-dimension-1);--post-sem-spacing-interactive-padding-block-7: var(--post-core-dimension-1);--post-sem-spacing-interactive-padding-block-8: var(--post-core-dimension-32);--post-sem-spacing-interactive-padding-block-9: var(--post-core-dimension-5);--post-sem-sizing-interactive-icon-height: var(--post-core-dimension-24);--post-sem-sizing-interactive-icon-width: var(--post-core-dimension-24);--post-core-font-weight-bold: var(--post-core-font-weight-700);--post-core-font-weight-regular: var(--post-core-font-weight-400)}}:root{--post-sem-sizing-interactive-height-filler: var(--post-core-dimension-24)}:root{--post-post-sem-sizing-interactive-height-filler: var(--post-core-dimension-24)}

package/post-tokens-external.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@use './tokens/modes';
+@use './tokens/device';
+@use './tokens/external';
+@use './tokens/post-theme';

package/post-tokens-internal.css ADDED Viewed

@@ -0,0 +1 @@

package/post-tokens-internal.scss ADDED Viewed

@@ -0,0 +1,4 @@
+@use './tokens/modes';
+@use './tokens/device';
+@use './tokens/internal';
+@use './tokens/post-theme';

package/tokens/_core.scss ADDED Viewed

	@@ -0,0 +1 @@
1	+ @use './temp/core';

package/tokens/_device.scss ADDED Viewed

@@ -0,0 +1,19 @@
+@use './temp/device' as device;
+@use './core';
+@use './../mixins/tokens';
+@use './../mixins/media';
+:root {
+  @include media.max(600px) {
+    @include tokens.from(device.$post-mobile);
+  }
+  @include media.between(600px, 1024px) {
+    @include tokens.from(device.$post-tablet);
+  }
+  @include media.min(1024px) {
+    @include tokens.from(device.$post-desktop);
+  }
+}

package/tokens/_external.scss ADDED Viewed

@@ -0,0 +1,8 @@
+@use './temp/channel' as channel;
+@use './core';
+@use './../mixins/tokens';
+:root {
+  @include tokens.from(channel.$post-edk);
+}

package/tokens/_internal.scss ADDED Viewed

@@ -0,0 +1,8 @@
+@use './temp/channel' as channel;
+@use './core';
+@use './../mixins/tokens';
+:root {
+  @include tokens.from(channel.$post-idk);
+}

package/tokens/_modes.scss ADDED Viewed

@@ -0,0 +1,11 @@
+@use './core';
+@use './../placeholders/modes';
+:root,
+[data-color-mode='light'] {
+  @extend %color-mode-light;
+}
+[data-color-mode='dark'] {
+  @extend %color-mode-dark;
+}

package/tokens/_post-theme.scss ADDED Viewed

@@ -0,0 +1,8 @@
+@use './temp/theme' as themes;
+@use './core';
+@use './../mixins/tokens';
+:root {
+  @include tokens.from(themes.$post-theme);
+}

package/tokens/temp/channel.scss ADDED Viewed

@@ -0,0 +1,11 @@
+// Do not edit manually!
+// This file was generated on:
+// Wed, 11 Sep 2024 12:33:34 GMT by the @swisspost/design-system-tokens package build command
+$post-edk: (
+  'post-sem-sizing-interactive-height-filler': var(--post-core-dimension-24),
+);
+$post-idk: (
+  'post-sem-sizing-interactive-height-filler': var(--post-core-dimension-24),
+);

package/tokens/temp/components.scss ADDED Viewed

@@ -0,0 +1,88 @@
+// Do not edit manually!
+// This file was generated on:
+// Wed, 11 Sep 2024 12:33:34 GMT by the @swisspost/design-system-tokens package build command
+$post-interactives: (
+  'post-comp-interactive-color-primary-bg-enabled': var(--post-sem-color-interactive-primary-enabled-bg),
+  'post-comp-interactive-color-primary-fg-enabled': var(--post-sem-color-interactive-primary-enabled-fg1),
+  'post-comp-interactive-color-primary-bg-hover': var(--post-sem-color-interactive-primary-hover-bg),
+  'post-comp-interactive-color-primary-fg-hover': var(--post-sem-color-interactive-primary-hover-fg1),
+  'post-comp-interactive-color-primary-bg-disabled': var(--post-sem-color-interactive-primary-disabled-bg),
+  'post-comp-interactive-color-primary-fg-disabled': var(--post-sem-color-interactive-primary-disabled-fg1),
+  'post-comp-interactive-color-primary-bg-selected': var(--post-sem-color-interactive-primary-selected-bg),
+  'post-comp-interactive-color-primary-fg-selected': var(--post-sem-color-interactive-primary-selected-fg1),
+  'post-comp-interactive-color-primary-fg-help': var(--post-sem-color-interactive-primary-enabled-fg2),
+  'post-comp-interactive-color-primary-stroke-enabled': var(--post-sem-color-interactive-primary-enabled-stroke),
+  'post-comp-interactive-color-primary-stroke-hover': var(--post-sem-color-interactive-primary-hover-stroke),
+  'post-comp-interactive-color-primary-stroke-disabled': var(--post-sem-color-interactive-primary-disabled-stroke),
+  'post-comp-interactive-color-primary-stroke-selected': var(--post-sem-color-interactive-primary-selected-stroke),
+  'post-comp-interactive-color-primary-handle-fg-enabled': var(--post-sem-color-interactive-primary-enabled-fg-handle),
+  'post-comp-interactive-color-primary-handle-bg-enabled': var(--post-sem-color-interactive-primary-enabled-bg-handle),
+  'post-comp-interactive-color-primary-handle-fg-selected': var(--post-sem-color-interactive-primary-selected-fg-handle),
+  'post-comp-interactive-color-primary-handle-bg-selected': var(--post-sem-color-interactive-primary-selected-bg-handle),
+  'post-comp-interactive-color-primary-handle-fg-hover': var(--post-sem-color-interactive-primary-enabled-fg-handle),
+  'post-comp-interactive-color-primary-handle-bg-hover': var(--post-sem-color-interactive-primary-hover-bg-handle),
+  'post-comp-interactive-color-primary-handle-fg-disabled': var(--post-sem-color-interactive-primary-disabled-fg-handle),
+  'post-comp-interactive-color-primary-handle-bg-disabled': var(--post-sem-color-interactive-primary-disabled-bg-handle),
+  'post-comp-interactive-color-primary-handle-stroke-disabled': var(--post-sem-color-interactive-primary-disabled-stroke-handle),
+  'post-comp-interactive-color-signal-error': var(--post-sem-color-signal-error-dark),
+  'post-comp-interactive-color-signal-success': var(--post-sem-color-signal-success-dark),
+  'post-comp-interactive-color-focus-stroke': var(--post-sem-color-interactive-focus-stroke),
+  'post-comp-interactive-color-focus-stroke-inverted': var(--post-sem-color-interactive-focus-stroke-inverted),
+  'post-comp-interactive-spacing-gap-block-1': var(--post-sem-spacing-interactive-gap-block-1),
+  'post-comp-interactive-spacing-gap-block-2': var(--post-sem-spacing-interactive-gap-block-2),
+  'post-comp-interactive-spacing-gap-inline-1': var(--post-sem-spacing-interactive-gap-inline-1),
+  'post-comp-interactive-spacing-gap-inline-switch': var(--post-sem-spacing-interactive-gap-inline-3),
+  'post-comp-interactive-spacing-padding-block-icon-inner': var(--post-sem-spacing-interactive-padding-1),
+  'post-comp-interactive-spacing-padding-inline-icon-inner': var(--post-sem-spacing-interactive-padding-1),
+  'post-comp-interactive-textfields-spacing-padding-inline-text-start': var(--post-sem-spacing-interactive-padding-inline-1),
+  'post-comp-interactive-textfields-spacing-padding-inline-text-end': var(--post-sem-spacing-interactive-padding-3),
+  'post-comp-interactive-textfields-spacing-padding-inline-text-assist': var(--post-sem-spacing-interactive-padding-2),
+  'post-comp-interactive-textfields-spacing-padding-block-text1': var(--post-sem-spacing-interactive-padding-block-1),
+  'post-comp-interactive-textfields-spacing-padding-block-text2': var(--post-sem-spacing-interactive-padding-block-3),
+  'post-comp-interactive-textfields-spacing-padding-block-text3': var(--post-sem-spacing-interactive-padding-block-4),
+  'post-comp-interactive-textfields-spacing-padding-block-text-assist': var(--post-sem-spacing-interactive-padding-block-5),
+  'post-comp-interactive-textfields-spacing-padding-block-text4': var(--post-sem-spacing-interactive-padding-3),
+  'post-comp-interactive-textfields-spacing-padding-block-textarea-top': var(--post-sem-spacing-interactive-padding-block-9),
+  'post-comp-interactive-textfields-spacing-gap-inline-1': var(--post-sem-spacing-interactive-gap-inline-2),
+  'post-comp-interactive-textfields-spacing-gap-inline-2': var(--post-sem-spacing-interactive-gap-inline-4),
+  'post-comp-interactive-sizing-icon-width-inner': var(--post-sem-sizing-interactive-icon-width),
+  'post-comp-interactive-sizing-icon-height-inner': var(--post-sem-sizing-interactive-icon-height),
+  'post-comp-interactive-clickable-spacing-padding-inline-text-start': var(--post-sem-spacing-interactive-padding-inline-2),
+  'post-comp-interactive-clickable-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-6),
+  'post-comp-interactive-switch-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-7),
+  'post-comp-interactive-switch-spacing-padding-block-group-bottom': var(--post-sem-spacing-interactive-padding-block-8),
+  'post-comp-interactive-button-primary-color-fg-enabled': var(--post-sem-color-interactive-button-primary-enabled-fg),
+  'post-comp-interactive-button-primary-color-bg-enabled': var(--post-sem-color-interactive-button-primary-enabled-bg),
+  'post-comp-interactive-button-primary-color-stroke-enabled': var(--post-sem-color-interactive-button-primary-enabled-stroke),
+  'post-comp-interactive-button-primary-color-fg-hover': var(--post-sem-color-interactive-button-primary-hover-fg),
+  'post-comp-interactive-button-primary-color-bg-hover': var(--post-sem-color-interactive-button-primary-hover-bg),
+  'post-comp-interactive-button-primary-color-stroke-hover': var(--post-sem-color-interactive-button-primary-hover-stroke),
+  'post-comp-interactive-button-primary-color-fg-disabled': var(--post-sem-color-interactive-button-primary-disabled-fg),
+  'post-comp-interactive-button-primary-color-bg-disabled': var(--post-sem-color-interactive-button-primary-disabled-bg),
+  'post-comp-interactive-button-primary-color-stroke-disabled': var(--post-sem-color-interactive-button-primary-disabled-stroke),
+  'post-comp-interactive-button-secondary-color-fg-enabled': var(--post-sem-color-interactive-button-secondary-enabled-fg),
+  'post-comp-interactive-button-secondary-color-bg-enabled': var(--post-sem-color-interactive-button-secondary-enabled-bg),
+  'post-comp-interactive-button-secondary-color-stroke-enabled': var(--post-sem-color-interactive-button-secondary-enabled-stroke),
+  'post-comp-interactive-button-secondary-color-fg-hover': var(--post-sem-color-interactive-button-secondary-hover-fg),
+  'post-comp-interactive-button-secondary-color-bg-hover': var(--post-sem-color-interactive-button-secondary-hover-bg),
+  'post-comp-interactive-button-secondary-color-stroke-hover': var(--post-sem-color-interactive-button-secondary-hover-stroke),
+  'post-comp-interactive-button-secondary-color-fg-disabled': var(--post-sem-color-interactive-button-secondary-disabled-fg),
+  'post-comp-interactive-button-secondary-color-bg-disabled': var(--post-sem-color-interactive-button-secondary-disabled-bg),
+  'post-comp-interactive-button-secondary-color-stroke-disabled': var(--post-sem-color-interactive-button-secondary-disabled-stroke),
+  'post-comp-interactive-breadcrumb-spacing-padding-block-text': var(--post-sem-spacing-interactive-padding-block-7),
+  'post-comp-interactive-breadcrumb-spacing-gap-inline-outer': var(--post-sem-spacing-interactive-gap-inline-4),
+  'post-comp-interactive-breadcrumb-spacing-gap-inline-inner': var(--post-sem-spacing-interactive-gap-inline-5),
+);
+$post-notifications: (
+  'post-comp-notification-color-bg-badge': var(--post-sem-color-notification-badge-bg),
+  'post-comp-notification-color-fg-badge': var(--post-sem-color-notification-badge-fg),
+  'post-comp-notification-color-stroke-badge': var(--post-sem-color-notification-badge-stroke),
+  'post-comp-notification-popover-color-bg': var(--post-sem-color-surface-accent4-bg),
+  'post-comp-notification-popover-color-fg': var(--post-sem-color-surface-accent4-fg),
+  'post-comp-notification-popover-color-fg-icon': var(--post-sem-color-surface-accent1-fg),
+  'post-comp-notification-popover-color-bg-icon': var(--post-sem-color-surface-accent1-bg),
+  'post-comp-notification-clickable-spacing-padding-icon': var(--post-sem-spacing-interactive-padding-2),
+  'post-comp-notification-interactives-spacing-gap-inline-icon-end': var(--post-sem-spacing-interactive-gap-inline-4),
+);

package/tokens/temp/core.scss ADDED Viewed

@@ -0,0 +1,112 @@
+// Do not edit manually!
+// This file was generated on:
+// Wed, 11 Sep 2024 12:33:34 GMT by the @swisspost/design-system-tokens package build command
+:root {
+  --post-core-color-brand-postyellow: #ffcc00;
+  --post-core-color-brand-black: #000000;
+  --post-core-color-brand-white: #ffffff;
+  --post-core-color-notification-green: #107800;
+  --post-core-color-notification-red: #b20000;
+  --post-core-color-notification-orange: #d93d00;
+  --post-core-color-notification-blue: #0050a1;
+  --post-core-color-notification-green-light: #c3ddbf;
+  --post-core-color-notification-red-light: #ebbfbf;
+  --post-core-color-notification-orange-light: #f5cebf;
+  --post-core-color-notification-blue-light: #bfd3e7;
+  --post-core-color-sandgrey-100: #050400;
+  --post-core-color-sandgrey-000: #fcfcfc;
+  --post-core-color-sandgrey-002: #fafafa;
+  --post-core-color-sandgrey-006: #f0efed;
+  --post-core-color-sandgrey-012: #e1e0dc;
+  --post-core-color-sandgrey-020: #cdccc8;
+  --post-core-color-sandgrey-030: #b4b3af;
+  --post-core-color-sandgrey-040: #9b9a96;
+  --post-core-color-sandgrey-050: #82817d;
+  --post-core-color-sandgrey-060: #696864;
+  --post-core-color-sandgrey-070: #504f4b;
+  --post-core-color-sandgrey-080: #373632;
+  --post-core-color-sandgrey-090: #1e1d19;
+  --post-core-color-sandgrey-alpha-darksand-10: rgba( var(--post-core-color-sandgrey-100), 0.1);
+  --post-core-color-sandgrey-alpha-darksand-20: rgba( var(--post-core-color-sandgrey-100), 0.2);
+  --post-core-color-sandgrey-alpha-darksand-30: rgba( var(--post-core-color-sandgrey-100), 0.3);
+  --post-core-color-sandgrey-alpha-darksand-40: rgba( var(--post-core-color-sandgrey-100), 0.4);
+  --post-core-color-sandgrey-alpha-darksand-50: rgba( var(--post-core-color-sandgrey-100), 0.5);
+  --post-core-color-sandgrey-alpha-darksand-60: rgba( var(--post-core-color-sandgrey-100), 0.6);
+  --post-core-color-sandgrey-alpha-darksand-70: rgba( var(--post-core-color-sandgrey-100), 0.7);
+  --post-core-color-sandgrey-alpha-darksand-80: rgba( var(--post-core-color-sandgrey-100), 0.8);
+  --post-core-color-sandgrey-alpha-darksand-90: rgba( var(--post-core-color-sandgrey-100), 0.9);
+  --post-core-color-sandgrey-alpha-lightsand-10: rgba( var(--post-core-color-sandgrey-000) , 0.1);
+  --post-core-color-sandgrey-alpha-lightsand-20: rgba( var(--post-core-color-sandgrey-000) , 0.2);
+  --post-core-color-sandgrey-alpha-lightsand-30: rgba( var(--post-core-color-sandgrey-000) , 0.3);
+  --post-core-color-sandgrey-alpha-lightsand-40: rgba( var(--post-core-color-sandgrey-000) , 0.4);
+  --post-core-color-sandgrey-alpha-lightsand-50: rgba( var(--post-core-color-sandgrey-000) , 0.5);
+  --post-core-color-sandgrey-alpha-lightsand-60: rgba( var(--post-core-color-sandgrey-000) , 0.6);
+  --post-core-color-sandgrey-alpha-lightsand-70: rgba( var(--post-core-color-sandgrey-000) , 0.7);
+  --post-core-color-sandgrey-alpha-lightsand-80: rgba( var(--post-core-color-sandgrey-000) , 0.8);
+  --post-core-color-sandgrey-alpha-lightsand-90: rgba( var(--post-core-color-sandgrey-000) , 0.9);
+  --post-core-color-colorless: rgba(255, 255, 255, 0);
+  --post-core-dimension-0: 0rem;
+  --post-core-dimension-1: 1px;
+  --post-core-dimension-2: 2px;
+  --post-core-dimension-4: 4px;
+  --post-core-dimension-5: 5px;
+  --post-core-dimension-6: 6px;
+  --post-core-dimension-8: 8px;
+  --post-core-dimension-10: 10px;
+  --post-core-dimension-11: 11px;
+  --post-core-dimension-12: 12px;
+  --post-core-dimension-14: 14px;
+  --post-core-dimension-16: 16px;
+  --post-core-dimension-18: 18px;
+  --post-core-dimension-20: 20px;
+  --post-core-dimension-22: 22px;
+  --post-core-dimension-24: 24px;
+  --post-core-dimension-26: 26px;
+  --post-core-dimension-28: 28px;
+  --post-core-dimension-30: 30px;
+  --post-core-dimension-32: 32px;
+  --post-core-dimension-34: 34px;
+  --post-core-dimension-36: 36px;
+  --post-core-dimension-40: 40px;
+  --post-core-dimension-48: 48px;
+  --post-core-dimension-64: 64px;
+  --post-core-dimension-78: 78px;
+  --post-core-dimension-80: 80px;
+  --post-core-dimension-96: 96px;
+  --post-core-dimension-112: 112px;
+  --post-core-dimension-5-5: 5.5px;
+  --post-core-dimension-6-5: 6.5px;
+  --post-core-dimension-4-5: 4.5px;
+  --post-core-dimension-7-5: 7.5px;
+  --post-core-dimension-1-5: 1.5px;
+  --post-core-font-weight-300: 300;
+  --post-core-font-weight-400: 400;
+  --post-core-font-weight-700: 700;
+  --post-core-font-size-12: 12px;
+  --post-core-font-size-14: 14px;
+  --post-core-font-size-16: 16px;
+  --post-core-font-size-18: 18px;
+  --post-core-font-size-20: 20px;
+  --post-core-font-size-22: 22px;
+  --post-core-font-size-24: 24px;
+  --post-core-font-size-26: 26px;
+  --post-core-font-size-28: 28px;
+  --post-core-font-size-30: 30px;
+  --post-core-font-size-32: 32px;
+  --post-core-font-size-34: 34px;
+  --post-core-font-size-36: 36px;
+  --post-core-font-size-40: 40px;
+  --post-core-line-height-120: 1.2;
+  --post-core-line-height-140: 1.4;
+  --post-core-line-height-150: 1.5;
+  --post-core-letter-spacing-default: 0.0012em;
+  --post-core-font-family-frutiger: 'Frutiger Neue for Post';
+  --post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
+  --post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
+  --post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
+  --post-core-elevation-4: inset 0 8px 16px 0 rgba(0,0,0,0.16), inset 0 0 2px 0 rgba(0,0,0,0.16);
+  --post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);
+  --post-core-border-focus: 2px solid #050400;
+  --post-core-border-disabled: 2px dashed #696864;
+}