diff --git a/apps/storefront/tokens/altinn.ts b/apps/storefront/tokens/altinn.ts index 360bcc7131..955dd6ea22 100644 --- a/apps/storefront/tokens/altinn.ts +++ b/apps/storefront/tokens/altinn.ts @@ -1279,84 +1279,6 @@ export const color = [ attributes: {}, path: ['semantic', 'surface', 'info', 'subtle-hover'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - }, { value: '#ffda06', type: 'color', @@ -1903,19 +1825,6 @@ export const color = [ attributes: {}, path: ['semantic', 'border', 'focus', 'boxshadow'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - }, { value: '#00315d', type: 'color', diff --git a/apps/storefront/tokens/brreg.ts b/apps/storefront/tokens/brreg.ts index 0ea291475a..ffd9d0645a 100644 --- a/apps/storefront/tokens/brreg.ts +++ b/apps/storefront/tokens/brreg.ts @@ -1297,84 +1297,6 @@ export const color = [ attributes: {}, path: ['semantic', 'surface', 'info', 'subtle-hover'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - }, { value: '#ffda06', type: 'color', @@ -1921,19 +1843,6 @@ export const color = [ attributes: {}, path: ['semantic', 'border', 'focus', 'boxshadow'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - }, { value: '#00315d', type: 'color', diff --git a/apps/storefront/tokens/digdir.ts b/apps/storefront/tokens/digdir.ts index c2fbc4aaa2..90ab0c1cf9 100644 --- a/apps/storefront/tokens/digdir.ts +++ b/apps/storefront/tokens/digdir.ts @@ -1273,84 +1273,6 @@ export const color = [ attributes: {}, path: ['semantic', 'surface', 'info', 'subtle-hover'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - }, { value: '#ffda06', type: 'color', @@ -1897,19 +1819,6 @@ export const color = [ attributes: {}, path: ['semantic', 'border', 'focus', 'boxshadow'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - }, { value: '#00315d', type: 'color', diff --git a/apps/storefront/tokens/tilsynet.ts b/apps/storefront/tokens/tilsynet.ts index 4c9b120857..8694c3a831 100644 --- a/apps/storefront/tokens/tilsynet.ts +++ b/apps/storefront/tokens/tilsynet.ts @@ -1219,84 +1219,6 @@ export const color = [ attributes: {}, path: ['semantic', 'surface', 'info', 'subtle-hover'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-default', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'default'], - }, - { - value: '#ffffffe6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffe6', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'hover'], - }, - { - value: '#ffffffcc', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffffcc', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'active'], - }, - { - value: '#ffffff00', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff00', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill'], - }, - { - value: '#ffffff1a', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff1a', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-hover'], - }, - { - value: '#ffffff33', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#ffffff33', - type: 'color', - }, - name: '--fds-semantic-surface-on_inverted-no_fill-active', - attributes: {}, - path: ['semantic', 'surface', 'on_inverted', 'no_fill-active'], - }, { value: '#ffda06', type: 'color', @@ -1843,19 +1765,6 @@ export const color = [ attributes: {}, path: ['semantic', 'border', 'focus', 'boxshadow'], }, - { - value: '#ffffff', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-border-on_inverted-default', - attributes: {}, - path: ['semantic', 'border', 'on_inverted', 'default'], - }, { value: '#00315d', type: 'color', diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json index 2a068f1abe..0745f3a24f 100644 --- a/design-tokens/$themes.json +++ b/design-tokens/$themes.json @@ -77,7 +77,6 @@ "semantic.border.danger.active": "4458a0f864870046a75b9d92e8767ea50592dc08", "semantic.border.focus.outline": "0d71ebb82d592374ce6672872fd404732ea6f383", "semantic.border.focus.boxshadow": "71a7f0dc43577c00e6965ff3f38c7bcf708435e6", - "semantic.border.on_inverted.default": "ee11fdcc0ab03b8e22e623e6029fd5f0788fb525", "semantic.border.input.default": "0e4fd12d67159ceb871a820dbaebf001d8c3884e", "semantic.border.input.hover": "0bf7867e90272b1f5d858f2210efa8613e2c4dfc", "semantic.text.success.default": "5902ad2d2e08380ea63897c4a2c0abe765973061", @@ -561,7 +560,6 @@ "semantic.border.danger.active": "e09c9ada027d1576cad8f589ed3cec4746d5220f", "semantic.border.focus.outline": "7c3329bae4c47b990aa8e491d5321ed214da42d4", "semantic.border.focus.boxshadow": "8748cc48497d58f173fc51046bcf938d2b69c3ca", - "semantic.border.on_inverted.default": "2ee72334c49970b09284014e8ae8f5b69fed66c3", "semantic.border.input.default": "e0605f01a4613c6ccbc9adf09ded1c1d2d4a6755", "semantic.border.input.hover": "bdf09f2fd656eb62be02eadf3017c16f7ae51113", "semantic.text.success.default": "197ebd084ac7f6397c08950ec74242eef9f7eef4", @@ -791,7 +789,6 @@ "semantic.border.danger.active": "e09c9ada027d1576cad8f589ed3cec4746d5220f", "semantic.border.focus.outline": "7c3329bae4c47b990aa8e491d5321ed214da42d4", "semantic.border.focus.boxshadow": "8748cc48497d58f173fc51046bcf938d2b69c3ca", - "semantic.border.on_inverted.default": "2ee72334c49970b09284014e8ae8f5b69fed66c3", "semantic.border.input.default": "e0605f01a4613c6ccbc9adf09ded1c1d2d4a6755", "semantic.border.input.hover": "bdf09f2fd656eb62be02eadf3017c16f7ae51113", "semantic.text.success.default": "197ebd084ac7f6397c08950ec74242eef9f7eef4", @@ -1021,7 +1018,6 @@ "semantic.border.danger.active": "e09c9ada027d1576cad8f589ed3cec4746d5220f", "semantic.border.focus.outline": "7c3329bae4c47b990aa8e491d5321ed214da42d4", "semantic.border.focus.boxshadow": "8748cc48497d58f173fc51046bcf938d2b69c3ca", - "semantic.border.on_inverted.default": "2ee72334c49970b09284014e8ae8f5b69fed66c3", "semantic.border.input.default": "e0605f01a4613c6ccbc9adf09ded1c1d2d4a6755", "semantic.border.input.hover": "bdf09f2fd656eb62be02eadf3017c16f7ae51113", "semantic.text.success.default": "197ebd084ac7f6397c08950ec74242eef9f7eef4", @@ -1255,7 +1251,6 @@ "semantic.border.danger.active": "e09c9ada027d1576cad8f589ed3cec4746d5220f", "semantic.border.focus.outline": "7c3329bae4c47b990aa8e491d5321ed214da42d4", "semantic.border.focus.boxshadow": "8748cc48497d58f173fc51046bcf938d2b69c3ca", - "semantic.border.on_inverted.default": "2ee72334c49970b09284014e8ae8f5b69fed66c3", "semantic.border.input.default": "e0605f01a4613c6ccbc9adf09ded1c1d2d4a6755", "semantic.border.input.hover": "bdf09f2fd656eb62be02eadf3017c16f7ae51113", "semantic.text.success.default": "197ebd084ac7f6397c08950ec74242eef9f7eef4", diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json index bb416047e3..9473994dc2 100644 --- a/design-tokens/Base/Semantic.json +++ b/design-tokens/Base/Semantic.json @@ -176,32 +176,6 @@ "type": "color" } }, - "on_inverted": { - "default": { - "value": "{colors.white}", - "type": "color" - }, - "hover": { - "value": "#ffffffe6", - "type": "color" - }, - "active": { - "value": "#ffffffcc", - "type": "color" - }, - "no_fill": { - "value": "#ffffff00", - "type": "color" - }, - "no_fill-hover": { - "value": "#ffffff1a", - "type": "color" - }, - "no_fill-active": { - "value": "#ffffff33", - "type": "color" - } - }, "focus": { "default": { "value": "{colors.yellow.500}", @@ -312,12 +286,6 @@ "type": "color" } }, - "on_inverted": { - "default": { - "value": "{colors.white}", - "type": "color" - } - }, "input": { "default": { "value": "{colors.blue.900}", diff --git a/packages/theme/brand/altinn/tokens.css b/packages/theme/brand/altinn/tokens.css index 2477736eae..6cb61f0c96 100644 --- a/packages/theme/brand/altinn/tokens.css +++ b/packages/theme/brand/altinn/tokens.css @@ -134,12 +134,6 @@ --fds-semantic-surface-danger-no_fill-active: var(--fds-colors-red-200); --fds-semantic-surface-info-subtle: var(--fds-colors-blue-100); --fds-semantic-surface-info-subtle-hover: var(--fds-colors-blue-200); - --fds-semantic-surface-on_inverted-default: var(--fds-colors-white); - --fds-semantic-surface-on_inverted-hover: #ffffffe6; - --fds-semantic-surface-on_inverted-active: #ffffffcc; - --fds-semantic-surface-on_inverted-no_fill: #ffffff00; - --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; - --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; --fds-semantic-surface-focus-default: var(--fds-colors-yellow-500); --fds-semantic-border-first-default: var(--fds-brand-alt1-600); --fds-semantic-border-first-hover: var(--fds-brand-alt1-700); @@ -182,7 +176,6 @@ --fds-semantic-border-danger-active: var(--fds-colors-red-700); --fds-semantic-border-focus-outline: var(--fds-colors-yellow-500); --fds-semantic-border-focus-boxshadow: var(--fds-semantic-border-neutral-strong); - --fds-semantic-border-on_inverted-default: var(--fds-colors-white); --fds-semantic-border-input-default: var(--fds-colors-blue-900); --fds-semantic-border-input-hover: var(--fds-colors-blue-700); --fds-semantic-border-divider-default: var(--fds-colors-grey-400); diff --git a/packages/theme/brand/brreg/tokens.css b/packages/theme/brand/brreg/tokens.css index b8a0b4d8ab..a0be8bed3c 100644 --- a/packages/theme/brand/brreg/tokens.css +++ b/packages/theme/brand/brreg/tokens.css @@ -140,12 +140,6 @@ --fds-semantic-surface-danger-no_fill-active: var(--fds-colors-red-200); --fds-semantic-surface-info-subtle: var(--fds-colors-blue-100); --fds-semantic-surface-info-subtle-hover: var(--fds-colors-blue-200); - --fds-semantic-surface-on_inverted-default: var(--fds-colors-white); - --fds-semantic-surface-on_inverted-hover: #ffffffe6; - --fds-semantic-surface-on_inverted-active: #ffffffcc; - --fds-semantic-surface-on_inverted-no_fill: #ffffff00; - --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; - --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; --fds-semantic-surface-focus-default: var(--fds-colors-yellow-500); --fds-semantic-border-first-default: var(--fds-brand-alt1-600); --fds-semantic-border-first-hover: var(--fds-brand-alt1-700); @@ -188,7 +182,6 @@ --fds-semantic-border-danger-active: var(--fds-colors-red-700); --fds-semantic-border-focus-outline: var(--fds-colors-yellow-500); --fds-semantic-border-focus-boxshadow: var(--fds-semantic-border-neutral-strong); - --fds-semantic-border-on_inverted-default: var(--fds-colors-white); --fds-semantic-border-input-default: var(--fds-colors-blue-900); --fds-semantic-border-input-hover: var(--fds-colors-blue-700); --fds-semantic-border-divider-default: var(--fds-colors-grey-400); diff --git a/packages/theme/brand/digdir/tokens.css b/packages/theme/brand/digdir/tokens.css index 93983022df..3b620b2f20 100644 --- a/packages/theme/brand/digdir/tokens.css +++ b/packages/theme/brand/digdir/tokens.css @@ -134,12 +134,6 @@ --fds-semantic-surface-danger-no_fill-active: var(--fds-colors-red-200); --fds-semantic-surface-info-subtle: var(--fds-colors-blue-100); --fds-semantic-surface-info-subtle-hover: var(--fds-colors-blue-200); - --fds-semantic-surface-on_inverted-default: var(--fds-colors-white); - --fds-semantic-surface-on_inverted-hover: #ffffffe6; - --fds-semantic-surface-on_inverted-active: #ffffffcc; - --fds-semantic-surface-on_inverted-no_fill: #ffffff00; - --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; - --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; --fds-semantic-surface-focus-default: var(--fds-colors-yellow-500); --fds-semantic-border-first-default: var(--fds-brand-alt1-600); --fds-semantic-border-first-hover: var(--fds-brand-alt1-700); @@ -182,7 +176,6 @@ --fds-semantic-border-danger-active: var(--fds-colors-red-700); --fds-semantic-border-focus-outline: var(--fds-colors-yellow-500); --fds-semantic-border-focus-boxshadow: var(--fds-semantic-border-neutral-strong); - --fds-semantic-border-on_inverted-default: var(--fds-colors-white); --fds-semantic-border-input-default: var(--fds-colors-blue-900); --fds-semantic-border-input-hover: var(--fds-colors-blue-700); --fds-semantic-border-divider-default: var(--fds-colors-grey-400); diff --git a/packages/theme/brand/tilsynet/tokens.css b/packages/theme/brand/tilsynet/tokens.css index dda13172f3..60f187f74e 100644 --- a/packages/theme/brand/tilsynet/tokens.css +++ b/packages/theme/brand/tilsynet/tokens.css @@ -134,12 +134,6 @@ --fds-semantic-surface-danger-no_fill-active: var(--fds-colors-red-200); --fds-semantic-surface-info-subtle: var(--fds-colors-blue-100); --fds-semantic-surface-info-subtle-hover: var(--fds-colors-blue-200); - --fds-semantic-surface-on_inverted-default: var(--fds-colors-white); - --fds-semantic-surface-on_inverted-hover: #ffffffe6; - --fds-semantic-surface-on_inverted-active: #ffffffcc; - --fds-semantic-surface-on_inverted-no_fill: #ffffff00; - --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a; - --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33; --fds-semantic-surface-focus-default: var(--fds-colors-yellow-500); --fds-semantic-border-first-default: var(--fds-brand-alt1-600); --fds-semantic-border-first-hover: var(--fds-brand-alt1-700); @@ -182,7 +176,6 @@ --fds-semantic-border-danger-active: var(--fds-colors-red-700); --fds-semantic-border-focus-outline: var(--fds-colors-yellow-500); --fds-semantic-border-focus-boxshadow: var(--fds-semantic-border-neutral-strong); - --fds-semantic-border-on_inverted-default: var(--fds-colors-white); --fds-semantic-border-input-default: var(--fds-colors-blue-900); --fds-semantic-border-input-hover: var(--fds-colors-blue-700); --fds-semantic-border-divider-default: var(--fds-colors-grey-400);