diff --git a/packages/design-system/generate/variables.json b/packages/design-system/generate/variables.json index 6c5796272..ebd177c14 100644 --- a/packages/design-system/generate/variables.json +++ b/packages/design-system/generate/variables.json @@ -1682,30 +1682,24 @@ "isAlias": false, "value": "#779990" }, - { - "name": "Signature/Hotel Norge/Emerald/80", - "type": "color", - "isAlias": false, - "value": "#3A655C" - }, { "name": "Signature/Hotel Norge/Off White/80", "type": "color", "isAlias": false, "value": "#838481" }, + { + "name": "Signature/Hotel Norge/Emerald/80", + "type": "color", + "isAlias": false, + "value": "#3A655C" + }, { "name": "Signature/Hotel Norge/Off White/90", "type": "color", "isAlias": false, "value": "#6F716F" }, - { - "name": "Signature/Hotel Norge/Off White/100", - "type": "color", - "isAlias": false, - "value": "#646563" - }, { "name": "Signature/Hotel Norge/Emerald/90", "type": "color", @@ -1713,10 +1707,10 @@ "value": "#26544A" }, { - "name": "Signature/Hotel Norge/Dark blue/0", + "name": "Signature/Hotel Norge/Off White/100", "type": "color", "isAlias": false, - "value": "#B7C5C8" + "value": "#646563" }, { "name": "Signature/Hotel Norge/Emerald/100", @@ -1724,6 +1718,12 @@ "isAlias": false, "value": "#004337" }, + { + "name": "Signature/Hotel Norge/Dark blue/0", + "type": "color", + "isAlias": false, + "value": "#B7C5C8" + }, { "name": "Signature/Hotel Norge/Dark blue/30", "type": "color", @@ -1850,6 +1850,12 @@ "isAlias": false, "value": "#73FCEE" }, + { + "name": "Scandic Go/Cyan/70", + "type": "color", + "isAlias": false, + "value": "#087B86" + }, { "name": "Scandic Go/Coral/50", "type": "color", @@ -1862,6 +1868,12 @@ "isAlias": false, "value": "#ECC8C9" }, + { + "name": "Scandic Go/Powder Rose/90", + "type": "color", + "isAlias": false, + "value": "#C27183" + }, { "name": "Signature/The Dock/Rose Copper/80", "type": "color", @@ -2495,12 +2507,6 @@ "name": "Font family/Scandic/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.09000000357627869 - }, { "name": "Title/sm/Size", "type": "number", @@ -2510,6 +2516,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.09000000357627869 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -3257,12 +3269,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.19200000166893005 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -3272,6 +3278,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.19200000166893005 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -3391,12 +3403,6 @@ "name": "Font family/Scandic Go/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.36000001430511475 - }, { "name": "Title/sm/Size", "type": "number", @@ -3406,6 +3412,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.36000001430511475 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -4153,12 +4165,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -4168,6 +4174,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -4287,12 +4299,6 @@ "name": "Font family/Downtown Camper/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.09000000357627869 - }, { "name": "Title/sm/Size", "type": "number", @@ -4302,6 +4308,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.09000000357627869 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -5049,12 +5061,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -5064,6 +5070,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -5183,12 +5195,6 @@ "name": "Font family/Haymarket/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.36000001430511475 - }, { "name": "Title/sm/Size", "type": "number", @@ -5198,6 +5204,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.36000001430511475 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -5945,12 +5957,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -5960,6 +5966,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -6079,12 +6091,6 @@ "name": "Font family/Marski/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.09000000357627869 - }, { "name": "Title/sm/Size", "type": "number", @@ -6094,6 +6100,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.09000000357627869 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -6841,12 +6853,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -6856,6 +6862,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -6975,12 +6987,6 @@ "name": "Font family/Hotel Norge/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.36000001430511475 - }, { "name": "Title/sm/Size", "type": "number", @@ -6990,6 +6996,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.36000001430511475 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -7737,12 +7749,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -7752,6 +7758,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -7871,12 +7883,6 @@ "name": "Font family/Grand Hotel/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.18000000715255737 - }, { "name": "Title/sm/Size", "type": "number", @@ -7886,6 +7892,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.18000000715255737 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -8633,12 +8645,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -8648,6 +8654,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -8767,12 +8779,6 @@ "name": "Font family/The Dock/Title" } }, - { - "name": "Title/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0 - }, { "name": "Title/sm/Size", "type": "number", @@ -8782,6 +8788,12 @@ "name": "Text size/lg" } }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0 + }, { "name": "Title/sm/Font weight", "type": "number", @@ -9529,12 +9541,6 @@ "isAlias": false, "value": "sans-serif" }, - { - "name": "Body/Underline/md/Letter spacing", - "type": "number", - "isAlias": false, - "value": 0.1899999976158142 - }, { "name": "Body/Underline/sm/Size", "type": "number", @@ -9544,6 +9550,12 @@ "name": "Text size/4xs" } }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, { "name": "Body/Underline/md/Text decoration", "type": "boolean", @@ -9686,6 +9698,15 @@ "name": "Scandic/Red/100" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -9821,6 +9842,15 @@ "name": "Scandic/Grey/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Grey/90" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -10370,6 +10400,15 @@ "name": "Scandic/Red/Default" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -11227,6 +11266,15 @@ "name": "Scandic Go/Purple/100" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -11362,6 +11410,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -11710,7 +11767,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Cyan/20" + "name": "Scandic Go/Cyan/70" } }, { @@ -11719,7 +11776,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Green/30" + "name": "Scandic Go/Green/70" } }, { @@ -11728,7 +11785,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/10" + "name": "Scandic Go/Purple/70" } }, { @@ -11737,7 +11794,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Powder Rose/50" + "name": "Scandic Go/Powder Rose/90" } }, { @@ -11911,6 +11968,15 @@ "name": "Scandic Go/Purple/80" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -12768,6 +12834,15 @@ "name": "Signature/Downtown Camper/Russet/60" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -12903,6 +12978,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -13071,7 +13155,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/50" + "name": "Signature/Downtown Camper/Russet/100" } }, { @@ -13440,6 +13524,15 @@ "name": "Signature/Downtown Camper/Russet/80" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -13587,7 +13680,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Signature/Downtown Camper/Russet/100" } }, { @@ -13713,7 +13806,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Signature/Downtown Camper/Russet/100" } }, { @@ -13722,7 +13815,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/70" + "name": "Signature/Downtown Camper/Russet/90" } }, { @@ -13758,7 +13851,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Signature/Downtown Camper/Russet/100" } }, { @@ -13767,7 +13860,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/70" + "name": "Signature/Downtown Camper/Russet/90" } }, { @@ -13803,7 +13896,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Lunar green/80" + "name": "Signature/Downtown Camper/Russet/80" } }, { @@ -13956,7 +14049,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Signature/Downtown Camper/Russet/100" } }, { @@ -14028,7 +14121,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/60" + "name": "Neutral/Opacity/White/100" } }, { @@ -14297,6 +14390,15 @@ "name": "Signature/Haymarket/Antique Brass/40" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -14432,6 +14534,15 @@ "name": "Neutral/90" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -14969,6 +15080,15 @@ "name": "Signature/Haymarket/Antique Brass/60" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -15826,6 +15946,15 @@ "name": "Signature/Marski/Blue ribbon/90" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -15961,6 +16090,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -16498,6 +16636,15 @@ "name": "Signature/Marski/Blue ribbon/70" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -17355,6 +17502,15 @@ "name": "Signature/Hotel Norge/Emerald/80" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -17490,6 +17646,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -18027,6 +18192,15 @@ "name": "Signature/Hotel Norge/Emerald/90" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -18884,6 +19058,15 @@ "name": "Signature/Grand Hotel/Careys Pink/50" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -19019,6 +19202,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -19556,6 +19748,15 @@ "name": "Signature/Grand Hotel/Careys Pink/60" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -20413,6 +20614,15 @@ "name": "Signature/The Dock/Signal Red/50" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -20548,6 +20758,15 @@ "name": "Neutral/90" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/70" + } + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -20563,7 +20782,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -20572,7 +20791,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -20581,7 +20800,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -20782,14 +21001,20 @@ { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -21079,6 +21304,15 @@ "name": "Signature/The Dock/Signal Red/60" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", @@ -21936,6 +22170,15 @@ "name": "Signature/Grand Hotel/Careys Pink/50" } }, + { + "name": "Text/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Text/Interactive/Disabled", "type": "color", @@ -22071,6 +22314,12 @@ "name": "Neutral/90" } }, + { + "name": "Text/Brand/OnPrimary 1/Hover", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, { "name": "Text/Brand/OnPrimary 1/Accent", "type": "color", @@ -22578,6 +22827,15 @@ "name": "Signature/Grand Hotel/Careys Pink/60" } }, + { + "name": "Icon/Interactive/Inverted Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, { "name": "Icon/Interactive/Disabled", "type": "color", diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css index b9af6f4de..14b032ad2 100644 --- a/packages/design-system/lib/styles/downtown-camper.css +++ b/packages/design-system/lib/styles/downtown-camper.css @@ -13,16 +13,17 @@ --Body-Underline-sm-Font-fallback: sans-serif; --Body-Underline-sm-Letter-spacing: 0.2px; --Body-Underline-sm-Text-Decoration: underline; - --Component-Button-Brand-Primary-Fill-Hover: #9e694a; - --Component-Button-Brand-Secondary-Border-Hover-inverted: #c59f8a; - --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #ddc5b7; - --Component-Button-Brand-Tertiary-Fill-Hover: #4d5448; + --Component-Button-Brand-Primary-Fill-Hover: #614436; + --Component-Button-Brand-Secondary-Border-Hover-inverted: #9b857b; + --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #c2b4ae; + --Component-Button-Brand-Tertiary-Fill-Hover: #915836; --Component-Button-Inverted-Fill-Hover: #e6e5e5; - --Component-Button-Inverted-On-fill-Hover: #915836; + --Component-Button-Inverted-On-fill-Hover: #4f3021; --Component-Button-Muted-Border-Hover: #ffffff30; --Font-family-Downtown-Camper-Body: 'Fira sans'; --Font-family-Downtown-Camper-Decorative: 'Gotham'; --Font-family-Downtown-Camper-Title: 'Gotham'; + --Icon-Interactive-Inverted-Hover: #b5b5b5; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -75,6 +76,8 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.06px; --Tag-Text-Transform: none; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #b5b5b5; --Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Letter-spacing: 0.05px; --Title-Decorative-lg-Text-Transform: uppercase; @@ -130,9 +133,7 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); - --Border-Divider-Brand-OnAccent-Default: var( - --Signature-Downtown-Camper-Russet-60 - ); + --Border-Divider-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-3-Default: var( @@ -155,7 +156,7 @@ ); --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Primary-Fill-Default: var( - --Signature-Downtown-Camper-Russet-80 + --Signature-Downtown-Camper-Russet-100 ); --Component-Button-Brand-Primary-Fill-Disabled: var( --Neutral-Opacity-Black-10 @@ -168,13 +169,13 @@ --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-Border-Default: var( - --Signature-Downtown-Camper-Russet-80 + --Signature-Downtown-Camper-Russet-100 ); --Component-Button-Brand-Secondary-Border-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Secondary-Border-Hover: var( - --Signature-Downtown-Camper-Russet-70 + --Signature-Downtown-Camper-Russet-90 ); --Component-Button-Brand-Secondary-Border-Inverted: var( --Neutral-Opacity-White-100 @@ -193,11 +194,11 @@ --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-On-fill-Default: var( - --Signature-Downtown-Camper-Russet-80 + --Signature-Downtown-Camper-Russet-100 ); --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Secondary-On-fill-Hover: var( - --Signature-Downtown-Camper-Russet-70 + --Signature-Downtown-Camper-Russet-90 ); --Component-Button-Brand-Secondary-On-fill-Inverted: var( --Neutral-Opacity-White-100 @@ -212,7 +213,7 @@ --Neutral-Opacity-White-0 ); --Component-Button-Brand-Tertiary-Fill-Default: var( - --Signature-Downtown-Camper-Lunar-green-80 + --Signature-Downtown-Camper-Russet-80 ); --Component-Button-Brand-Tertiary-Fill-Disabled: var( --Neutral-Opacity-Black-10 @@ -234,7 +235,7 @@ --Signature-Downtown-Camper-Lunar-green-80 ); --Component-Button-Inverted-On-fill-Default: var( - --Signature-Downtown-Camper-Russet-80 + --Signature-Downtown-Camper-Russet-100 ); --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Inverted-On-fill-Hover-inverted: var( @@ -289,7 +290,7 @@ --Surface-Accent-3: var(--Signature-Downtown-Camper-Lunar-green-70); --Surface-Accent-4: var(--Signature-Downtown-Camper-Russet-50); --Surface-Accent-5: var(--Scandic-Blue-80); - --Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-50); + --Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-100); --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( --Neutral-Opacity-White-100 ); diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js index 13897244f..42d25083c 100644 --- a/packages/design-system/lib/styles/downtown-camper.js +++ b/packages/design-system/lib/styles/downtown-camper.js @@ -148,6 +148,7 @@ export const theme = { 'Text/Interactive/Hover': '#454545', 'Text/Interactive/Secondary': '#834722', 'Text/Interactive/Secondary Hover': '#BB7524', + 'Text/Interactive/Inverted Hover': '#b5b5b5', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -163,6 +164,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#747474', 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Hover': '#ffffff', 'Text/Brand/OnPrimary 1/Accent': '#FFFFFF', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -181,7 +183,7 @@ export const theme = { 'Surface/Secondary/Default': '#F0F0F0', 'Surface/Secondary/Subtle': '#D9D9D9', 'Surface/Secondary/Hover': '#e4e4e4', - 'Surface/Brand/Accent/Default': '#D3952D', + 'Surface/Brand/Accent/Default': '#3C1D0C', 'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF', 'Surface/Brand/Accent/OnAccent/Accent Secondary': '#FFFFFF', 'Surface/Brand/Primary 1/Default': '#3C4336', @@ -220,6 +222,7 @@ export const theme = { 'Icon/Interactive/Default': '#1F1F1F', 'Icon/Interactive/Secondary': '#834722', 'Icon/Interactive/Accent': '#834722', + 'Icon/Interactive/Inverted Hover': '#b5b5b5', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', @@ -235,8 +238,8 @@ export const theme = { 'Overlay/60': '#1F1C1B99', 'Overlay/80': '#1F1C1BCC', 'Overlay/90': '#1F1C1BE6', - 'Component/Button/Brand/Primary/Fill/Default': '#834722', - 'Component/Button/Brand/Primary/Fill/Hover': '#9e694a', + 'Component/Button/Brand/Primary/Fill/Default': '#3C1D0C', + 'Component/Button/Brand/Primary/Fill/Hover': '#614436', 'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A', 'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF', 'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF', @@ -249,18 +252,18 @@ export const theme = { 'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF', 'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3C4336', 'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A', - 'Component/Button/Brand/Secondary/On fill/Default': '#834722', - 'Component/Button/Brand/Secondary/On fill/Hover': '#9B5622', + 'Component/Button/Brand/Secondary/On fill/Default': '#3C1D0C', + 'Component/Button/Brand/Secondary/On fill/Hover': '#69391E', 'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF', - 'Component/Button/Brand/Secondary/On fill/Hover inverted': '#ddc5b7', + 'Component/Button/Brand/Secondary/On fill/Hover inverted': '#c2b4ae', 'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C', - 'Component/Button/Brand/Secondary/Border/Default': '#834722', - 'Component/Button/Brand/Secondary/Border/Hover': '#9B5622', + 'Component/Button/Brand/Secondary/Border/Default': '#3C1D0C', + 'Component/Button/Brand/Secondary/Border/Hover': '#69391E', 'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF', - 'Component/Button/Brand/Secondary/Border/Hover inverted': '#c59f8a', + 'Component/Button/Brand/Secondary/Border/Hover inverted': '#9b857b', 'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A', - 'Component/Button/Brand/Tertiary/Fill/Default': '#3C4336', - 'Component/Button/Brand/Tertiary/Fill/Hover': '#4d5448', + 'Component/Button/Brand/Tertiary/Fill/Default': '#834722', + 'Component/Button/Brand/Tertiary/Fill/Hover': '#915836', 'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A', 'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF', 'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF', @@ -276,15 +279,15 @@ export const theme = { 'Component/Button/Inverted/Border/Default': '#FFFFFF00', 'Component/Button/Inverted/Border/Hover': '#FFFFFF00', 'Component/Button/Inverted/Border/Disable': '#FFFFFF00', - 'Component/Button/Inverted/On fill/Default': '#834722', - 'Component/Button/Inverted/On fill/Hover': '#915836', + 'Component/Button/Inverted/On fill/Default': '#3C1D0C', + 'Component/Button/Inverted/On fill/Hover': '#4f3021', 'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF', 'Component/Button/Inverted/On fill/Disabled': '#8C8C8C', 'Border/Interactive/Default': '#BFBFBF', 'Border/Divider/Default': '#D9D9D9', 'Border/Divider/Subtle': '#E9E9E9', 'Border/Divider/Accent': '#BFBFBF', - 'Border/Divider/Brand/OnAccent/Default': '#BB7524', + 'Border/Divider/Brand/OnAccent/Default': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 3/Default': '#C69382', diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css index 3b3425284..0bafb69a5 100644 --- a/packages/design-system/lib/styles/grand-hotel.css +++ b/packages/design-system/lib/styles/grand-hotel.css @@ -25,6 +25,7 @@ --Font-family-Grand-Hotel-Body: 'Fira sans'; --Font-family-Grand-Hotel-Decorative: 'Canela Deck'; --Font-family-Grand-Hotel-Title: 'Canela Deck'; + --Icon-Interactive-Inverted-Hover: #b6b7b9; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -57,6 +58,8 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.24px; --Tag-Text-Transform: uppercase; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #b6b7b9; --Title-Decorative-lg-Font-fallback: Serif; --Title-Decorative-lg-Letter-spacing: 0.3px; --Title-Decorative-lg-Text-Transform: uppercase; diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js index cc48e057e..e79fbab4e 100644 --- a/packages/design-system/lib/styles/grand-hotel.js +++ b/packages/design-system/lib/styles/grand-hotel.js @@ -129,6 +129,7 @@ export const theme = { 'Text/Interactive/Hover': '#3D444D', 'Text/Interactive/Secondary': '#AA546B', 'Text/Interactive/Secondary Hover': '#C27183', + 'Text/Interactive/Inverted Hover': '#b6b7b9', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -144,6 +145,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#747474', 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Hover': '#ffffff', 'Text/Brand/OnPrimary 1/Accent': '#FFFFFF', 'Text/Brand/OnPrimary 2/Heading': '#1F1F1F', 'Text/Brand/OnPrimary 2/Default': '#1F1F1F', @@ -201,6 +203,7 @@ export const theme = { 'Icon/Interactive/Default': '#21252B', 'Icon/Interactive/Secondary': '#AA546B', 'Icon/Interactive/Accent': '#AA546B', + 'Icon/Interactive/Inverted Hover': '#b6b7b9', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css index 7d14c1977..eb2d3cd7f 100644 --- a/packages/design-system/lib/styles/haymarket.css +++ b/packages/design-system/lib/styles/haymarket.css @@ -23,6 +23,7 @@ --Font-family-Haymarket-Body: 'Fira sans'; --Font-family-Haymarket-Decorative: 'Prumo text'; --Font-family-Haymarket-Title: 'Prumo text'; + --Icon-Interactive-Inverted-Hover: #b5b5b5; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -75,6 +76,7 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.24px; --Tag-Text-Transform: uppercase; + --Text-Interactive-Inverted-Hover: #b5b5b5; --Title-Decorative-lg-Font-fallback: Serif; --Title-Decorative-lg-Letter-spacing: 0.6px; --Title-Decorative-lg-Text-Transform: uppercase; @@ -332,6 +334,7 @@ --Text-Brand-OnPrimary-1-Accent: var(--Neutral-90); --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Hover: var(--Neutral-70); --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js index 42e81007c..a050c2150 100644 --- a/packages/design-system/lib/styles/haymarket.js +++ b/packages/design-system/lib/styles/haymarket.js @@ -148,6 +148,7 @@ export const theme = { 'Text/Interactive/Hover': '#454545', 'Text/Interactive/Secondary': '#805E45', 'Text/Interactive/Secondary Hover': '#BA8E6E', + 'Text/Interactive/Inverted Hover': '#b5b5b5', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -163,6 +164,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#805E45', 'Text/Brand/OnPrimary 1/Heading': '#1F1F1F', 'Text/Brand/OnPrimary 1/Default': '#1F1F1F', + 'Text/Brand/OnPrimary 1/Hover': '#454545', 'Text/Brand/OnPrimary 1/Accent': '#1F1F1F', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -220,6 +222,7 @@ export const theme = { 'Icon/Interactive/Default': '#1F1F1F', 'Icon/Interactive/Secondary': '#805E45', 'Icon/Interactive/Accent': '#805E45', + 'Icon/Interactive/Inverted Hover': '#b5b5b5', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css index ae4f49fed..91e2e976c 100644 --- a/packages/design-system/lib/styles/hotel-norge.css +++ b/packages/design-system/lib/styles/hotel-norge.css @@ -23,6 +23,7 @@ --Font-family-Hotel-Norge-Body: 'Fira sans'; --Font-family-Hotel-Norge-Decorative: 'Domaine Sans Text'; --Font-family-Hotel-Norge-Title: 'Domaine Sans Text'; + --Icon-Interactive-Inverted-Hover: #b3b4bd; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -64,6 +65,8 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.18px; --Tag-Text-Transform: uppercase; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #b3b4bd; --Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Letter-spacing: 0.24px; --Title-Decorative-lg-Text-Transform: uppercase; diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js index 5cbf8f189..52bba275f 100644 --- a/packages/design-system/lib/styles/hotel-norge.js +++ b/packages/design-system/lib/styles/hotel-norge.js @@ -10,13 +10,13 @@ export const theme = { 'Signature/Hotel Norge/Off White/70': '#AAAAA7', 'Signature/Hotel Norge/Emerald/0': '#C7DDD5', 'Signature/Hotel Norge/Emerald/50': '#779990', - 'Signature/Hotel Norge/Emerald/80': '#3A655C', 'Signature/Hotel Norge/Off White/80': '#838481', + 'Signature/Hotel Norge/Emerald/80': '#3A655C', 'Signature/Hotel Norge/Off White/90': '#6F716F', - 'Signature/Hotel Norge/Off White/100': '#646563', 'Signature/Hotel Norge/Emerald/90': '#26544A', - 'Signature/Hotel Norge/Dark blue/0': '#B7C5C8', + 'Signature/Hotel Norge/Off White/100': '#646563', 'Signature/Hotel Norge/Emerald/100': '#004337', + 'Signature/Hotel Norge/Dark blue/0': '#B7C5C8', 'Signature/Hotel Norge/Dark blue/30': '#858F97', 'Signature/Hotel Norge/Dark blue/60': '#626B76', 'Signature/Hotel Norge/Dark blue/80': '#404655', @@ -135,6 +135,7 @@ export const theme = { 'Text/Interactive/Hover': '#404655', 'Text/Interactive/Secondary': '#26544A', 'Text/Interactive/Secondary Hover': '#3A655C', + 'Text/Interactive/Inverted Hover': '#b3b4bd', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -150,6 +151,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#747474', 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Hover': '#ffffff', 'Text/Brand/OnPrimary 1/Accent': '#B7C5C8', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -207,6 +209,7 @@ export const theme = { 'Icon/Interactive/Default': '#181E34', 'Icon/Interactive/Secondary': '#26544A', 'Icon/Interactive/Accent': '#26544A', + 'Icon/Interactive/Inverted Hover': '#b3b4bd', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css index 8b944758d..1a365fe8a 100644 --- a/packages/design-system/lib/styles/marski.css +++ b/packages/design-system/lib/styles/marski.css @@ -23,6 +23,7 @@ --Font-family-Marski-Body: 'Fira sans'; --Font-family-Marski-Decorative: 'Helvetica Neue'; --Font-family-Marski-Title: 'Helvetica Neue'; + --Icon-Interactive-Inverted-Hover: #b6bdc2; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -85,6 +86,8 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.18px; --Tag-Text-Transform: none; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #b2b9be; --Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Letter-spacing: 0.1px; --Title-Decorative-lg-Text-Transform: uppercase; diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js index 3a4af0c83..34653684a 100644 --- a/packages/design-system/lib/styles/marski.js +++ b/packages/design-system/lib/styles/marski.js @@ -159,6 +159,7 @@ export const theme = { 'Text/Interactive/Hover': '#2C414D', 'Text/Interactive/Secondary': '#0D57F3', 'Text/Interactive/Secondary Hover': '#143D94', + 'Text/Interactive/Inverted Hover': '#b2b9be', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -174,6 +175,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#747474', 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Hover': '#ffffff', 'Text/Brand/OnPrimary 1/Accent': '#458AFF', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -231,6 +233,7 @@ export const theme = { 'Icon/Interactive/Default': '#1E3441', 'Icon/Interactive/Secondary': '#0D57F3', 'Icon/Interactive/Accent': '#0D57F3', + 'Icon/Interactive/Inverted Hover': '#b6bdc2', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/partner-sas.css b/packages/design-system/lib/styles/partner-sas.css index ef535e45c..8426f3290 100644 --- a/packages/design-system/lib/styles/partner-sas.css +++ b/packages/design-system/lib/styles/partner-sas.css @@ -10,6 +10,7 @@ --Component-Button-Inverted-On-fill-Hover: #34373d; --Component-Button-Muted-Border-Hover: #ffffff30; --Component-Button-Muted-Fill-Hover-inverted: #f2f2f2; + --Icon-Interactive-Inverted-Hover: #b6b7b9; --Surface-Brand-Accent-Default: #ffffff; --Surface-Brand-Accent-OnAccent-Accent-Secondary: #ffffff; --Surface-Brand-Accent-OnAccent-Accent: #ffffff; @@ -27,6 +28,8 @@ --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #ebeae9; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #b6b7b9; --Utilities-Gradients-10: #5b6e7f1a; /* Aliases */ diff --git a/packages/design-system/lib/styles/partner-sas.js b/packages/design-system/lib/styles/partner-sas.js index 238290bc8..55cbadeaf 100644 --- a/packages/design-system/lib/styles/partner-sas.js +++ b/packages/design-system/lib/styles/partner-sas.js @@ -1,5 +1,6 @@ /* This file is generated, do not edit manually! */ export const theme = { + 'Text/Brand/OnPrimary 1/Hover': '#FFFFFF', 'Surface/Brand/Accent/Default': '#FFFFFF', 'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF', 'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF', @@ -25,6 +26,7 @@ export const theme = { 'Text/Interactive/Hover': '#AA546B', 'Text/Interactive/Secondary': '#AA546B', 'Text/Interactive/Secondary Hover': '#C27183', + 'Text/Interactive/Inverted Hover': '#b6b7b9', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -87,6 +89,7 @@ export const theme = { 'Icon/Interactive/Default': '#21252B', 'Icon/Interactive/Secondary': '#AA546B', 'Icon/Interactive/Accent': '#AA546B', + 'Icon/Interactive/Inverted Hover': '#b6b7b9', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css index 09cf892a0..dfeb0a542 100644 --- a/packages/design-system/lib/styles/scandic-go.css +++ b/packages/design-system/lib/styles/scandic-go.css @@ -24,6 +24,7 @@ --Font-family-Scandic-Go-Body: 'Fira sans'; --Font-family-Scandic-Go-Decorative: 'ITC Garamond Std'; --Font-family-Scandic-Go-Title: 'Neue Haas Grotesk Display Pro'; + --Icon-Interactive-Inverted-Hover: #bbb2bf; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -46,6 +47,7 @@ --Scandic-Go-Beige-90: #373633; --Scandic-Go-Coral-50: #fa3737; --Scandic-Go-Cyan-20: #73fcee; + --Scandic-Go-Cyan-70: #087b86; --Scandic-Go-Green-00: #edffe5; --Scandic-Go-Green-100: #162115; --Scandic-Go-Green-10: #cdffb8; @@ -58,6 +60,7 @@ --Scandic-Go-Green-80: #26461f; --Scandic-Go-Green-90: #21331f; --Scandic-Go-Powder-Rose-50: #ecc8c9; + --Scandic-Go-Powder-Rose-90: #c27183; --Scandic-Go-Purple-00: #f4f2ff; --Scandic-Go-Purple-100: #2d163a; --Scandic-Go-Purple-10: #dcd7ff; @@ -87,6 +90,8 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.24px; --Tag-Text-Transform: none; + --Text-Brand-OnPrimary-1-Hover: #ffffff; + --Text-Interactive-Inverted-Hover: #bbb2bf; --Title-Decorative-lg-Font-fallback: Serif; --Title-Decorative-lg-Letter-spacing: 0.32px; --Title-Decorative-lg-Text-Transform: none; @@ -276,10 +281,10 @@ --Overlay-80: var(--Neutral-Opacity-Black-80); --Overlay-90: var(--Neutral-Opacity-Black-90); --Surface-Accent-1: var(--Scandic-Go-Coral-50); - --Surface-Accent-2: var(--Scandic-Go-Cyan-20); - --Surface-Accent-3: var(--Scandic-Go-Green-30); - --Surface-Accent-4: var(--Scandic-Go-Purple-10); - --Surface-Accent-5: var(--Scandic-Go-Powder-Rose-50); + --Surface-Accent-2: var(--Scandic-Go-Cyan-70); + --Surface-Accent-3: var(--Scandic-Go-Green-70); + --Surface-Accent-4: var(--Scandic-Go-Purple-70); + --Surface-Accent-5: var(--Scandic-Go-Powder-Rose-90); --Surface-Brand-Accent-Default: var(--Scandic-Go-Yellow-30); --Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Go-Purple-90); --Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Go-Purple-90); diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js index d4f7381c1..b4f406110 100644 --- a/packages/design-system/lib/styles/scandic-go.js +++ b/packages/design-system/lib/styles/scandic-go.js @@ -46,8 +46,10 @@ export const theme = { 'Scandic Go/Green/90': '#21331F', 'Scandic Go/Green/100': '#162115', 'Scandic Go/Cyan/20': '#73FCEE', + 'Scandic Go/Cyan/70': '#087B86', 'Scandic Go/Coral/50': '#FA3737', 'Scandic Go/Powder Rose/50': '#ECC8C9', + 'Scandic Go/Powder Rose/90': '#C27183', 'Title/lg/Letter spacing': 0.48, 'Title/lg/Font fallback': 'sans-serif', 'Title/lg/Text-Transform': 'none', @@ -159,6 +161,7 @@ export const theme = { 'Text/Interactive/Hover': '#5E2A8C', 'Text/Interactive/Secondary': '#5E2A8C', 'Text/Interactive/Secondary Hover': '#2D163A', + 'Text/Interactive/Inverted Hover': '#bbb2bf', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -174,6 +177,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#5E2A8C', 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Hover': '#ffffff', 'Text/Brand/OnPrimary 1/Accent': '#DCD7FF', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -212,10 +216,10 @@ export const theme = { 'Surface/UI Fill/Active Hover': '#e6e5e5', 'Surface/UI Fill/Disabled': '#E9E9E9', 'Surface/Accent/1': '#FA3737', - 'Surface/Accent/2': '#73FCEE', - 'Surface/Accent/3': '#85FF52', - 'Surface/Accent/4': '#DCD7FF', - 'Surface/Accent/5': '#ECC8C9', + 'Surface/Accent/2': '#087B86', + 'Surface/Accent/3': '#2A601E', + 'Surface/Accent/4': '#733CB2', + 'Surface/Accent/5': '#C27183', 'Surface/Feedback/Information': '#284EA0', 'Surface/Feedback/Information light': '#E8F6FF', 'Surface/Feedback/Succes': '#348337', @@ -235,6 +239,7 @@ export const theme = { 'Icon/Interactive/Default': '#2D163A', 'Icon/Interactive/Secondary': '#5E2A8C', 'Icon/Interactive/Accent': '#5E2A8C', + 'Icon/Interactive/Inverted Hover': '#bbb2bf', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css index 4f2f803e9..be84399f9 100644 --- a/packages/design-system/lib/styles/scandic.css +++ b/packages/design-system/lib/styles/scandic.css @@ -22,6 +22,7 @@ --Font-family-Scandic-Body: 'Fira sans'; --Font-family-Scandic-Decorative: 'Biro Script Plus'; --Font-family-Scandic-Title: 'Brandon Text'; + --Icon-Interactive-Inverted-Hover: #cbb0b3; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -114,6 +115,7 @@ --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.2px; --Tag-Text-Transform: uppercase; + --Text-Interactive-Inverted-Hover: #cbb0b3; --Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Letter-spacing: 0.64px; --Title-Decorative-lg-Text-Transform: none; @@ -354,6 +356,7 @@ --Text-Brand-OnPrimary-1-Accent: var(--Scandic-Red-Default); --Text-Brand-OnPrimary-1-Default: var(--Scandic-Grey-100); --Text-Brand-OnPrimary-1-Heading: var(--Scandic-Red-100); + --Text-Brand-OnPrimary-1-Hover: var(--Scandic-Grey-90); --Text-Brand-OnPrimary-2-Accent: var(--Scandic-Peach-10); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js index 8756bb111..c6594e8cd 100644 --- a/packages/design-system/lib/styles/scandic.js +++ b/packages/design-system/lib/styles/scandic.js @@ -188,6 +188,7 @@ export const theme = { 'Text/Interactive/Hover': '#8F4350', 'Text/Interactive/Secondary': '#8F4350', 'Text/Interactive/Secondary Hover': '#4D001B', + 'Text/Interactive/Inverted Hover': '#cbb0b3', 'Text/Interactive/Disabled': '#A8A4A2', 'Text/Interactive/Focus': '#57514E', 'Text/Interactive/Error': '#AD0015', @@ -203,6 +204,7 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#8F4350', 'Text/Brand/OnPrimary 1/Heading': '#4D001B', 'Text/Brand/OnPrimary 1/Default': '#26201E', + 'Text/Brand/OnPrimary 1/Hover': '#403937', 'Text/Brand/OnPrimary 1/Accent': '#CD0921', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', @@ -264,6 +266,7 @@ export const theme = { 'Icon/Interactive/Default': '#4D001B', 'Icon/Interactive/Secondary': '#8F4350', 'Icon/Interactive/Accent': '#CD0921', + 'Icon/Interactive/Inverted Hover': '#cbb0b3', 'Icon/Interactive/Disabled': '#A8A4A2', 'Icon/Interactive/Placeholder': '#787472', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/styles/the-dock.css b/packages/design-system/lib/styles/the-dock.css index e28642d9d..82271dd23 100644 --- a/packages/design-system/lib/styles/the-dock.css +++ b/packages/design-system/lib/styles/the-dock.css @@ -25,6 +25,7 @@ --Font-family-The-Dock-Body: 'Fira sans'; --Font-family-The-Dock-Decorative: 'Beausite Classic'; --Font-family-The-Dock-Title: 'Reckless'; + --Icon-Interactive-Inverted-Hover: #b5b5b5; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; @@ -51,14 +52,13 @@ --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #ebe5dc; --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.24px; --Tag-Text-Transform: uppercase; + --Text-Interactive-Inverted-Hover: #b5b5b5; --Title-Decorative-lg-Font-fallback: Serif; --Title-Decorative-lg-Letter-spacing: 0px; --Title-Decorative-lg-Text-Transform: uppercase; @@ -280,6 +280,8 @@ --Signature-The-Dock-Sandbank-Beige-20 ); --Surface-Brand-Primary-2-Default: var(--Signature-The-Dock-Rose-Copper-90); + --Surface-Brand-Primary-2-OnSurface-Accent: var(--Neutral-Opacity-White-100); + --Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100); --Surface-Brand-Primary-3-Default: var(--Signature-The-Dock-Rose-Copper-90); --Surface-Brand-Primary-3-OnSurface-Accent: var( --Signature-The-Dock-Sandbank-Beige-20 @@ -321,9 +323,10 @@ --Text-Brand-OnPrimary-1-Accent: var(--Signature-The-Dock-Rose-Copper-90); --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); - --Text-Brand-OnPrimary-2-Accent: var(--Neutral-90); - --Text-Brand-OnPrimary-2-Default: var(--Neutral-90); - --Text-Brand-OnPrimary-2-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Hover: var(--Neutral-70); + --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); diff --git a/packages/design-system/lib/styles/the-dock.js b/packages/design-system/lib/styles/the-dock.js index 42cdc6e9f..91f72d121 100644 --- a/packages/design-system/lib/styles/the-dock.js +++ b/packages/design-system/lib/styles/the-dock.js @@ -69,8 +69,6 @@ export const theme = { 'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF', 'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF', 'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', 'Utilities/Gradients/10': '#F2E1C21A', 'Font family/The Dock/Title': 'Reckless', 'Font family/The Dock/Body': 'Fira sans', @@ -128,6 +126,7 @@ export const theme = { 'Text/Interactive/Hover': '#454545', 'Text/Interactive/Secondary': '#D62220', 'Text/Interactive/Secondary Hover': '#FC2826', + 'Text/Interactive/Inverted Hover': '#b5b5b5', 'Text/Interactive/Disabled': '#8C8C8C', 'Text/Interactive/Focus': '#262626', 'Text/Interactive/Error': '#AD0015', @@ -143,10 +142,11 @@ export const theme = { 'Text/Brand/OnAccent/Accent Secondary': '#D62220', 'Text/Brand/OnPrimary 1/Heading': '#1F1F1F', 'Text/Brand/OnPrimary 1/Default': '#1F1F1F', + 'Text/Brand/OnPrimary 1/Hover': '#454545', 'Text/Brand/OnPrimary 1/Accent': '#3E1212', - 'Text/Brand/OnPrimary 2/Heading': '#1F1F1F', - 'Text/Brand/OnPrimary 2/Default': '#1F1F1F', - 'Text/Brand/OnPrimary 2/Accent': '#1F1F1F', + 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', + 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', + 'Text/Brand/OnPrimary 2/Accent': '#FFFFFF', 'Text/Brand/OnPrimary 3/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 3/Default': '#FFFFFF', 'Text/Brand/OnPrimary 3/Accent': '#FFFFFF', @@ -166,6 +166,8 @@ export const theme = { 'Surface/Brand/Accent/OnAccent/Accent Secondary': '#B31C1B', 'Surface/Brand/Primary 1/Default': '#F2E1C2', 'Surface/Brand/Primary 2/Default': '#3E1212', + 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', + 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', 'Surface/Brand/Primary 3/Default': '#3E1212', 'Surface/Brand/Primary 3/OnSurface/Default': '#F2E1C2', 'Surface/Brand/Primary 3/OnSurface/Accent': '#F2E1C2', @@ -198,6 +200,7 @@ export const theme = { 'Icon/Interactive/Default': '#1F1F1F', 'Icon/Interactive/Secondary': '#D62220', 'Icon/Interactive/Accent': '#D62220', + 'Icon/Interactive/Inverted Hover': '#b5b5b5', 'Icon/Interactive/Disabled': '#BFBFBF', 'Icon/Interactive/Placeholder': '#747474', 'Icon/Feedback/Information': '#284EA0', diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts index db86ce38a..fdede6c6a 100644 --- a/packages/design-system/lib/tokens/index.ts +++ b/packages/design-system/lib/tokens/index.ts @@ -442,6 +442,7 @@ export const scandic = { resolved: '#4D001B', alias: 'Scandic/Red/100', }, + 'Text/Interactive/Inverted Hover': { resolved: '#cbb0b3' }, 'Text/Interactive/Disabled': { resolved: '#A8A4A2', alias: 'Scandic/Grey/40', @@ -484,6 +485,10 @@ export const scandic = { resolved: '#26201E', alias: 'Scandic/Grey/100', }, + 'Text/Brand/OnPrimary 1/Hover': { + resolved: '#403937', + alias: 'Scandic/Grey/90', + }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#CD0921', alias: 'Scandic/Red/Default', @@ -665,6 +670,7 @@ export const scandic = { resolved: '#CD0921', alias: 'Scandic/Red/Default', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#cbb0b3' }, 'Icon/Interactive/Disabled': { resolved: '#A8A4A2', alias: 'Scandic/Grey/40', @@ -987,8 +993,10 @@ export const scandicGo = { 'Scandic Go/Green/90': { resolved: '#21331F' }, 'Scandic Go/Green/100': { resolved: '#162115' }, 'Scandic Go/Cyan/20': { resolved: '#73FCEE' }, + 'Scandic Go/Cyan/70': { resolved: '#087B86' }, 'Scandic Go/Coral/50': { resolved: '#FA3737' }, 'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' }, + 'Scandic Go/Powder Rose/90': { resolved: '#C27183' }, 'Title/lg/Letter spacing': { resolved: 0.48 }, 'Title/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/lg/Text-Transform': { resolved: 'none' }, @@ -1231,6 +1239,7 @@ export const scandicGo = { resolved: '#2D163A', alias: 'Scandic Go/Purple/100', }, + 'Text/Interactive/Inverted Hover': { resolved: '#bbb2bf' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -1267,6 +1276,7 @@ export const scandicGo = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#DCD7FF', alias: 'Scandic Go/Purple/10', @@ -1392,12 +1402,12 @@ export const scandicGo = { 'Surface/UI Fill/Active Hover': { resolved: '#e6e5e5' }, 'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Surface/Accent/1': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' }, - 'Surface/Accent/2': { resolved: '#73FCEE', alias: 'Scandic Go/Cyan/20' }, - 'Surface/Accent/3': { resolved: '#85FF52', alias: 'Scandic Go/Green/30' }, - 'Surface/Accent/4': { resolved: '#DCD7FF', alias: 'Scandic Go/Purple/10' }, + 'Surface/Accent/2': { resolved: '#087B86', alias: 'Scandic Go/Cyan/70' }, + 'Surface/Accent/3': { resolved: '#2A601E', alias: 'Scandic Go/Green/70' }, + 'Surface/Accent/4': { resolved: '#733CB2', alias: 'Scandic Go/Purple/70' }, 'Surface/Accent/5': { - resolved: '#ECC8C9', - alias: 'Scandic Go/Powder Rose/50', + resolved: '#C27183', + alias: 'Scandic Go/Powder Rose/90', }, 'Surface/Feedback/Information': { resolved: '#284EA0', @@ -1451,6 +1461,7 @@ export const scandicGo = { resolved: '#5E2A8C', alias: 'Scandic Go/Purple/80', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#bbb2bf' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -1976,6 +1987,7 @@ export const downtownCamper = { resolved: '#BB7524', alias: 'Signature/Downtown Camper/Russet/60', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -2012,6 +2024,7 @@ export const downtownCamper = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -2064,8 +2077,8 @@ export const downtownCamper = { 'Surface/Secondary/Subtle': { resolved: '#D9D9D9', alias: 'Neutral/20' }, 'Surface/Secondary/Hover': { resolved: '#e4e4e4' }, 'Surface/Brand/Accent/Default': { - resolved: '#D3952D', - alias: 'Signature/Downtown Camper/Russet/50', + resolved: '#3C1D0C', + alias: 'Signature/Downtown Camper/Russet/100', }, 'Surface/Brand/Accent/OnAccent/Accent': { resolved: '#FFFFFF', @@ -2177,6 +2190,7 @@ export const downtownCamper = { resolved: '#834722', alias: 'Signature/Downtown Camper/Russet/80', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -2196,10 +2210,10 @@ export const downtownCamper = { 'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' }, 'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' }, 'Component/Button/Brand/Primary/Fill/Default': { - resolved: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', + resolved: '#3C1D0C', + alias: 'Signature/Downtown Camper/Russet/100', }, - 'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#9e694a' }, + 'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#614436' }, 'Component/Button/Brand/Primary/Fill/Disabled': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10', @@ -2249,48 +2263,48 @@ export const downtownCamper = { alias: 'Neutral/Opacity/Black/10', }, 'Component/Button/Brand/Secondary/On fill/Default': { - resolved: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', + resolved: '#3C1D0C', + alias: 'Signature/Downtown Camper/Russet/100', }, 'Component/Button/Brand/Secondary/On fill/Hover': { - resolved: '#9B5622', - alias: 'Signature/Downtown Camper/Russet/70', + resolved: '#69391E', + alias: 'Signature/Downtown Camper/Russet/90', }, 'Component/Button/Brand/Secondary/On fill/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, 'Component/Button/Brand/Secondary/On fill/Hover inverted': { - resolved: '#ddc5b7', + resolved: '#c2b4ae', }, 'Component/Button/Brand/Secondary/On fill/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40', }, 'Component/Button/Brand/Secondary/Border/Default': { - resolved: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', + resolved: '#3C1D0C', + alias: 'Signature/Downtown Camper/Russet/100', }, 'Component/Button/Brand/Secondary/Border/Hover': { - resolved: '#9B5622', - alias: 'Signature/Downtown Camper/Russet/70', + resolved: '#69391E', + alias: 'Signature/Downtown Camper/Russet/90', }, 'Component/Button/Brand/Secondary/Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, 'Component/Button/Brand/Secondary/Border/Hover inverted': { - resolved: '#c59f8a', + resolved: '#9b857b', }, 'Component/Button/Brand/Secondary/Border/Disabled': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10', }, 'Component/Button/Brand/Tertiary/Fill/Default': { - resolved: '#3C4336', - alias: 'Signature/Downtown Camper/Lunar green/80', + resolved: '#834722', + alias: 'Signature/Downtown Camper/Russet/80', }, - 'Component/Button/Brand/Tertiary/Fill/Hover': { resolved: '#4d5448' }, + 'Component/Button/Brand/Tertiary/Fill/Hover': { resolved: '#915836' }, 'Component/Button/Brand/Tertiary/Fill/Disabled': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10', @@ -2349,10 +2363,10 @@ export const downtownCamper = { alias: 'Neutral/Opacity/White/0', }, 'Component/Button/Inverted/On fill/Default': { - resolved: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', + resolved: '#3C1D0C', + alias: 'Signature/Downtown Camper/Russet/100', }, - 'Component/Button/Inverted/On fill/Hover': { resolved: '#915836' }, + 'Component/Button/Inverted/On fill/Hover': { resolved: '#4f3021' }, 'Component/Button/Inverted/On fill/Hover inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -2366,8 +2380,8 @@ export const downtownCamper = { 'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Divider/Brand/OnAccent/Default': { - resolved: '#BB7524', - alias: 'Signature/Downtown Camper/Russet/60', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', @@ -2705,6 +2719,7 @@ export const haymarket = { resolved: '#BA8E6E', alias: 'Signature/Haymarket/Antique Brass/40', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -2741,6 +2756,7 @@ export const haymarket = { resolved: '#1F1F1F', alias: 'Neutral/90', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Text/Brand/OnPrimary 2/Heading': { resolved: '#FFFFFF', @@ -2918,6 +2934,7 @@ export const haymarket = { resolved: '#805E45', alias: 'Signature/Haymarket/Antique Brass/60', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -3457,6 +3474,7 @@ export const marski = { resolved: '#143D94', alias: 'Signature/Marski/Blue ribbon/90', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b2b9be' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -3493,6 +3511,7 @@ export const marski = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#458AFF', alias: 'Signature/Marski/Blue ribbon/50', @@ -3670,6 +3689,7 @@ export const marski = { resolved: '#0D57F3', alias: 'Signature/Marski/Blue ribbon/70', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b6bdc2' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -3935,13 +3955,13 @@ export const hotelNorge = { 'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' }, 'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' }, 'Signature/Hotel Norge/Emerald/50': { resolved: '#779990' }, - 'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' }, 'Signature/Hotel Norge/Off White/80': { resolved: '#838481' }, + 'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' }, 'Signature/Hotel Norge/Off White/90': { resolved: '#6F716F' }, - 'Signature/Hotel Norge/Off White/100': { resolved: '#646563' }, 'Signature/Hotel Norge/Emerald/90': { resolved: '#26544A' }, - 'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' }, + 'Signature/Hotel Norge/Off White/100': { resolved: '#646563' }, 'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' }, + 'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' }, 'Signature/Hotel Norge/Dark blue/30': { resolved: '#858F97' }, 'Signature/Hotel Norge/Dark blue/60': { resolved: '#626B76' }, 'Signature/Hotel Norge/Dark blue/80': { resolved: '#404655' }, @@ -4191,6 +4211,7 @@ export const hotelNorge = { resolved: '#3A655C', alias: 'Signature/Hotel Norge/Emerald/80', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b3b4bd' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -4221,6 +4242,7 @@ export const hotelNorge = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#B7C5C8', alias: 'Signature/Hotel Norge/Dark blue/0', @@ -4404,6 +4426,7 @@ export const hotelNorge = { resolved: '#26544A', alias: 'Signature/Hotel Norge/Emerald/90', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b3b4bd' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -4919,6 +4942,7 @@ export const grandHotel = { resolved: '#C27183', alias: 'Signature/Grand Hotel/Careys Pink/50', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b6b7b9' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -4946,6 +4970,7 @@ export const grandHotel = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -5123,6 +5148,7 @@ export const grandHotel = { resolved: '#AA546B', alias: 'Signature/Grand Hotel/Careys Pink/60', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b6b7b9' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -5444,8 +5470,6 @@ export const theDock = { 'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' }, 'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' }, 'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, 'Utilities/Gradients/10': { resolved: '#F2E1C21A' }, 'Font family/The Dock/Title': { resolved: 'Reckless' }, 'Font family/The Dock/Body': { resolved: 'Fira sans' }, @@ -5631,6 +5655,7 @@ export const theDock = { resolved: '#FC2826', alias: 'Signature/The Dock/Signal Red/50', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -5661,19 +5686,23 @@ export const theDock = { resolved: '#1F1F1F', alias: 'Neutral/90', }, + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' }, 'Text/Brand/OnPrimary 1/Accent': { resolved: '#3E1212', alias: 'Signature/The Dock/Rose Copper/90', }, 'Text/Brand/OnPrimary 2/Heading': { - resolved: '#1F1F1F', - alias: 'Neutral/90', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 2/Default': { - resolved: '#1F1F1F', - alias: 'Neutral/90', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', + }, + 'Text/Brand/OnPrimary 2/Accent': { + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, - 'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Text/Brand/OnPrimary 3/Heading': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -5738,6 +5767,14 @@ export const theDock = { resolved: '#3E1212', alias: 'Signature/The Dock/Rose Copper/90', }, + 'Surface/Brand/Primary 2/OnSurface/Default': { + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', + }, + 'Surface/Brand/Primary 2/OnSurface/Accent': { + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', + }, 'Surface/Brand/Primary 3/Default': { resolved: '#3E1212', alias: 'Signature/The Dock/Rose Copper/90', @@ -5833,6 +5870,7 @@ export const theDock = { resolved: '#D62220', alias: 'Signature/The Dock/Signal Red/60', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': { @@ -6082,6 +6120,7 @@ export const theDock = { }, } as const export const partnerSAS = { + 'Text/Brand/OnPrimary 1/Hover': { resolved: '#FFFFFF' }, 'Surface/Brand/Accent/Default': { resolved: '#FFFFFF' }, 'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' }, 'Surface/Brand/Accent/OnAccent/Accent': { resolved: '#FFFFFF' }, @@ -6122,6 +6161,7 @@ export const partnerSAS = { resolved: '#C27183', alias: 'Signature/Grand Hotel/Careys Pink/50', }, + 'Text/Interactive/Inverted Hover': { resolved: '#b6b7b9' }, 'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' }, 'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' }, 'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, @@ -6286,6 +6326,7 @@ export const partnerSAS = { resolved: '#AA546B', alias: 'Signature/Grand Hotel/Careys Pink/60', }, + 'Icon/Interactive/Inverted Hover': { resolved: '#b6b7b9' }, 'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' }, 'Icon/Feedback/Information': {