Skip to content

Commit

Permalink
tokens build
Browse files Browse the repository at this point in the history
  • Loading branch information
mimarz committed Jan 24, 2025
1 parent 9e92a8b commit 13c23b6
Show file tree
Hide file tree
Showing 42 changed files with 2,344 additions and 2,344 deletions.
216 changes: 108 additions & 108 deletions apps/storefront/tokens/altinn/dark.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/altinn/light.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/digdir/dark.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/digdir/light.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/portal/dark.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/portal/light.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/uutilsynet/dark.ts

Large diffs are not rendered by default.

216 changes: 108 additions & 108 deletions apps/storefront/tokens/uutilsynet/light.ts

Large diffs are not rendered by default.

40 changes: 20 additions & 20 deletions packages/cli/src/migrations/beta-to-v1.ts
Original file line number Diff line number Diff line change
Expand Up @@ -33,71 +33,71 @@ export default (glob?: string) =>
}),
// New tokens
cssVarRename({
'--fds-semantic-surface-first-light': '--ds-color-brand1-surface-default',
'--fds-semantic-surface-first-light': '--ds-color-brand1-surface-tinted',
'--fds-semantic-surface-first-light-hover': '--ds-color-brand1-surface-hover',
'--fds-semantic-surface-first-light-active': '--ds-color-brand1-surface-active',
'--fds-semantic-surface-first-dark': '[delete]',
'--fds-semantic-surface-second-light': '--ds-color-brand2-surface-default',
'--fds-semantic-surface-second-light': '--ds-color-brand2-surface-tinted',
'--fds-semantic-surface-second-light-hover': '--ds-color-brand2-surface-hover',
'--fds-semantic-surface-second-light-active': '--ds-color-brand2-surface-active',
'--fds-semantic-surface-second-dark': '[delete]',
'--fds-semantic-surface-third-light': '--ds-color-brand3-surface-default',
'--fds-semantic-surface-third-light': '--ds-color-brand3-surface-tinted',
'--fds-semantic-surface-third-light-hover': '--ds-color-brand3-surface-hover',
'--fds-semantic-surface-third-light-active': '--ds-color-brand3-surface-active',
'--fds-semantic-surface-third-dark': '[delete]',
'--fds-semantic-surface-action-first-subtle': '--ds-color-accent-surface-default',
'--fds-semantic-surface-action-first-subtle': '--ds-color-accent-surface-tinted',
'--fds-semantic-surface-action-first-subtle-hover': '--ds-color-accent-surface-hover',
'--fds-semantic-surface-action-first-default': '--ds-color-accent-base-default',
'--fds-semantic-surface-action-first-hover': '--ds-color-accent-base-hover',
'--fds-semantic-surface-action-first-active': '--ds-color-accent-base-active',
'--fds-semantic-surface-action-first-no_fill': '--ds-color-accent-background-default',
'--fds-semantic-surface-action-first-no_fill-hover': '--ds-color-accent-surface-default',
'--fds-semantic-surface-action-first-no_fill-hover': '--ds-color-accent-surface-tinted',
'--fds-semantic-surface-action-first-no_fill-active': '--ds-color-accent-surface-hover',
'--fds-semantic-surface-action-second-subtle': '--ds-color-neutral-surface-default',
'--fds-semantic-surface-action-second-subtle': '--ds-color-neutral-surface-tinted',
'--fds-semantic-surface-action-second-subtle-hover': '--ds-color-neutral-surface-hover',
'--fds-semantic-surface-action-second-default': '--ds-color-neutral-base-default',
'--fds-semantic-surface-action-second-hover': '--ds-color-neutral-base-hover',
'--fds-semantic-surface-action-second-active': '--ds-color-neutral-base-active',
'--fds-semantic-surface-action-second-no_fill': '--ds-color-neutral-background-default',
'--fds-semantic-surface-action-second-no_fill-hover': '--ds-color-neutral-surface-default',
'--fds-semantic-surface-action-second-no_fill-hover': '--ds-color-neutral-surface-tinted',
'--fds-semantic-surface-action-second-no_fill-active': '--ds-color-neutral-surface-hover',
'--fds-semantic-surface-action-subtle': '--ds-color-accent-surface-default',
'--fds-semantic-surface-action-subtle': '--ds-color-accent-surface-tinted',
'--fds-semantic-surface-action-subtle-hover': '--ds-color-accent-surface-hover',
'--fds-semantic-surface-action-default': '--ds-color-accent-base-default',
'--fds-semantic-surface-action-hover': '--ds-color-accent-base-hover',
'--fds-semantic-surface-action-active': '--ds-color-accent-base-active',
'--fds-semantic-surface-action-no_fill': '--ds-color-accent-background-default',
'--fds-semantic-surface-action-no_fill-hover': '--ds-color-accent-surface-default',
'--fds-semantic-surface-action-no_fill-hover': '--ds-color-accent-surface-tinted',
'--fds-semantic-surface-action-no_fill-active': '--ds-color-accent-surface-hover',
'--fds-semantic-surface-action-checked': '--ds-color-accent-base-default',
'--fds-semantic-surface-neutral-default': '--ds-color-neutral-background-default',
'--fds-semantic-surface-neutral-selected': '[delete]',
'--fds-semantic-surface-neutral-subtle': '--ds-color-neutral-background-subtle',
'--fds-semantic-surface-neutral-subtle-hover': '--ds-color-neutral-surface-default',
'--fds-semantic-surface-neutral-subtle': '--ds-color-neutral-background-tinted',
'--fds-semantic-surface-neutral-subtle-hover': '--ds-color-neutral-surface-tinted',
'--fds-semantic-surface-neutral-dark': '[delete]',
'--fds-semantic-surface-neutral-dark-hover': '[delete]',
'--fds-semantic-surface-neutral-inverted': '[delete]',
'--fds-semantic-surface-success-subtle': '--ds-color-success-surface-default',
'--fds-semantic-surface-success-subtle': '--ds-color-success-surface-tinted',
'--fds-semantic-surface-success-subtle-hover': '--ds-color-success-surface-hover',
'--fds-semantic-surface-success-default': '--ds-color-success-base-default',
'--fds-semantic-surface-success-hover': '--ds-color-success-base-hover',
'--fds-semantic-surface-success-active': '--ds-color-success-base-active',
'--fds-semantic-surface-success-no_fill': '--ds-color-success-background-default',
'--fds-semantic-surface-success-no_fill-hover': '--ds-color-success-surface-default',
'--fds-semantic-surface-success-no_fill-hover': '--ds-color-success-surface-tinted',
'--fds-semantic-surface-success-no_fill-active': '--ds-color-success-surface-hover',
'--fds-semantic-surface-warning-subtle': '--ds-color-warning-surface-default',
'--fds-semantic-surface-warning-subtle-hover': '--ds-color-warning-surface-default',
'--fds-semantic-surface-warning-default': '--ds-color-warning-surface-default',
'--fds-semantic-surface-warning-subtle': '--ds-color-warning-surface-tinted',
'--fds-semantic-surface-warning-subtle-hover': '--ds-color-warning-surface-tinted',
'--fds-semantic-surface-warning-default': '--ds-color-warning-surface-tinted',
'--fds-semantic-surface-warning-default-hover': '--ds-color-warning-surface-hover',
'--fds-semantic-surface-danger-subtle': '--ds-color-danger-surface-default',
'--fds-semantic-surface-danger-subtle': '--ds-color-danger-surface-tinted',
'--fds-semantic-surface-danger-subtle-hover': '--ds-color-danger-surface-hover',
'--fds-semantic-surface-danger-default': '--ds-color-danger-base-default',
'--fds-semantic-surface-danger-hover': '--ds-color-danger-base-hover',
'--fds-semantic-surface-danger-active': '--ds-color-danger-base-active',
'--fds-semantic-surface-danger-no_fill': '--ds-color-danger-background-default',
'--fds-semantic-surface-danger-no_fill-hover': '--ds-color-danger-surface-default',
'--fds-semantic-surface-danger-no_fill-hover': '--ds-color-danger-surface-tinted',
'--fds-semantic-surface-danger-no_fill-active': '--ds-color-danger-surface-hover',
'--fds-semantic-surface-info-subtle': '--ds-color-info-surface-default',
'--fds-semantic-surface-info-subtle': '--ds-color-info-surface-tinted',
'--fds-semantic-surface-info-subtle-hover': '[delete]',
'--fds-semantic-surface-on_inverted-default': '[delete]',
'--fds-semantic-surface-on_inverted-hover': '[delete]',
Expand Down Expand Up @@ -183,7 +183,7 @@ export default (glob?: string) =>
'--fds-semantic-text-danger-on_danger_subtle': '--ds-color-danger-text-default',
'--fds-semantic-text-visited-default': '--ds-global-purple-13',
'--fds-semantic-background-default': '--ds-color-neutral-background-default',
'--fds-semantic-background-subtle': '--ds-color-neutral-background-subtle',
'--fds-semantic-background-tinted': '--ds-color-neutral-background-tinted',
'--fds-typography-heading-3xlarge': '[delete]',
'--fds-typography-heading-2xlarge': '--ds-typography-heading-2xl',
'--fds-typography-heading-xlarge': '--ds-typography-heading-xl',
Expand Down
40 changes: 20 additions & 20 deletions packages/cli/src/tokens/build/builtin-colors.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
@layer ds.theme.color {
[data-color='neutral'] {
--ds-color-background-default: var(--ds-color-neutral-background-default);
--ds-color-background-subtle: var(--ds-color-neutral-background-subtle);
--ds-color-surface-default: var(--ds-color-neutral-surface-default);
--ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
--ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
--ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
--ds-color-surface-active: var(--ds-color-neutral-surface-active);
--ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
Expand All @@ -13,14 +13,14 @@
--ds-color-base-active: var(--ds-color-neutral-base-active);
--ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
--ds-color-text-default: var(--ds-color-neutral-text-default);
--ds-color-contrast-default: var(--ds-color-neutral-contrast-default);
--ds-color-contrast-subtle: var(--ds-color-neutral-contrast-subtle);
--ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
--ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
}

[data-color='success'] {
--ds-color-background-default: var(--ds-color-success-background-default);
--ds-color-background-subtle: var(--ds-color-success-background-subtle);
--ds-color-surface-default: var(--ds-color-success-surface-default);
--ds-color-background-tinted: var(--ds-color-success-background-tinted);
--ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
--ds-color-surface-hover: var(--ds-color-success-surface-hover);
--ds-color-surface-active: var(--ds-color-success-surface-active);
--ds-color-border-subtle: var(--ds-color-success-border-subtle);
Expand All @@ -31,14 +31,14 @@
--ds-color-base-active: var(--ds-color-success-base-active);
--ds-color-text-subtle: var(--ds-color-success-text-subtle);
--ds-color-text-default: var(--ds-color-success-text-default);
--ds-color-contrast-default: var(--ds-color-success-contrast-default);
--ds-color-contrast-subtle: var(--ds-color-success-contrast-subtle);
--ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
--ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
}

[data-color='warning'] {
--ds-color-background-default: var(--ds-color-warning-background-default);
--ds-color-background-subtle: var(--ds-color-warning-background-subtle);
--ds-color-surface-default: var(--ds-color-warning-surface-default);
--ds-color-background-tinted: var(--ds-color-warning-background-tinted);
--ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
--ds-color-surface-hover: var(--ds-color-warning-surface-hover);
--ds-color-surface-active: var(--ds-color-warning-surface-active);
--ds-color-border-subtle: var(--ds-color-warning-border-subtle);
Expand All @@ -49,14 +49,14 @@
--ds-color-base-active: var(--ds-color-warning-base-active);
--ds-color-text-subtle: var(--ds-color-warning-text-subtle);
--ds-color-text-default: var(--ds-color-warning-text-default);
--ds-color-contrast-default: var(--ds-color-warning-contrast-default);
--ds-color-contrast-subtle: var(--ds-color-warning-contrast-subtle);
--ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
--ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
}

[data-color='danger'] {
--ds-color-background-default: var(--ds-color-danger-background-default);
--ds-color-background-subtle: var(--ds-color-danger-background-subtle);
--ds-color-surface-default: var(--ds-color-danger-surface-default);
--ds-color-background-tinted: var(--ds-color-danger-background-tinted);
--ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
--ds-color-surface-hover: var(--ds-color-danger-surface-hover);
--ds-color-surface-active: var(--ds-color-danger-surface-active);
--ds-color-border-subtle: var(--ds-color-danger-border-subtle);
Expand All @@ -67,14 +67,14 @@
--ds-color-base-active: var(--ds-color-danger-base-active);
--ds-color-text-subtle: var(--ds-color-danger-text-subtle);
--ds-color-text-default: var(--ds-color-danger-text-default);
--ds-color-contrast-default: var(--ds-color-danger-contrast-default);
--ds-color-contrast-subtle: var(--ds-color-danger-contrast-subtle);
--ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
--ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
}

[data-color='info'] {
--ds-color-background-default: var(--ds-color-info-background-default);
--ds-color-background-subtle: var(--ds-color-info-background-subtle);
--ds-color-surface-default: var(--ds-color-info-surface-default);
--ds-color-background-tinted: var(--ds-color-info-background-tinted);
--ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
--ds-color-surface-hover: var(--ds-color-info-surface-hover);
--ds-color-surface-active: var(--ds-color-info-surface-active);
--ds-color-border-subtle: var(--ds-color-info-border-subtle);
Expand All @@ -85,7 +85,7 @@
--ds-color-base-active: var(--ds-color-info-base-active);
--ds-color-text-subtle: var(--ds-color-info-text-subtle);
--ds-color-text-default: var(--ds-color-info-text-default);
--ds-color-contrast-default: var(--ds-color-info-contrast-default);
--ds-color-contrast-subtle: var(--ds-color-info-contrast-subtle);
--ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
--ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
}
}
Loading

0 comments on commit 13c23b6

Please sign in to comment.