diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json index 60bceb6f29..90d3874a87 100644 --- a/design-tokens/$themes.json +++ b/design-tokens/$themes.json @@ -73,7 +73,6 @@ "semantic.border.action.secondary.default": "20948acfebc16b98ebdec218156eb3d4156c0867", "semantic.border.action.secondary.hover": "59b9c4d246e503f867dc67a58ea049bdff778761", "semantic.border.action.secondary.active": "c44fc2b5b1167ed0a9721fffb500fbd953106d6a", - "semantic.border.action.default": "e447feeef19c9d45be5c1aaa78b0c83b0470ba62", "semantic.border.action.hover": "a2f8f4e4e251e043760e84a07d2e45168db134c2", "semantic.border.neutral.default": "6eef00f8c90207cd1a7887bfcd6def2021ab3bcd", "semantic.border.neutral.subtle": "d7b34602ebe292a4b03305d26722b93960e93fc7", @@ -159,7 +158,8 @@ "base_sizing": "8b2e38e747d963c47774762963f63383916e47ab", "border_width.default": "9d16c8e36225953fb4962f8740c4c61564d5a301", "border_width.active": "5a6e53c5e40ed0bba4925a247a6ecc099b7c4fa1", - "border_width.tab_focus": "064b5dac51141b65dfc44d3c255a04644cca3547" + "border_width.tab_focus": "064b5dac51141b65dfc44d3c255a04644cca3547", + "semantic.border.action.dark": "e447feeef19c9d45be5c1aaa78b0c83b0470ba62" }, "group": "Core" }, @@ -329,7 +329,6 @@ "semantic.surface.tertiary.tertiary-active": "S:b689fae8c6cc5fd27dae42b560d971d5e7dbb9ae,", "semantic.border.info.default": "S:19df2fc03ec24346fa30c0b37d50b64cb0c85614,", "semantic.border.action.subtle": "S:04ad95c402fd76ed849b1031835632c8d3c06236,", - "semantic.border.action.default": "S:38130df3c467c65fd93968897876556bc5bf60e7,", "semantic.border.action.hover": "S:bc8730939b4c02ed642ca9a8e5397ecaad9ec020,", "semantic.border.action.active": "S:019654324698b19d71ba02e616e183dfb30f15b9,", "semantic.border.neutral.default": "S:86de0ad5e55f2e4ac7cb2a0ad8f48105e6e9a626,", @@ -416,7 +415,8 @@ "semantic.surface.neutral.subtle-hover": "S:ecb9014f477602ba313b83b489c86b56d3cdb0ba,", "semantic.surface.primary.light": "S:5d186a6b3411853833badfc76abd94a6fdfbc63a,", "brand.secondary.900": "S:23925b130515fb61d12fb3414165f61e094a6262,", - "semantic.surface.danger.no_fill-active": "S:edd236f2e24d2f9f83699730b5ef792aa03d96a5," + "semantic.surface.danger.no_fill-active": "S:edd236f2e24d2f9f83699730b5ef792aa03d96a5,", + "semantic.border.action.dark": "S:38130df3c467c65fd93968897876556bc5bf60e7," }, "$figmaCollectionId": "VariableCollectionId:6324:1609", "$figmaModeId": "6324:1", @@ -532,7 +532,6 @@ "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.default": "0f2c1c18c8204303501a0f6adc9a06b98861299e", "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", @@ -618,7 +617,8 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", + "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" }, "group": "Brand" }, @@ -745,7 +745,6 @@ "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.default": "0f2c1c18c8204303501a0f6adc9a06b98861299e", "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", @@ -831,7 +830,8 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", + "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" }, "group": "Brand" }, @@ -958,7 +958,6 @@ "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.default": "0f2c1c18c8204303501a0f6adc9a06b98861299e", "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", @@ -1044,7 +1043,8 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", + "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" }, "group": "Brand" }, @@ -1183,7 +1183,6 @@ "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.default": "0f2c1c18c8204303501a0f6adc9a06b98861299e", "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", @@ -1261,7 +1260,8 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", + "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" }, "group": "Brand", "$figmaCollectionId": "VariableCollectionId:6324:1609", diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json index 9cdf4130fb..d4980785bd 100644 --- a/design-tokens/Base/Semantic.json +++ b/design-tokens/Base/Semantic.json @@ -42,6 +42,43 @@ } }, "action": { + "subtle": { + "value": "{colors.blue.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "{colors.blue.100}", + "type": "color" + }, + "no_fill-active": { + "value": "{colors.blue.200}", + "type": "color" + }, + "checked": { + "value": "{colors.blue.700}", + "type": "color" + }, "primary": { "subtle": { "value": "{colors.blue.100}", @@ -111,10 +148,6 @@ "value": "rgba({colors.blue.900}, 0.2)", "type": "color" } - }, - "checked": { - "value": "{colors.blue.700}", - "type": "color" } }, "success": { @@ -244,6 +277,34 @@ } }, "action": { + "subtle": { + "value": "{colors.blue.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.400}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.700}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "dark": { + "value": "{colors.blue.900}", + "type": "color" + }, + "dark-hover": { + "value": "{colors.blue.700}", + "type": "color" + }, "primary": { "subtle": { "value": "{colors.blue.200}", @@ -287,14 +348,6 @@ "value": "{colors.blue.900}", "type": "color" } - }, - "default": { - "value": "{colors.blue.900}", - "type": "color" - }, - "hover": { - "value": "{colors.blue.700}", - "type": "color" } }, "neutral": { @@ -422,6 +475,22 @@ } }, "action": { + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "#004e95", + "type": "color" + }, + "active": { + "value": "#00315d", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + }, "primary": { "default": { "value": "{colors.blue.700}", diff --git a/packages/tokens/brand/altinn/tokens.cjs.js b/packages/tokens/brand/altinn/tokens.cjs.js index 695e2d4d9d..6e33cc5034 100644 --- a/packages/tokens/brand/altinn/tokens.cjs.js +++ b/packages/tokens/brand/altinn/tokens.cjs.js @@ -13,6 +13,15 @@ module.exports = { "semantic_surface_neutral_dark": "#68707c", "semantic_surface_neutral_dark_hover": "#4b5563", "semantic_surface_neutral_inverted": "#1e2b3c", + "semantic_surface_action_subtle": "#e6eff8", + "semantic_surface_action_subtle_hover": "#b3d0ea", + "semantic_surface_action_default": "#0062ba", + "semantic_surface_action_hover": "#004e95", + "semantic_surface_action_active": "#00315d", + "semantic_surface_action_no_fill": "#ffffff", + "semantic_surface_action_no_fill_hover": "#e6eff8", + "semantic_surface_action_no_fill_active": "#b3d0ea", + "semantic_surface_action_checked": "#0062ba", "semantic_surface_action_primary_subtle": "#e6eff8", "semantic_surface_action_primary_subtle_hover": "#b3d0ea", "semantic_surface_action_primary_default": "#0062ba", @@ -29,7 +38,6 @@ module.exports = { "semantic_surface_action_secondary_no_fill": "#ffffff", "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)", "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)", - "semantic_surface_action_checked": "#0062ba", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -70,6 +78,13 @@ module.exports = { "semantic_surface_tertiary_light_active": "#E6586D", "semantic_surface_tertiary_dark": "#5A121D", "semantic_border_info_default": "#004e95", + "semantic_border_action_subtle": "#b3d0ea", + "semantic_border_action_subtle_hover": "#66a1d6", + "semantic_border_action_default": "#0062ba", + "semantic_border_action_hover": "#0062ba", + "semantic_border_action_active": "#00315d", + "semantic_border_action_dark": "#00315d", + "semantic_border_action_dark_hover": "#0062ba", "semantic_border_action_primary_subtle": "#b3d0ea", "semantic_border_action_primary_subtle_hover": "#66a1d6", "semantic_border_action_primary_default": "#0062ba", @@ -80,8 +95,6 @@ module.exports = { "semantic_border_action_secondary_default": "#00315d", "semantic_border_action_secondary_hover": "#00315d", "semantic_border_action_secondary_active": "#00315d", - "semantic_border_action_default": "#00315d", - "semantic_border_action_hover": "#0062ba", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -117,6 +130,10 @@ module.exports = { "semantic_text_neutral_default": "#1e2b3c", "semantic_text_neutral_subtle": "#4b5563", "semantic_text_neutral_on_inverted": "#ffffff", + "semantic_text_action_default": "#0062ba", + "semantic_text_action_hover": "#004e95", + "semantic_text_action_active": "#00315d", + "semantic_text_action_on_action": "#ffffff", "semantic_text_action_primary_default": "#0062ba", "semantic_text_action_primary_hover": "#004e95", "semantic_text_action_primary_active": "#00315d", diff --git a/packages/tokens/brand/altinn/tokens.css b/packages/tokens/brand/altinn/tokens.css index 8f2827d8ab..376c9ca04d 100644 --- a/packages/tokens/brand/altinn/tokens.css +++ b/packages/tokens/brand/altinn/tokens.css @@ -17,6 +17,15 @@ --fds-semantic-surface-neutral-dark: #68707c; --fds-semantic-surface-neutral-dark-hover: #4b5563; --fds-semantic-surface-neutral-inverted: #1e2b3c; + --fds-semantic-surface-action-subtle: #e6eff8; + --fds-semantic-surface-action-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-default: #0062ba; + --fds-semantic-surface-action-hover: #004e95; + --fds-semantic-surface-action-active: #00315d; + --fds-semantic-surface-action-no_fill: #ffffff; + --fds-semantic-surface-action-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-action-primary-subtle: #e6eff8; --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; --fds-semantic-surface-action-primary-default: #0062ba; @@ -33,7 +42,6 @@ --fds-semantic-surface-action-secondary-no_fill: #ffffff; --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1); --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2); - --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -74,6 +82,13 @@ --fds-semantic-surface-tertiary-light-active: #E6586D; --fds-semantic-surface-tertiary-dark: #5A121D; --fds-semantic-border-info-default: #004e95; + --fds-semantic-border-action-subtle: #b3d0ea; + --fds-semantic-border-action-subtle-hover: #66a1d6; + --fds-semantic-border-action-default: #0062ba; + --fds-semantic-border-action-hover: #0062ba; + --fds-semantic-border-action-active: #00315d; + --fds-semantic-border-action-dark: #00315d; + --fds-semantic-border-action-dark-hover: #0062ba; --fds-semantic-border-action-primary-subtle: #b3d0ea; --fds-semantic-border-action-primary-subtle-hover: #66a1d6; --fds-semantic-border-action-primary-default: #0062ba; @@ -84,8 +99,6 @@ --fds-semantic-border-action-secondary-default: #00315d; --fds-semantic-border-action-secondary-hover: #00315d; --fds-semantic-border-action-secondary-active: #00315d; - --fds-semantic-border-action-default: #00315d; - --fds-semantic-border-action-hover: #0062ba; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -121,6 +134,10 @@ --fds-semantic-text-neutral-default: #1e2b3c; --fds-semantic-text-neutral-subtle: #4b5563; --fds-semantic-text-neutral-on_inverted: #ffffff; + --fds-semantic-text-action-default: #0062ba; + --fds-semantic-text-action-hover: #004e95; + --fds-semantic-text-action-active: #00315d; + --fds-semantic-text-action-on_action: #ffffff; --fds-semantic-text-action-primary-default: #0062ba; --fds-semantic-text-action-primary-hover: #004e95; --fds-semantic-text-action-primary-active: #00315d; diff --git a/packages/tokens/brand/altinn/tokens.d.ts b/packages/tokens/brand/altinn/tokens.d.ts index b492251f6d..1bea6c8114 100644 --- a/packages/tokens/brand/altinn/tokens.d.ts +++ b/packages/tokens/brand/altinn/tokens.d.ts @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover : string; export const semantic_surface_neutral_dark : string; export const semantic_surface_neutral_dark_hover : string; export const semantic_surface_neutral_inverted : string; +export const semantic_surface_action_subtle : string; +export const semantic_surface_action_subtle_hover : string; +export const semantic_surface_action_default : string; +export const semantic_surface_action_hover : string; +export const semantic_surface_action_active : string; +export const semantic_surface_action_no_fill : string; +export const semantic_surface_action_no_fill_hover : string; +export const semantic_surface_action_no_fill_active : string; +export const semantic_surface_action_checked : string; export const semantic_surface_action_primary_subtle : string; export const semantic_surface_action_primary_subtle_hover : string; export const semantic_surface_action_primary_default : string; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active : string; export const semantic_surface_action_secondary_no_fill : string; export const semantic_surface_action_secondary_no_fill_hover : string; export const semantic_surface_action_secondary_no_fill_active : string; -export const semantic_surface_action_checked : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover : string; export const semantic_surface_tertiary_light_active : string; export const semantic_surface_tertiary_dark : string; export const semantic_border_info_default : string; +export const semantic_border_action_subtle : string; +export const semantic_border_action_subtle_hover : string; +export const semantic_border_action_default : string; +export const semantic_border_action_hover : string; +export const semantic_border_action_active : string; +export const semantic_border_action_dark : string; +export const semantic_border_action_dark_hover : string; export const semantic_border_action_primary_subtle : string; export const semantic_border_action_primary_subtle_hover : string; export const semantic_border_action_primary_default : string; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover : string; export const semantic_border_action_secondary_default : string; export const semantic_border_action_secondary_hover : string; export const semantic_border_action_secondary_active : string; -export const semantic_border_action_default : string; -export const semantic_border_action_hover : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle : string; export const semantic_text_neutral_default : string; export const semantic_text_neutral_subtle : string; export const semantic_text_neutral_on_inverted : string; +export const semantic_text_action_default : string; +export const semantic_text_action_hover : string; +export const semantic_text_action_active : string; +export const semantic_text_action_on_action : string; export const semantic_text_action_primary_default : string; export const semantic_text_action_primary_hover : string; export const semantic_text_action_primary_active : string; diff --git a/packages/tokens/brand/altinn/tokens.esm.js b/packages/tokens/brand/altinn/tokens.esm.js index b47f1f9cfd..def2e7034a 100644 --- a/packages/tokens/brand/altinn/tokens.esm.js +++ b/packages/tokens/brand/altinn/tokens.esm.js @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover = "#e9eaec"; export const semantic_surface_neutral_dark = "#68707c"; export const semantic_surface_neutral_dark_hover = "#4b5563"; export const semantic_surface_neutral_inverted = "#1e2b3c"; +export const semantic_surface_action_subtle = "#e6eff8"; +export const semantic_surface_action_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_default = "#0062ba"; +export const semantic_surface_action_hover = "#004e95"; +export const semantic_surface_action_active = "#00315d"; +export const semantic_surface_action_no_fill = "#ffffff"; +export const semantic_surface_action_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_action_primary_subtle = "#e6eff8"; export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; export const semantic_surface_action_primary_default = "#0062ba"; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)"; export const semantic_surface_action_secondary_no_fill = "#ffffff"; export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)"; export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)"; -export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover = "#EC8292"; export const semantic_surface_tertiary_light_active = "#E6586D"; export const semantic_surface_tertiary_dark = "#5A121D"; export const semantic_border_info_default = "#004e95"; +export const semantic_border_action_subtle = "#b3d0ea"; +export const semantic_border_action_subtle_hover = "#66a1d6"; +export const semantic_border_action_default = "#0062ba"; +export const semantic_border_action_hover = "#0062ba"; +export const semantic_border_action_active = "#00315d"; +export const semantic_border_action_dark = "#00315d"; +export const semantic_border_action_dark_hover = "#0062ba"; export const semantic_border_action_primary_subtle = "#b3d0ea"; export const semantic_border_action_primary_subtle_hover = "#66a1d6"; export const semantic_border_action_primary_default = "#0062ba"; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; export const semantic_border_action_secondary_default = "#00315d"; export const semantic_border_action_secondary_hover = "#00315d"; export const semantic_border_action_secondary_active = "#00315d"; -export const semantic_border_action_default = "#00315d"; -export const semantic_border_action_hover = "#0062ba"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle = "#1e2b3c"; export const semantic_text_neutral_default = "#1e2b3c"; export const semantic_text_neutral_subtle = "#4b5563"; export const semantic_text_neutral_on_inverted = "#ffffff"; +export const semantic_text_action_default = "#0062ba"; +export const semantic_text_action_hover = "#004e95"; +export const semantic_text_action_active = "#00315d"; +export const semantic_text_action_on_action = "#ffffff"; export const semantic_text_action_primary_default = "#0062ba"; export const semantic_text_action_primary_hover = "#004e95"; export const semantic_text_action_primary_active = "#00315d"; diff --git a/packages/tokens/brand/brreg/tokens.cjs.js b/packages/tokens/brand/brreg/tokens.cjs.js index d23499b472..1e49d1c23d 100644 --- a/packages/tokens/brand/brreg/tokens.cjs.js +++ b/packages/tokens/brand/brreg/tokens.cjs.js @@ -13,6 +13,15 @@ module.exports = { "semantic_surface_neutral_dark": "#68707c", "semantic_surface_neutral_dark_hover": "#4b5563", "semantic_surface_neutral_inverted": "#1e2b3c", + "semantic_surface_action_subtle": "#e6eff8", + "semantic_surface_action_subtle_hover": "#b3d0ea", + "semantic_surface_action_default": "#0062ba", + "semantic_surface_action_hover": "#004e95", + "semantic_surface_action_active": "#00315d", + "semantic_surface_action_no_fill": "#ffffff", + "semantic_surface_action_no_fill_hover": "#e6eff8", + "semantic_surface_action_no_fill_active": "#b3d0ea", + "semantic_surface_action_checked": "#0062ba", "semantic_surface_action_primary_subtle": "#e6eff8", "semantic_surface_action_primary_subtle_hover": "#b3d0ea", "semantic_surface_action_primary_default": "#0062ba", @@ -29,7 +38,6 @@ module.exports = { "semantic_surface_action_secondary_no_fill": "#ffffff", "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)", "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)", - "semantic_surface_action_checked": "#0062ba", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -70,6 +78,13 @@ module.exports = { "semantic_surface_tertiary_light_active": "#9FAEAF", "semantic_surface_tertiary_dark": "#414849", "semantic_border_info_default": "#004e95", + "semantic_border_action_subtle": "#b3d0ea", + "semantic_border_action_subtle_hover": "#66a1d6", + "semantic_border_action_default": "#0062ba", + "semantic_border_action_hover": "#0062ba", + "semantic_border_action_active": "#00315d", + "semantic_border_action_dark": "#00315d", + "semantic_border_action_dark_hover": "#0062ba", "semantic_border_action_primary_subtle": "#b3d0ea", "semantic_border_action_primary_subtle_hover": "#66a1d6", "semantic_border_action_primary_default": "#0062ba", @@ -80,8 +95,6 @@ module.exports = { "semantic_border_action_secondary_default": "#00315d", "semantic_border_action_secondary_hover": "#00315d", "semantic_border_action_secondary_active": "#00315d", - "semantic_border_action_default": "#00315d", - "semantic_border_action_hover": "#0062ba", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -117,6 +130,10 @@ module.exports = { "semantic_text_neutral_default": "#1e2b3c", "semantic_text_neutral_subtle": "#4b5563", "semantic_text_neutral_on_inverted": "#ffffff", + "semantic_text_action_default": "#0062ba", + "semantic_text_action_hover": "#004e95", + "semantic_text_action_active": "#00315d", + "semantic_text_action_on_action": "#ffffff", "semantic_text_action_primary_default": "#0062ba", "semantic_text_action_primary_hover": "#004e95", "semantic_text_action_primary_active": "#00315d", diff --git a/packages/tokens/brand/brreg/tokens.css b/packages/tokens/brand/brreg/tokens.css index 35d8764245..3491a1ec36 100644 --- a/packages/tokens/brand/brreg/tokens.css +++ b/packages/tokens/brand/brreg/tokens.css @@ -17,6 +17,15 @@ --fds-semantic-surface-neutral-dark: #68707c; --fds-semantic-surface-neutral-dark-hover: #4b5563; --fds-semantic-surface-neutral-inverted: #1e2b3c; + --fds-semantic-surface-action-subtle: #e6eff8; + --fds-semantic-surface-action-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-default: #0062ba; + --fds-semantic-surface-action-hover: #004e95; + --fds-semantic-surface-action-active: #00315d; + --fds-semantic-surface-action-no_fill: #ffffff; + --fds-semantic-surface-action-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-action-primary-subtle: #e6eff8; --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; --fds-semantic-surface-action-primary-default: #0062ba; @@ -33,7 +42,6 @@ --fds-semantic-surface-action-secondary-no_fill: #ffffff; --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1); --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2); - --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -74,6 +82,13 @@ --fds-semantic-surface-tertiary-light-active: #9FAEAF; --fds-semantic-surface-tertiary-dark: #414849; --fds-semantic-border-info-default: #004e95; + --fds-semantic-border-action-subtle: #b3d0ea; + --fds-semantic-border-action-subtle-hover: #66a1d6; + --fds-semantic-border-action-default: #0062ba; + --fds-semantic-border-action-hover: #0062ba; + --fds-semantic-border-action-active: #00315d; + --fds-semantic-border-action-dark: #00315d; + --fds-semantic-border-action-dark-hover: #0062ba; --fds-semantic-border-action-primary-subtle: #b3d0ea; --fds-semantic-border-action-primary-subtle-hover: #66a1d6; --fds-semantic-border-action-primary-default: #0062ba; @@ -84,8 +99,6 @@ --fds-semantic-border-action-secondary-default: #00315d; --fds-semantic-border-action-secondary-hover: #00315d; --fds-semantic-border-action-secondary-active: #00315d; - --fds-semantic-border-action-default: #00315d; - --fds-semantic-border-action-hover: #0062ba; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -121,6 +134,10 @@ --fds-semantic-text-neutral-default: #1e2b3c; --fds-semantic-text-neutral-subtle: #4b5563; --fds-semantic-text-neutral-on_inverted: #ffffff; + --fds-semantic-text-action-default: #0062ba; + --fds-semantic-text-action-hover: #004e95; + --fds-semantic-text-action-active: #00315d; + --fds-semantic-text-action-on_action: #ffffff; --fds-semantic-text-action-primary-default: #0062ba; --fds-semantic-text-action-primary-hover: #004e95; --fds-semantic-text-action-primary-active: #00315d; diff --git a/packages/tokens/brand/brreg/tokens.d.ts b/packages/tokens/brand/brreg/tokens.d.ts index 6ace96f291..8cd8e31fee 100644 --- a/packages/tokens/brand/brreg/tokens.d.ts +++ b/packages/tokens/brand/brreg/tokens.d.ts @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover : string; export const semantic_surface_neutral_dark : string; export const semantic_surface_neutral_dark_hover : string; export const semantic_surface_neutral_inverted : string; +export const semantic_surface_action_subtle : string; +export const semantic_surface_action_subtle_hover : string; +export const semantic_surface_action_default : string; +export const semantic_surface_action_hover : string; +export const semantic_surface_action_active : string; +export const semantic_surface_action_no_fill : string; +export const semantic_surface_action_no_fill_hover : string; +export const semantic_surface_action_no_fill_active : string; +export const semantic_surface_action_checked : string; export const semantic_surface_action_primary_subtle : string; export const semantic_surface_action_primary_subtle_hover : string; export const semantic_surface_action_primary_default : string; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active : string; export const semantic_surface_action_secondary_no_fill : string; export const semantic_surface_action_secondary_no_fill_hover : string; export const semantic_surface_action_secondary_no_fill_active : string; -export const semantic_surface_action_checked : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover : string; export const semantic_surface_tertiary_light_active : string; export const semantic_surface_tertiary_dark : string; export const semantic_border_info_default : string; +export const semantic_border_action_subtle : string; +export const semantic_border_action_subtle_hover : string; +export const semantic_border_action_default : string; +export const semantic_border_action_hover : string; +export const semantic_border_action_active : string; +export const semantic_border_action_dark : string; +export const semantic_border_action_dark_hover : string; export const semantic_border_action_primary_subtle : string; export const semantic_border_action_primary_subtle_hover : string; export const semantic_border_action_primary_default : string; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover : string; export const semantic_border_action_secondary_default : string; export const semantic_border_action_secondary_hover : string; export const semantic_border_action_secondary_active : string; -export const semantic_border_action_default : string; -export const semantic_border_action_hover : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle : string; export const semantic_text_neutral_default : string; export const semantic_text_neutral_subtle : string; export const semantic_text_neutral_on_inverted : string; +export const semantic_text_action_default : string; +export const semantic_text_action_hover : string; +export const semantic_text_action_active : string; +export const semantic_text_action_on_action : string; export const semantic_text_action_primary_default : string; export const semantic_text_action_primary_hover : string; export const semantic_text_action_primary_active : string; diff --git a/packages/tokens/brand/brreg/tokens.esm.js b/packages/tokens/brand/brreg/tokens.esm.js index 65de1b8f75..cbf3022213 100644 --- a/packages/tokens/brand/brreg/tokens.esm.js +++ b/packages/tokens/brand/brreg/tokens.esm.js @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover = "#e9eaec"; export const semantic_surface_neutral_dark = "#68707c"; export const semantic_surface_neutral_dark_hover = "#4b5563"; export const semantic_surface_neutral_inverted = "#1e2b3c"; +export const semantic_surface_action_subtle = "#e6eff8"; +export const semantic_surface_action_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_default = "#0062ba"; +export const semantic_surface_action_hover = "#004e95"; +export const semantic_surface_action_active = "#00315d"; +export const semantic_surface_action_no_fill = "#ffffff"; +export const semantic_surface_action_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_action_primary_subtle = "#e6eff8"; export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; export const semantic_surface_action_primary_default = "#0062ba"; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)"; export const semantic_surface_action_secondary_no_fill = "#ffffff"; export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)"; export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)"; -export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover = "#B9CACB"; export const semantic_surface_tertiary_light_active = "#9FAEAF"; export const semantic_surface_tertiary_dark = "#414849"; export const semantic_border_info_default = "#004e95"; +export const semantic_border_action_subtle = "#b3d0ea"; +export const semantic_border_action_subtle_hover = "#66a1d6"; +export const semantic_border_action_default = "#0062ba"; +export const semantic_border_action_hover = "#0062ba"; +export const semantic_border_action_active = "#00315d"; +export const semantic_border_action_dark = "#00315d"; +export const semantic_border_action_dark_hover = "#0062ba"; export const semantic_border_action_primary_subtle = "#b3d0ea"; export const semantic_border_action_primary_subtle_hover = "#66a1d6"; export const semantic_border_action_primary_default = "#0062ba"; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; export const semantic_border_action_secondary_default = "#00315d"; export const semantic_border_action_secondary_hover = "#00315d"; export const semantic_border_action_secondary_active = "#00315d"; -export const semantic_border_action_default = "#00315d"; -export const semantic_border_action_hover = "#0062ba"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle = "#1e2b3c"; export const semantic_text_neutral_default = "#1e2b3c"; export const semantic_text_neutral_subtle = "#4b5563"; export const semantic_text_neutral_on_inverted = "#ffffff"; +export const semantic_text_action_default = "#0062ba"; +export const semantic_text_action_hover = "#004e95"; +export const semantic_text_action_active = "#00315d"; +export const semantic_text_action_on_action = "#ffffff"; export const semantic_text_action_primary_default = "#0062ba"; export const semantic_text_action_primary_hover = "#004e95"; export const semantic_text_action_primary_active = "#00315d"; diff --git a/packages/tokens/brand/digdir/tokens.cjs.js b/packages/tokens/brand/digdir/tokens.cjs.js index edf78d4610..75365a67a5 100644 --- a/packages/tokens/brand/digdir/tokens.cjs.js +++ b/packages/tokens/brand/digdir/tokens.cjs.js @@ -13,6 +13,15 @@ module.exports = { "semantic_surface_neutral_dark": "#68707c", "semantic_surface_neutral_dark_hover": "#4b5563", "semantic_surface_neutral_inverted": "#1e2b3c", + "semantic_surface_action_subtle": "#e6eff8", + "semantic_surface_action_subtle_hover": "#b3d0ea", + "semantic_surface_action_default": "#0062ba", + "semantic_surface_action_hover": "#004e95", + "semantic_surface_action_active": "#00315d", + "semantic_surface_action_no_fill": "#ffffff", + "semantic_surface_action_no_fill_hover": "#e6eff8", + "semantic_surface_action_no_fill_active": "#b3d0ea", + "semantic_surface_action_checked": "#0062ba", "semantic_surface_action_primary_subtle": "#e6eff8", "semantic_surface_action_primary_subtle_hover": "#b3d0ea", "semantic_surface_action_primary_default": "#0062ba", @@ -29,7 +38,6 @@ module.exports = { "semantic_surface_action_secondary_no_fill": "#ffffff", "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)", "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)", - "semantic_surface_action_checked": "#0062ba", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -70,6 +78,13 @@ module.exports = { "semantic_surface_tertiary_light_active": "#78c1f9", "semantic_surface_tertiary_dark": "#156aac", "semantic_border_info_default": "#004e95", + "semantic_border_action_subtle": "#b3d0ea", + "semantic_border_action_subtle_hover": "#66a1d6", + "semantic_border_action_default": "#0062ba", + "semantic_border_action_hover": "#0062ba", + "semantic_border_action_active": "#00315d", + "semantic_border_action_dark": "#00315d", + "semantic_border_action_dark_hover": "#0062ba", "semantic_border_action_primary_subtle": "#b3d0ea", "semantic_border_action_primary_subtle_hover": "#66a1d6", "semantic_border_action_primary_default": "#0062ba", @@ -80,8 +95,6 @@ module.exports = { "semantic_border_action_secondary_default": "#00315d", "semantic_border_action_secondary_hover": "#00315d", "semantic_border_action_secondary_active": "#00315d", - "semantic_border_action_default": "#00315d", - "semantic_border_action_hover": "#0062ba", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -117,6 +130,10 @@ module.exports = { "semantic_text_neutral_default": "#1e2b3c", "semantic_text_neutral_subtle": "#4b5563", "semantic_text_neutral_on_inverted": "#ffffff", + "semantic_text_action_default": "#0062ba", + "semantic_text_action_hover": "#004e95", + "semantic_text_action_active": "#00315d", + "semantic_text_action_on_action": "#ffffff", "semantic_text_action_primary_default": "#0062ba", "semantic_text_action_primary_hover": "#004e95", "semantic_text_action_primary_active": "#00315d", diff --git a/packages/tokens/brand/digdir/tokens.css b/packages/tokens/brand/digdir/tokens.css index 6984e402a9..8e15ab9e4d 100644 --- a/packages/tokens/brand/digdir/tokens.css +++ b/packages/tokens/brand/digdir/tokens.css @@ -17,6 +17,15 @@ --fds-semantic-surface-neutral-dark: #68707c; --fds-semantic-surface-neutral-dark-hover: #4b5563; --fds-semantic-surface-neutral-inverted: #1e2b3c; + --fds-semantic-surface-action-subtle: #e6eff8; + --fds-semantic-surface-action-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-default: #0062ba; + --fds-semantic-surface-action-hover: #004e95; + --fds-semantic-surface-action-active: #00315d; + --fds-semantic-surface-action-no_fill: #ffffff; + --fds-semantic-surface-action-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-action-primary-subtle: #e6eff8; --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; --fds-semantic-surface-action-primary-default: #0062ba; @@ -33,7 +42,6 @@ --fds-semantic-surface-action-secondary-no_fill: #ffffff; --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1); --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2); - --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -74,6 +82,13 @@ --fds-semantic-surface-tertiary-light-active: #78c1f9; --fds-semantic-surface-tertiary-dark: #156aac; --fds-semantic-border-info-default: #004e95; + --fds-semantic-border-action-subtle: #b3d0ea; + --fds-semantic-border-action-subtle-hover: #66a1d6; + --fds-semantic-border-action-default: #0062ba; + --fds-semantic-border-action-hover: #0062ba; + --fds-semantic-border-action-active: #00315d; + --fds-semantic-border-action-dark: #00315d; + --fds-semantic-border-action-dark-hover: #0062ba; --fds-semantic-border-action-primary-subtle: #b3d0ea; --fds-semantic-border-action-primary-subtle-hover: #66a1d6; --fds-semantic-border-action-primary-default: #0062ba; @@ -84,8 +99,6 @@ --fds-semantic-border-action-secondary-default: #00315d; --fds-semantic-border-action-secondary-hover: #00315d; --fds-semantic-border-action-secondary-active: #00315d; - --fds-semantic-border-action-default: #00315d; - --fds-semantic-border-action-hover: #0062ba; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -121,6 +134,10 @@ --fds-semantic-text-neutral-default: #1e2b3c; --fds-semantic-text-neutral-subtle: #4b5563; --fds-semantic-text-neutral-on_inverted: #ffffff; + --fds-semantic-text-action-default: #0062ba; + --fds-semantic-text-action-hover: #004e95; + --fds-semantic-text-action-active: #00315d; + --fds-semantic-text-action-on_action: #ffffff; --fds-semantic-text-action-primary-default: #0062ba; --fds-semantic-text-action-primary-hover: #004e95; --fds-semantic-text-action-primary-active: #00315d; diff --git a/packages/tokens/brand/digdir/tokens.d.ts b/packages/tokens/brand/digdir/tokens.d.ts index b492251f6d..1bea6c8114 100644 --- a/packages/tokens/brand/digdir/tokens.d.ts +++ b/packages/tokens/brand/digdir/tokens.d.ts @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover : string; export const semantic_surface_neutral_dark : string; export const semantic_surface_neutral_dark_hover : string; export const semantic_surface_neutral_inverted : string; +export const semantic_surface_action_subtle : string; +export const semantic_surface_action_subtle_hover : string; +export const semantic_surface_action_default : string; +export const semantic_surface_action_hover : string; +export const semantic_surface_action_active : string; +export const semantic_surface_action_no_fill : string; +export const semantic_surface_action_no_fill_hover : string; +export const semantic_surface_action_no_fill_active : string; +export const semantic_surface_action_checked : string; export const semantic_surface_action_primary_subtle : string; export const semantic_surface_action_primary_subtle_hover : string; export const semantic_surface_action_primary_default : string; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active : string; export const semantic_surface_action_secondary_no_fill : string; export const semantic_surface_action_secondary_no_fill_hover : string; export const semantic_surface_action_secondary_no_fill_active : string; -export const semantic_surface_action_checked : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover : string; export const semantic_surface_tertiary_light_active : string; export const semantic_surface_tertiary_dark : string; export const semantic_border_info_default : string; +export const semantic_border_action_subtle : string; +export const semantic_border_action_subtle_hover : string; +export const semantic_border_action_default : string; +export const semantic_border_action_hover : string; +export const semantic_border_action_active : string; +export const semantic_border_action_dark : string; +export const semantic_border_action_dark_hover : string; export const semantic_border_action_primary_subtle : string; export const semantic_border_action_primary_subtle_hover : string; export const semantic_border_action_primary_default : string; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover : string; export const semantic_border_action_secondary_default : string; export const semantic_border_action_secondary_hover : string; export const semantic_border_action_secondary_active : string; -export const semantic_border_action_default : string; -export const semantic_border_action_hover : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle : string; export const semantic_text_neutral_default : string; export const semantic_text_neutral_subtle : string; export const semantic_text_neutral_on_inverted : string; +export const semantic_text_action_default : string; +export const semantic_text_action_hover : string; +export const semantic_text_action_active : string; +export const semantic_text_action_on_action : string; export const semantic_text_action_primary_default : string; export const semantic_text_action_primary_hover : string; export const semantic_text_action_primary_active : string; diff --git a/packages/tokens/brand/digdir/tokens.esm.js b/packages/tokens/brand/digdir/tokens.esm.js index 29feb98289..377b6b04ed 100644 --- a/packages/tokens/brand/digdir/tokens.esm.js +++ b/packages/tokens/brand/digdir/tokens.esm.js @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover = "#e9eaec"; export const semantic_surface_neutral_dark = "#68707c"; export const semantic_surface_neutral_dark_hover = "#4b5563"; export const semantic_surface_neutral_inverted = "#1e2b3c"; +export const semantic_surface_action_subtle = "#e6eff8"; +export const semantic_surface_action_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_default = "#0062ba"; +export const semantic_surface_action_hover = "#004e95"; +export const semantic_surface_action_active = "#00315d"; +export const semantic_surface_action_no_fill = "#ffffff"; +export const semantic_surface_action_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_action_primary_subtle = "#e6eff8"; export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; export const semantic_surface_action_primary_default = "#0062ba"; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active = "rgba(#00315d, 0.8)"; export const semantic_surface_action_secondary_no_fill = "#ffffff"; export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)"; export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)"; -export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover = "#a5d6fb"; export const semantic_surface_tertiary_light_active = "#78c1f9"; export const semantic_surface_tertiary_dark = "#156aac"; export const semantic_border_info_default = "#004e95"; +export const semantic_border_action_subtle = "#b3d0ea"; +export const semantic_border_action_subtle_hover = "#66a1d6"; +export const semantic_border_action_default = "#0062ba"; +export const semantic_border_action_hover = "#0062ba"; +export const semantic_border_action_active = "#00315d"; +export const semantic_border_action_dark = "#00315d"; +export const semantic_border_action_dark_hover = "#0062ba"; export const semantic_border_action_primary_subtle = "#b3d0ea"; export const semantic_border_action_primary_subtle_hover = "#66a1d6"; export const semantic_border_action_primary_default = "#0062ba"; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; export const semantic_border_action_secondary_default = "#00315d"; export const semantic_border_action_secondary_hover = "#00315d"; export const semantic_border_action_secondary_active = "#00315d"; -export const semantic_border_action_default = "#00315d"; -export const semantic_border_action_hover = "#0062ba"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle = "#1e2b3c"; export const semantic_text_neutral_default = "#1e2b3c"; export const semantic_text_neutral_subtle = "#4b5563"; export const semantic_text_neutral_on_inverted = "#ffffff"; +export const semantic_text_action_default = "#0062ba"; +export const semantic_text_action_hover = "#004e95"; +export const semantic_text_action_active = "#00315d"; +export const semantic_text_action_on_action = "#ffffff"; export const semantic_text_action_primary_default = "#0062ba"; export const semantic_text_action_primary_hover = "#004e95"; export const semantic_text_action_primary_active = "#00315d"; diff --git a/packages/tokens/brand/tilsynet/tokens.cjs.js b/packages/tokens/brand/tilsynet/tokens.cjs.js index 87dc2c32ec..1e48dfe334 100644 --- a/packages/tokens/brand/tilsynet/tokens.cjs.js +++ b/packages/tokens/brand/tilsynet/tokens.cjs.js @@ -13,6 +13,15 @@ module.exports = { "semantic_surface_neutral_dark": "#68707c", "semantic_surface_neutral_dark_hover": "#4b5563", "semantic_surface_neutral_inverted": "#1e2b3c", + "semantic_surface_action_subtle": "#e6eff8", + "semantic_surface_action_subtle_hover": "#b3d0ea", + "semantic_surface_action_default": "#0062ba", + "semantic_surface_action_hover": "#004e95", + "semantic_surface_action_active": "#00315d", + "semantic_surface_action_no_fill": "#ffffff", + "semantic_surface_action_no_fill_hover": "#e6eff8", + "semantic_surface_action_no_fill_active": "#b3d0ea", + "semantic_surface_action_checked": "#0062ba", "semantic_surface_action_primary_subtle": "#e6eff8", "semantic_surface_action_primary_subtle_hover": "#b3d0ea", "semantic_surface_action_primary_default": "#3339c6", @@ -29,7 +38,6 @@ module.exports = { "semantic_surface_action_secondary_no_fill": "#ffffff", "semantic_surface_action_secondary_no_fill_hover": "rgba(#00315d, 0.1)", "semantic_surface_action_secondary_no_fill_active": "rgba(#00315d, 0.2)", - "semantic_surface_action_checked": "#0062ba", "semantic_surface_success_subtle": "#d1f4e1", "semantic_surface_success_subtle_hover": "#8be4b5", "semantic_surface_success_default": "#118849", @@ -70,6 +78,13 @@ module.exports = { "semantic_surface_tertiary_light_active": "#9dc7bc", "semantic_surface_tertiary_dark": "#407d6d", "semantic_border_info_default": "#004e95", + "semantic_border_action_subtle": "#b3d0ea", + "semantic_border_action_subtle_hover": "#66a1d6", + "semantic_border_action_default": "#0062ba", + "semantic_border_action_hover": "#0062ba", + "semantic_border_action_active": "#00315d", + "semantic_border_action_dark": "#00315d", + "semantic_border_action_dark_hover": "#0062ba", "semantic_border_action_primary_subtle": "#b3d0ea", "semantic_border_action_primary_subtle_hover": "#66a1d6", "semantic_border_action_primary_default": "#0062ba", @@ -80,8 +95,6 @@ module.exports = { "semantic_border_action_secondary_default": "#00315d", "semantic_border_action_secondary_hover": "#00315d", "semantic_border_action_secondary_active": "#00315d", - "semantic_border_action_default": "#00315d", - "semantic_border_action_hover": "#0062ba", "semantic_border_neutral_default": "#68707c", "semantic_border_neutral_subtle": "#d2d5d8", "semantic_border_neutral_strong": "#1e2b3c", @@ -117,6 +130,10 @@ module.exports = { "semantic_text_neutral_default": "#1e2b3c", "semantic_text_neutral_subtle": "#4b5563", "semantic_text_neutral_on_inverted": "#ffffff", + "semantic_text_action_default": "#0062ba", + "semantic_text_action_hover": "#004e95", + "semantic_text_action_active": "#00315d", + "semantic_text_action_on_action": "#ffffff", "semantic_text_action_primary_default": "#0062ba", "semantic_text_action_primary_hover": "#004e95", "semantic_text_action_primary_active": "#00315d", diff --git a/packages/tokens/brand/tilsynet/tokens.css b/packages/tokens/brand/tilsynet/tokens.css index 74f3c61466..cc1a038675 100644 --- a/packages/tokens/brand/tilsynet/tokens.css +++ b/packages/tokens/brand/tilsynet/tokens.css @@ -17,6 +17,15 @@ --fds-semantic-surface-neutral-dark: #68707c; --fds-semantic-surface-neutral-dark-hover: #4b5563; --fds-semantic-surface-neutral-inverted: #1e2b3c; + --fds-semantic-surface-action-subtle: #e6eff8; + --fds-semantic-surface-action-subtle-hover: #b3d0ea; + --fds-semantic-surface-action-default: #0062ba; + --fds-semantic-surface-action-hover: #004e95; + --fds-semantic-surface-action-active: #00315d; + --fds-semantic-surface-action-no_fill: #ffffff; + --fds-semantic-surface-action-no_fill-hover: #e6eff8; + --fds-semantic-surface-action-no_fill-active: #b3d0ea; + --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-action-primary-subtle: #e6eff8; --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea; --fds-semantic-surface-action-primary-default: #3339c6; @@ -33,7 +42,6 @@ --fds-semantic-surface-action-secondary-no_fill: #ffffff; --fds-semantic-surface-action-secondary-no_fill-hover: rgba(#00315d, 0.1); --fds-semantic-surface-action-secondary-no_fill-active: rgba(#00315d, 0.2); - --fds-semantic-surface-action-checked: #0062ba; --fds-semantic-surface-success-subtle: #d1f4e1; --fds-semantic-surface-success-subtle-hover: #8be4b5; --fds-semantic-surface-success-default: #118849; @@ -74,6 +82,13 @@ --fds-semantic-surface-tertiary-light-active: #9dc7bc; --fds-semantic-surface-tertiary-dark: #407d6d; --fds-semantic-border-info-default: #004e95; + --fds-semantic-border-action-subtle: #b3d0ea; + --fds-semantic-border-action-subtle-hover: #66a1d6; + --fds-semantic-border-action-default: #0062ba; + --fds-semantic-border-action-hover: #0062ba; + --fds-semantic-border-action-active: #00315d; + --fds-semantic-border-action-dark: #00315d; + --fds-semantic-border-action-dark-hover: #0062ba; --fds-semantic-border-action-primary-subtle: #b3d0ea; --fds-semantic-border-action-primary-subtle-hover: #66a1d6; --fds-semantic-border-action-primary-default: #0062ba; @@ -84,8 +99,6 @@ --fds-semantic-border-action-secondary-default: #00315d; --fds-semantic-border-action-secondary-hover: #00315d; --fds-semantic-border-action-secondary-active: #00315d; - --fds-semantic-border-action-default: #00315d; - --fds-semantic-border-action-hover: #0062ba; --fds-semantic-border-neutral-default: #68707c; --fds-semantic-border-neutral-subtle: #d2d5d8; --fds-semantic-border-neutral-strong: #1e2b3c; @@ -121,6 +134,10 @@ --fds-semantic-text-neutral-default: #1e2b3c; --fds-semantic-text-neutral-subtle: #4b5563; --fds-semantic-text-neutral-on_inverted: #ffffff; + --fds-semantic-text-action-default: #0062ba; + --fds-semantic-text-action-hover: #004e95; + --fds-semantic-text-action-active: #00315d; + --fds-semantic-text-action-on_action: #ffffff; --fds-semantic-text-action-primary-default: #0062ba; --fds-semantic-text-action-primary-hover: #004e95; --fds-semantic-text-action-primary-active: #00315d; diff --git a/packages/tokens/brand/tilsynet/tokens.d.ts b/packages/tokens/brand/tilsynet/tokens.d.ts index b492251f6d..1bea6c8114 100644 --- a/packages/tokens/brand/tilsynet/tokens.d.ts +++ b/packages/tokens/brand/tilsynet/tokens.d.ts @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover : string; export const semantic_surface_neutral_dark : string; export const semantic_surface_neutral_dark_hover : string; export const semantic_surface_neutral_inverted : string; +export const semantic_surface_action_subtle : string; +export const semantic_surface_action_subtle_hover : string; +export const semantic_surface_action_default : string; +export const semantic_surface_action_hover : string; +export const semantic_surface_action_active : string; +export const semantic_surface_action_no_fill : string; +export const semantic_surface_action_no_fill_hover : string; +export const semantic_surface_action_no_fill_active : string; +export const semantic_surface_action_checked : string; export const semantic_surface_action_primary_subtle : string; export const semantic_surface_action_primary_subtle_hover : string; export const semantic_surface_action_primary_default : string; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active : string; export const semantic_surface_action_secondary_no_fill : string; export const semantic_surface_action_secondary_no_fill_hover : string; export const semantic_surface_action_secondary_no_fill_active : string; -export const semantic_surface_action_checked : string; export const semantic_surface_success_subtle : string; export const semantic_surface_success_subtle_hover : string; export const semantic_surface_success_default : string; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover : string; export const semantic_surface_tertiary_light_active : string; export const semantic_surface_tertiary_dark : string; export const semantic_border_info_default : string; +export const semantic_border_action_subtle : string; +export const semantic_border_action_subtle_hover : string; +export const semantic_border_action_default : string; +export const semantic_border_action_hover : string; +export const semantic_border_action_active : string; +export const semantic_border_action_dark : string; +export const semantic_border_action_dark_hover : string; export const semantic_border_action_primary_subtle : string; export const semantic_border_action_primary_subtle_hover : string; export const semantic_border_action_primary_default : string; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover : string; export const semantic_border_action_secondary_default : string; export const semantic_border_action_secondary_hover : string; export const semantic_border_action_secondary_active : string; -export const semantic_border_action_default : string; -export const semantic_border_action_hover : string; export const semantic_border_neutral_default : string; export const semantic_border_neutral_subtle : string; export const semantic_border_neutral_strong : string; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle : string; export const semantic_text_neutral_default : string; export const semantic_text_neutral_subtle : string; export const semantic_text_neutral_on_inverted : string; +export const semantic_text_action_default : string; +export const semantic_text_action_hover : string; +export const semantic_text_action_active : string; +export const semantic_text_action_on_action : string; export const semantic_text_action_primary_default : string; export const semantic_text_action_primary_hover : string; export const semantic_text_action_primary_active : string; diff --git a/packages/tokens/brand/tilsynet/tokens.esm.js b/packages/tokens/brand/tilsynet/tokens.esm.js index fbf8e25983..312c48180c 100644 --- a/packages/tokens/brand/tilsynet/tokens.esm.js +++ b/packages/tokens/brand/tilsynet/tokens.esm.js @@ -12,6 +12,15 @@ export const semantic_surface_neutral_subtle_hover = "#e9eaec"; export const semantic_surface_neutral_dark = "#68707c"; export const semantic_surface_neutral_dark_hover = "#4b5563"; export const semantic_surface_neutral_inverted = "#1e2b3c"; +export const semantic_surface_action_subtle = "#e6eff8"; +export const semantic_surface_action_subtle_hover = "#b3d0ea"; +export const semantic_surface_action_default = "#0062ba"; +export const semantic_surface_action_hover = "#004e95"; +export const semantic_surface_action_active = "#00315d"; +export const semantic_surface_action_no_fill = "#ffffff"; +export const semantic_surface_action_no_fill_hover = "#e6eff8"; +export const semantic_surface_action_no_fill_active = "#b3d0ea"; +export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_action_primary_subtle = "#e6eff8"; export const semantic_surface_action_primary_subtle_hover = "#b3d0ea"; export const semantic_surface_action_primary_default = "#3339c6"; @@ -28,7 +37,6 @@ export const semantic_surface_action_secondary_active = "#376C5E"; export const semantic_surface_action_secondary_no_fill = "#ffffff"; export const semantic_surface_action_secondary_no_fill_hover = "rgba(#00315d, 0.1)"; export const semantic_surface_action_secondary_no_fill_active = "rgba(#00315d, 0.2)"; -export const semantic_surface_action_checked = "#0062ba"; export const semantic_surface_success_subtle = "#d1f4e1"; export const semantic_surface_success_subtle_hover = "#8be4b5"; export const semantic_surface_success_default = "#118849"; @@ -69,6 +77,13 @@ export const semantic_surface_tertiary_light_hover = "#bedad2"; export const semantic_surface_tertiary_light_active = "#9dc7bc"; export const semantic_surface_tertiary_dark = "#407d6d"; export const semantic_border_info_default = "#004e95"; +export const semantic_border_action_subtle = "#b3d0ea"; +export const semantic_border_action_subtle_hover = "#66a1d6"; +export const semantic_border_action_default = "#0062ba"; +export const semantic_border_action_hover = "#0062ba"; +export const semantic_border_action_active = "#00315d"; +export const semantic_border_action_dark = "#00315d"; +export const semantic_border_action_dark_hover = "#0062ba"; export const semantic_border_action_primary_subtle = "#b3d0ea"; export const semantic_border_action_primary_subtle_hover = "#66a1d6"; export const semantic_border_action_primary_default = "#0062ba"; @@ -79,8 +94,6 @@ export const semantic_border_action_secondary_subtle_hover = "#d2d5d8"; export const semantic_border_action_secondary_default = "#00315d"; export const semantic_border_action_secondary_hover = "#00315d"; export const semantic_border_action_secondary_active = "#00315d"; -export const semantic_border_action_default = "#00315d"; -export const semantic_border_action_hover = "#0062ba"; export const semantic_border_neutral_default = "#68707c"; export const semantic_border_neutral_subtle = "#d2d5d8"; export const semantic_border_neutral_strong = "#1e2b3c"; @@ -116,6 +129,10 @@ export const semantic_text_success_on_success_subtle = "#1e2b3c"; export const semantic_text_neutral_default = "#1e2b3c"; export const semantic_text_neutral_subtle = "#4b5563"; export const semantic_text_neutral_on_inverted = "#ffffff"; +export const semantic_text_action_default = "#0062ba"; +export const semantic_text_action_hover = "#004e95"; +export const semantic_text_action_active = "#00315d"; +export const semantic_text_action_on_action = "#ffffff"; export const semantic_text_action_primary_default = "#0062ba"; export const semantic_text_action_primary_hover = "#004e95"; export const semantic_text_action_primary_active = "#00315d"; diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts index 45bee7ffab..8826f43050 100644 --- a/storefront/tokens/altinn.ts +++ b/storefront/tokens/altinn.ts @@ -136,280 +136,370 @@ export const color = { lastName: 'inverted', }, ], - action: { - primary: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', + action: [ + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'primary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - secondary: [ - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'subtle-hover', - ], - lastName: 'subtle-hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-hover', - ], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - checked: [ - { - value: '#0062ba', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', }, - ], - }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: [ + 'semantic', + 'surface', + 'action', + 'secondary', + 'no_fill-active', + ], + lastName: 'no_fill-active', + }, + ], success: [ { value: '#d1f4e1', @@ -830,344 +920,406 @@ export const color = { { value: '#66A1D6', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#004E95', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + ], + secondary: [ + { + value: '#C5BBDD', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#A392C8', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#806AB4', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#231B36', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + ], + tertiary: [ + { + value: '#F3ABB6', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#EC8292', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#E6586D', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#5A121D', + type: 'color', + filePath: '../../design-tokens/Brand/Altinn.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + ], + }, + border: { + info: [ + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + ], + action: [ + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-border-action-dark-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', }, { - value: '#004E95', + value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-border-action-primary-subtle', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', }, - ], - secondary: [ { - value: '#C5BBDD', + value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-border-action-primary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#A392C8', + value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-border-action-primary-default', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', }, { - value: '#806AB4', + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-border-action-primary-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', }, { - value: '#231B36', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-border-action-primary-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', }, - ], - tertiary: [ { - value: '#F3ABB6', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-border-action-secondary-subtle', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', }, { - value: '#EC8292', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-border-action-secondary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#E6586D', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-border-action-secondary-default', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', }, { - value: '#5A121D', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Altinn.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-border-action-secondary-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', }, - ], - }, - border: { - info: [ { - value: '#004e95', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-info-default', + name: '--fds-semantic-border-action-secondary-active', attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', }, ], - action: { - primary: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - default: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - ], - hover: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - ], - }, neutral: [ { value: '#68707c', @@ -1684,124 +1836,176 @@ export const color = { lastName: 'on_inverted', }, ], - action: { - primary: [ - { - value: '#0062ba', + action: [ + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - ], - secondary: [ - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', }, - ], - }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + ], warning: [ { value: '#995404', diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts index 003e49d1d1..809093653e 100644 --- a/storefront/tokens/brreg.ts +++ b/storefront/tokens/brreg.ts @@ -136,280 +136,370 @@ export const color = { lastName: 'inverted', }, ], - action: { - primary: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', + action: [ + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'primary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - secondary: [ - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'subtle-hover', - ], - lastName: 'subtle-hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-hover', - ], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - checked: [ - { - value: '#0062ba', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', }, - ], - }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: [ + 'semantic', + 'surface', + 'action', + 'secondary', + 'no_fill-active', + ], + lastName: 'no_fill-active', + }, + ], success: [ { value: '#d1f4e1', @@ -830,344 +920,406 @@ export const color = { { value: '#5391E9', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#004785', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + ], + secondary: [ + { + value: '#C9E7F4', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#70B3D7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#4E99BD', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#1F4B63', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.secondary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + ], + tertiary: [ + { + value: '#D7E5E7', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.100}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#B9CACB', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#9FAEAF', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#414849', + type: 'color', + filePath: '../../design-tokens/Brand/Brreg.json', + isSource: false, + original: { + value: '{brand.tertiary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + ], + }, + border: { + info: [ + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + ], + action: [ + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-border-action-dark-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', }, { - value: '#004785', + value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.700}', + value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-border-action-primary-subtle', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', }, - ], - secondary: [ { - value: '#C9E7F4', + value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-border-action-primary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#70B3D7', + value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-border-action-primary-default', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', }, { - value: '#4E99BD', + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-border-action-primary-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', }, { - value: '#1F4B63', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-border-action-primary-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', }, - ], - tertiary: [ { - value: '#D7E5E7', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.100}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-border-action-secondary-subtle', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', }, { - value: '#B9CACB', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-border-action-secondary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#9FAEAF', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-border-action-secondary-default', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', }, { - value: '#414849', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Brreg.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.700}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-border-action-secondary-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', }, - ], - }, - border: { - info: [ { - value: '#004e95', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-info-default', + name: '--fds-semantic-border-action-secondary-active', attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', }, ], - action: { - primary: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - default: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - ], - hover: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - ], - }, neutral: [ { value: '#68707c', @@ -1684,124 +1836,176 @@ export const color = { lastName: 'on_inverted', }, ], - action: { - primary: [ - { - value: '#0062ba', + action: [ + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - ], - secondary: [ - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', }, - ], - }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + ], warning: [ { value: '#995404', diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts index 47e3ad505a..19d1847982 100644 --- a/storefront/tokens/digdir.ts +++ b/storefront/tokens/digdir.ts @@ -136,280 +136,370 @@ export const color = { lastName: 'inverted', }, ], - action: { - primary: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', + action: [ + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'primary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - secondary: [ - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'subtle-hover', - ], - lastName: 'subtle-hover', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: 'rgba(#00315d, 0.9)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.9)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: 'rgba(#00315d, 0.8)', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: 'rgba(#00315d, 0.9)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.9)', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: 'rgba(#00315d, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.8)', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.8)', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-hover', - ], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - checked: [ - { - value: '#0062ba', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', }, - ], - }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: [ + 'semantic', + 'surface', + 'action', + 'secondary', + 'no_fill-active', + ], + lastName: 'no_fill-active', + }, + ], success: [ { value: '#d1f4e1', @@ -830,344 +920,406 @@ export const color = { { value: '#f89fa1', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#c34c4f', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + ], + secondary: [ + { + value: '#faeec2', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#f5dda6', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#efcc79', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#A17717', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + ], + tertiary: [ + { + value: '#d2eafd', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#a5d6fb', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#78c1f9', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#156aac', + type: 'color', + filePath: '../../design-tokens/Brand/Digdir.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + ], + }, + border: { + info: [ + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + ], + action: [ + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-border-action-dark-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', }, { - value: '#c34c4f', + value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-border-action-primary-subtle', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', }, - ], - secondary: [ { - value: '#faeec2', + value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-border-action-primary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#f5dda6', + value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-border-action-primary-default', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', }, { - value: '#efcc79', + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-border-action-primary-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', }, { - value: '#A17717', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-border-action-primary-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', }, - ], - tertiary: [ { - value: '#d2eafd', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-border-action-secondary-subtle', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', }, { - value: '#a5d6fb', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-border-action-secondary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#78c1f9', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-border-action-secondary-default', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', }, { - value: '#156aac', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Digdir.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-border-action-secondary-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', }, - ], - }, - border: { - info: [ { - value: '#004e95', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-info-default', + name: '--fds-semantic-border-action-secondary-active', attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', }, ], - action: { - primary: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - default: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - ], - hover: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - ], - }, neutral: [ { value: '#68707c', @@ -1684,124 +1836,176 @@ export const color = { lastName: 'on_inverted', }, ], - action: { - primary: [ - { - value: '#0062ba', + action: [ + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - ], - secondary: [ - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', }, - ], - }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + ], warning: [ { value: '#995404', diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts index 421f6e2c71..568bf0005e 100644 --- a/storefront/tokens/tilsynet.ts +++ b/storefront/tokens/tilsynet.ts @@ -136,280 +136,370 @@ export const color = { lastName: 'inverted', }, ], - action: { - primary: [ - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#3339c6', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#0008b8', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00078F', + action: [ + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', type: 'color', description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.primary.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-primary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: '#e6eff8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], - lastName: 'no_fill-hover', - }, - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-primary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'primary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - secondary: [ - { - value: '#f4f5f6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.100}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-subtle-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'subtle-hover', - ], - lastName: 'subtle-hover', - }, - { - value: '#407d6d', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.800}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-default', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#376C5E', - type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.900}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-hover', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#376C5E', + }, + name: '--fds-semantic-surface-action-checked', + attributes: {}, + path: ['semantic', 'surface', 'action', 'checked'], + lastName: 'checked', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#3339c6', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.700}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00078F', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-primary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: '#e6eff8', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-primary-no_fill-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'], + lastName: 'no_fill-active', + }, + { + value: '#f4f5f6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.100}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle'], + lastName: 'subtle', + }, + { + value: '#e9eaec', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.grey.200}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-subtle-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-default', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#376C5E', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-action-secondary-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#376C5E', + type: 'color', + description: 'Standard farge for handlinger', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.900}', + type: 'color', + description: 'Standard farge for handlinger', + }, + name: '--fds-semantic-surface-action-secondary-active', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - description: 'Standard farge for handlinger', - filePath: '../../design-tokens/Brand/Tilsynet.json', - isSource: false, - original: { - value: '{brand.tertiary.900}', - type: 'color', - description: 'Standard farge for handlinger', - }, - name: '--fds-semantic-surface-action-secondary-active', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-surface-action-secondary-no_fill', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], + lastName: 'no_fill', + }, + { + value: 'rgba(#00315d, 0.1)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.1)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill', - attributes: {}, - path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'], - lastName: 'no_fill', - }, - { - value: 'rgba(#00315d, 0.1)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.1)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-hover', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-hover', - ], - lastName: 'no_fill-hover', - }, - { - value: 'rgba(#00315d, 0.2)', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: 'rgba({colors.blue.900}, 0.2)', - type: 'color', - }, - name: '--fds-semantic-surface-action-secondary-no_fill-active', - attributes: {}, - path: [ - 'semantic', - 'surface', - 'action', - 'secondary', - 'no_fill-active', - ], - lastName: 'no_fill-active', - }, - ], - checked: [ - { - value: '#0062ba', + }, + name: '--fds-semantic-surface-action-secondary-no_fill-hover', + attributes: {}, + path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'], + lastName: 'no_fill-hover', + }, + { + value: 'rgba(#00315d, 0.2)', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: 'rgba({colors.blue.900}, 0.2)', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-surface-action-checked', - attributes: {}, - path: ['semantic', 'surface', 'action', 'checked'], - lastName: 'checked', }, - ], - }, + name: '--fds-semantic-surface-action-secondary-no_fill-active', + attributes: {}, + path: [ + 'semantic', + 'surface', + 'action', + 'secondary', + 'no_fill-active', + ], + lastName: 'no_fill-active', + }, + ], success: [ { value: '#d1f4e1', @@ -830,344 +920,406 @@ export const color = { { value: '#9da0e4', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#0008b8', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.primary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-primary-dark', + attributes: {}, + path: ['semantic', 'surface', 'primary', 'dark'], + lastName: 'dark', + }, + ], + secondary: [ + { + value: '#ffdcc3', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light'], + lastName: 'light', + }, + { + value: '#fdd4b7', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#ffc296', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#9F6841', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.secondary.900}', + type: 'color', + }, + name: '--fds-semantic-surface-secondary-dark', + attributes: {}, + path: ['semantic', 'surface', 'secondary', 'dark'], + lastName: 'dark', + }, + ], + tertiary: [ + { + value: '#deece9', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.200}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light'], + lastName: 'light', + }, + { + value: '#bedad2', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.300}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-hover', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-hover'], + lastName: 'light-hover', + }, + { + value: '#9dc7bc', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.400}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-light-active', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'light-active'], + lastName: 'light-active', + }, + { + value: '#407d6d', + type: 'color', + filePath: '../../design-tokens/Brand/Tilsynet.json', + isSource: false, + original: { + value: '{brand.tertiary.800}', + type: 'color', + }, + name: '--fds-semantic-surface-tertiary-dark', + attributes: {}, + path: ['semantic', 'surface', 'tertiary', 'dark'], + lastName: 'dark', + }, + ], + }, + border: { + info: [ + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.800}', + type: 'color', + }, + name: '--fds-semantic-border-info-default', + attributes: {}, + path: ['semantic', 'border', 'info', 'default'], + lastName: 'default', + }, + ], + action: [ + { + value: '#b3d0ea', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.200}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle'], + lastName: 'subtle', + }, + { + value: '#66a1d6', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.400}', + type: 'color', + }, + name: '--fds-semantic-border-action-subtle-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'subtle-hover'], + lastName: 'subtle-hover', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-default', + attributes: {}, + path: ['semantic', 'border', 'action', 'default'], + lastName: 'default', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', + type: 'color', + }, + name: '--fds-semantic-border-action-hover', + attributes: {}, + path: ['semantic', 'border', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-active', + attributes: {}, + path: ['semantic', 'border', 'action', 'active'], + lastName: 'active', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-border-action-dark', + attributes: {}, + path: ['semantic', 'border', 'action', 'dark'], + lastName: 'dark', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.400}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-primary-light-active', + name: '--fds-semantic-border-action-dark-hover', attributes: {}, - path: ['semantic', 'surface', 'primary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'dark-hover'], + lastName: 'dark-hover', }, { - value: '#0008b8', + value: '#b3d0ea', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.primary.800}', + value: '{colors.blue.200}', type: 'color', }, - name: '--fds-semantic-surface-primary-dark', + name: '--fds-semantic-border-action-primary-subtle', attributes: {}, - path: ['semantic', 'surface', 'primary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'subtle'], + lastName: 'subtle', }, - ], - secondary: [ { - value: '#ffdcc3', + value: '#66a1d6', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.200}', + value: '{colors.blue.400}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light', + name: '--fds-semantic-border-action-primary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#fdd4b7', + value: '#0062ba', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.300}', + value: '{colors.blue.700}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-hover', + name: '--fds-semantic-border-action-primary-default', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'primary', 'default'], + lastName: 'default', }, { - value: '#ffc296', + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.400}', + value: '{colors.blue.800}', type: 'color', }, - name: '--fds-semantic-surface-secondary-light-active', + name: '--fds-semantic-border-action-primary-hover', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'primary', 'hover'], + lastName: 'hover', }, { - value: '#9F6841', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.secondary.900}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-secondary-dark', + name: '--fds-semantic-border-action-primary-active', attributes: {}, - path: ['semantic', 'surface', 'secondary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'primary', 'active'], + lastName: 'active', }, - ], - tertiary: [ { - value: '#deece9', + value: '#e9eaec', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.200}', + value: '{colors.grey.200}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light', + name: '--fds-semantic-border-action-secondary-subtle', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light'], - lastName: 'light', + path: ['semantic', 'border', 'action', 'secondary', 'subtle'], + lastName: 'subtle', }, { - value: '#bedad2', + value: '#d2d5d8', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.300}', + value: '{colors.grey.300}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-hover', + name: '--fds-semantic-border-action-secondary-subtle-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-hover'], - lastName: 'light-hover', + path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], + lastName: 'subtle-hover', }, { - value: '#9dc7bc', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.400}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-light-active', + name: '--fds-semantic-border-action-secondary-default', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'light-active'], - lastName: 'light-active', + path: ['semantic', 'border', 'action', 'secondary', 'default'], + lastName: 'default', }, { - value: '#407d6d', + value: '#00315d', type: 'color', - filePath: '../../design-tokens/Brand/Tilsynet.json', + filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{brand.tertiary.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-surface-tertiary-dark', + name: '--fds-semantic-border-action-secondary-hover', attributes: {}, - path: ['semantic', 'surface', 'tertiary', 'dark'], - lastName: 'dark', + path: ['semantic', 'border', 'action', 'secondary', 'hover'], + lastName: 'hover', }, - ], - }, - border: { - info: [ { - value: '#004e95', + value: '#00315d', type: 'color', filePath: '../../design-tokens/Base/Semantic.json', isSource: false, original: { - value: '{colors.blue.800}', + value: '{colors.blue.900}', type: 'color', }, - name: '--fds-semantic-border-info-default', + name: '--fds-semantic-border-action-secondary-active', attributes: {}, - path: ['semantic', 'border', 'info', 'default'], - lastName: 'default', + path: ['semantic', 'border', 'action', 'secondary', 'active'], + lastName: 'active', }, ], - action: { - primary: [ - { - value: '#b3d0ea', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#66a1d6', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.400}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'default'], - lastName: 'default', - }, - { - value: '#004e95', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.800}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-primary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'primary', 'active'], - lastName: 'active', - }, - ], - secondary: [ - { - value: '#e9eaec', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.200}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle'], - lastName: 'subtle', - }, - { - value: '#d2d5d8', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.grey.300}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-subtle-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'], - lastName: 'subtle-hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-secondary-active', - attributes: {}, - path: ['semantic', 'border', 'action', 'secondary', 'active'], - lastName: 'active', - }, - ], - default: [ - { - value: '#00315d', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-border-action-default', - attributes: {}, - path: ['semantic', 'border', 'action', 'default'], - lastName: 'default', - }, - ], - hover: [ - { - value: '#0062ba', - type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-border-action-hover', - attributes: {}, - path: ['semantic', 'border', 'action', 'hover'], - lastName: 'hover', - }, - ], - }, neutral: [ { value: '#68707c', @@ -1684,124 +1836,176 @@ export const color = { lastName: 'on_inverted', }, ], - action: { - primary: [ - { - value: '#0062ba', + action: [ + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.700}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'default'], - lastName: 'default', - }, - { + }, + name: '--fds-semantic-text-action-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#004e95', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '#00315d', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-primary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'primary', 'on_action'], - lastName: 'on_action', - }, - ], - secondary: [ - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'on_action'], + lastName: 'on_action', + }, + { + value: '#0062ba', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.700}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-default', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'default'], - lastName: 'default', - }, - { - value: '#00315d', + }, + name: '--fds-semantic-text-action-primary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'default'], + lastName: 'default', + }, + { + value: '#004e95', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '#004e95', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-hover', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'hover'], - lastName: 'hover', - }, - { + }, + name: '--fds-semantic-text-action-primary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { value: '#00315d', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.blue.900}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-active', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'active'], - lastName: 'active', - }, - { - value: '#ffffff', + }, + name: '--fds-semantic-text-action-primary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', type: 'color', - filePath: '../../design-tokens/Base/Semantic.json', - isSource: false, - original: { - value: '{colors.white}', - type: 'color', - }, - name: '--fds-semantic-text-action-secondary-on_action', - attributes: {}, - path: ['semantic', 'text', 'action', 'secondary', 'on_action'], - lastName: 'on_action', }, - ], - }, + name: '--fds-semantic-text-action-primary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'primary', 'on_action'], + lastName: 'on_action', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-default', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'default'], + lastName: 'default', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-hover', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'hover'], + lastName: 'hover', + }, + { + value: '#00315d', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.blue.900}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-active', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'active'], + lastName: 'active', + }, + { + value: '#ffffff', + type: 'color', + filePath: '../../design-tokens/Base/Semantic.json', + isSource: false, + original: { + value: '{colors.white}', + type: 'color', + }, + name: '--fds-semantic-text-action-secondary-on_action', + attributes: {}, + path: ['semantic', 'text', 'action', 'secondary', 'on_action'], + lastName: 'on_action', + }, + ], warning: [ { value: '#995404',