@hsds/tokens - npm Package Compare versions

Comparing version 1.3.2 to 1.4.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## [1.4.0](https://github.com/helpscout/hsds/compare/tokens-1.3.2...tokens-1.4.0) (2023-11-20)
+
+
+### Features
+
+* **tokens:** update grey button outline colors ([837b03d](https://github.com/helpscout/hsds/commit/837b03d078407271e385c7d4dd7beb2d1c6159b1))
+
 ## [1.3.2](https://github.com/helpscout/hsds/compare/tokens-1.3.1...tokens-1.3.2) (2023-11-15)
@@ -7,0 +14,0 @@

js/newBrand/button.js

@@ -37,3 +37,3 @@ "use strict";
       main: '#2e5940ff',
-      hover: '#2e5940ff',
+      hover: '#283b2dff',
       text: 'white',
@@ -55,5 +55,5 @@ outline: {
       outline: {
-        border: '#ABB9C7',
+        border: '#C8D3DE',
         borderHover: '#ABB9C7',
-        text: '#556575',
+        text: '#405261',
         textHover: '#405261',
@@ -60,0 +60,0 @@ hover: '#f9fafa',

js/newBrand/styled-components.js

@@ -6,3 +6,3 @@ "use strict";
 var _styledComponents = require("styled-components");
-const tokens = (0, _styledComponents.css)(["--hsds-attachment-color-removeButton-hover:var(--hsds-color-red-700);--hsds-attachment-color-removeButton-borderHover:var(--hsds-color-red-600);--hsds-attachment-color-error:var(--hsds-color-red-600);--hsds-badge-color-default:var(--hsds-color-charcoal-700);--hsds-button-color-blue-main:var(--hsds-color-cobalt-600);--hsds-button-color-blue-hover:var(--hsds-color-cobalt-700);--hsds-button-color-blue-text:white;--hsds-button-color-blue-outline-border:var(--hsds-color-cobalt-500);--hsds-button-color-blue-outline-borderHover:var(--hsds-color-cobalt-500);--hsds-button-color-blue-outline-text:var(--hsds-color-cobalt-600);--hsds-button-color-blue-outline-textHover:var(--hsds-color-cobalt-700);--hsds-button-color-blue-outline-hover:var(--hsds-color-cobalt-100);--hsds-button-color-blue-outline-hoverIconOnly:var(--hsds-color-cobalt-100);--hsds-button-color-blue-outline-textSeamlessHover:var( --hsds-color-cobalt-800 );--hsds-button-color-red-main:var(--hsds-color-red-600);--hsds-button-color-red-hover:var(--hsds-color-red-700);--hsds-button-color-red-text:white;--hsds-button-color-red-outline-border:var(--hsds-color-red-500);--hsds-button-color-red-outline-borderHover:var(--hsds-color-red-500);--hsds-button-color-red-outline-text:var(--hsds-color-red-600);--hsds-button-color-red-outline-textHover:var(--hsds-color-red-700);--hsds-button-color-red-outline-hover:var(--hsds-color-red-100);--hsds-button-color-red-outline-hoverIconOnly:var(--hsds-color-red-100);--hsds-button-color-red-outline-textSeamlessHover:var(--hsds-color-red-700);--hsds-button-color-green-main:var(--hsds-color-green-750);--hsds-button-color-green-hover:var(--hsds-color-green-800);--hsds-button-color-green-text:white;--hsds-button-color-green-outline-border:var(--hsds-color-green-500);--hsds-button-color-green-outline-borderHover:var(--hsds-color-green-500);--hsds-button-color-green-outline-text:var(--hsds-color-green-750);--hsds-button-color-green-outline-textHover:var(--hsds-color-green-800);--hsds-button-color-green-outline-hover:var(--hsds-color-green-100);--hsds-button-color-green-outline-hoverIconOnly:var(--hsds-color-green-100);--hsds-button-color-green-outline-textSeamlessHover:var( --hsds-color-green-900 );--hsds-button-color-grey-main:var(--hsds-color-charcoal-400);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-500);--hsds-button-color-grey-text:white;--hsds-button-color-grey-outline-border:var(--hsds-color-grey-700);--hsds-button-color-grey-outline-borderHover:var(--hsds-color-grey-800);--hsds-button-color-grey-outline-text:var(--hsds-color-charcoal-400);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-500);--hsds-button-color-grey-outline-hover:var(--hsds-color-grey-200);--hsds-button-color-grey-outline-hoverIconOnly:var(--hsds-color-grey-300);--hsds-button-color-grey-outline-textSeamlessHover:var( --hsds-color-charcoal-800 );--hsds-button-color-yellow-main:var(--hsds-color-orange-600);--hsds-button-color-yellow-hover:var(--hsds-color-orange-700);--hsds-button-color-yellow-text:white;--hsds-button-color-yellow-outline-border:var(--hsds-color-yellow-400);--hsds-button-color-yellow-outline-borderHover:var(--hsds-color-yellow-400);--hsds-button-color-yellow-outline-text:var(--hsds-color-orange-600);--hsds-button-color-yellow-outline-textHover:var(--hsds-color-orange-700);--hsds-button-color-yellow-outline-hover:var(--hsds-color-yellow-100);--hsds-button-color-yellow-outline-hoverIconOnly:var( --hsds-color-yellow-100 );--hsds-button-color-yellow-outline-textSeamlessHover:var( --hsds-color-orange-700 );--hsds-button-color-disabled-main:var(--hsds-color-grey-500);--hsds-button-color-disabled-text:white;--hsds-button-color-disabled-outline-border:var(--hsds-color-grey-600);--hsds-button-color-disabled-outline-text:var(--hsds-color-grey-800);--hsds-datePicker-color-range-background:var(--hsds-color-cobalt-100);--hsds-datePicker-color-range-selectedBackground:var( --hsds-color-cobalt-600 );--hsds-datePicker-color-range-text:var(--hsds-color-cobalt-600);--hsds-datePicker-color-range-textHover:var(--hsds-color-cobalt-700);--hsds-datePicker-color-current-background:var(--hsds-color-grey-400);--hsds-datePicker-color-current-text:var(--hsds-color-charcoal-700);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1200);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-200);--hsds-floatingBar-color-button-iconHover:white;--hsds-floatingBar-color-button-backgroundDefault:transparent;--hsds-floatingBar-color-button-backgroundHover:transparent;--hsds-floatingBar-color-divider:var(--hsds-color-charcoal-900);--hsds-statusBar-color-light-error-border:var(--hsds-color-red-200);--hsds-statusBar-color-light-info-border:var(--hsds-color-cobalt-200);--hsds-statusBar-color-light-success-border:var(--hsds-color-green-200);--hsds-statusBar-color-light-warning-border:var(--hsds-color-yellow-200);--hsds-statusBar-color-bold-error-border:var(--hsds-color-red-700);--hsds-statusBar-color-bold-error-button:var(--hsds-color-red-700);--hsds-statusBar-color-bold-info-border:var(--hsds-color-cobalt-700);--hsds-statusBar-color-bold-info-button:var(--hsds-color-cobalt-700);--hsds-statusBar-color-bold-success-border:var(--hsds-color-green-700);--hsds-statusBar-color-bold-success-button:var(--hsds-color-green-700);--hsds-statusBar-color-bold-warning-border:var(--hsds-color-orange-700);--hsds-statusBar-color-bold-warning-button:var(--hsds-color-orange-700);--hsds-statusDot-color-light-default:var(--hsds-color-slate-500);--hsds-statusDot-color-light-active:var(--hsds-color-green-500);--hsds-statusDot-color-light-inactive:var(--hsds-color-slate-500);--hsds-statusDot-color-light-offline:var(--hsds-color-red-500);--hsds-statusDot-color-light-busy:var(--hsds-color-yellow-400);--hsds-statusDot-color-light-custom:var(--hsds-color-purple-400);--hsds-statusDot-color-dark-default:var(--hsds-color-slate-accent);--hsds-statusDot-color-dark-active:var(--hsds-color-green-accent);--hsds-statusDot-color-dark-inactive:var(--hsds-color-slate-accent);--hsds-statusDot-color-dark-offline:var(--hsds-color-red-accent);--hsds-statusDot-color-dark-busy:var(--hsds-color-yellow-accent);--hsds-statusDot-color-dark-custom:var(--hsds-color-purple-accent);--hsds-switchComponent-color-error:var(--hsds-color-state-error-default);--hsds-verificationCode-color-error:var(--hsds-color-state-error-default);--hsds-color-blue-100:var(--hsds-color-cobalt-100);--hsds-color-blue-100-rgb:var(--hsds-color-cobalt-100-rgb);--hsds-color-blue-200:var(--hsds-color-cobalt-200);--hsds-color-blue-200-rgb:var(--hsds-color-cobalt-200-rgb);--hsds-color-blue-300:var(--hsds-color-cobalt-300);--hsds-color-blue-300-rgb:var(--hsds-color-cobalt-300-rgb);--hsds-color-blue-400:var(--hsds-color-cobalt-400);--hsds-color-blue-400-rgb:var(--hsds-color-cobalt-400-rgb);--hsds-color-blue-500:var(--hsds-color-cobalt-600);--hsds-color-blue-500-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-blue-600:var(--hsds-color-cobalt-600);--hsds-color-blue-600-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-blue-700:var(--hsds-color-cobalt-700);--hsds-color-blue-700-rgb:var(--hsds-color-cobalt-700-rgb);--hsds-color-blue-800:var(--hsds-color-cobalt-800);--hsds-color-blue-800-rgb:var(--hsds-color-cobalt-800-rgb);--hsds-color-blue-900:var(--hsds-color-cobalt-900);--hsds-color-blue-900-rgb:var(--hsds-color-cobalt-900-rgb);--hsds-color-blue-default:var(--hsds-color-cobalt-500);--hsds-color-blue-accent:var(--hsds-color-cobalt-accent);--hsds-color-charcoal-200:#7e8e9e;--hsds-color-charcoal-200-rgb:126,142,158;--hsds-color-charcoal-300:#7e8e9e;--hsds-color-charcoal-300-rgb:126,142,158;--hsds-color-charcoal-400:#556575;--hsds-color-charcoal-400-rgb:85,101,117;--hsds-color-charcoal-500:#405261;--hsds-color-charcoal-500-rgb:64,82,97;--hsds-color-charcoal-600:#314351;--hsds-color-charcoal-600-rgb:49,67,81;--hsds-color-charcoal-700:#253642;--hsds-color-charcoal-700-rgb:37,54,66;--hsds-color-charcoal-800:#1d2b36;--hsds-color-charcoal-800-rgb:29,43,54;--hsds-color-charcoal-900:#314351;--hsds-color-charcoal-900-rgb:49,67,81;--hsds-color-charcoal-1000:#253642;--hsds-color-charcoal-1000-rgb:37,54,66;--hsds-color-charcoal-1100:#1d2b36;--hsds-color-charcoal-1100-rgb:29,43,54;--hsds-color-charcoal-1200:#131b24;--hsds-color-charcoal-1200-rgb:19,27,36;--hsds-color-charcoal-default:var(--hsds-color-charcoal-500);--hsds-color-grey-200:#f9fafa;--hsds-color-grey-200-rgb:249,250,250;--hsds-color-grey-300:#f1f3f5;--hsds-color-grey-300-rgb:241,243,245;--hsds-color-grey-400:#dfe6eb;--hsds-color-grey-400-rgb:223,230,235;--hsds-color-grey-500:#c8d3de;--hsds-color-grey-500-rgb:200,211,222;--hsds-color-grey-600:#abb9c7;--hsds-color-grey-600-rgb:171,185,199;--hsds-color-grey-700:#abb9c7;--hsds-color-grey-700-rgb:171,185,199;--hsds-color-grey-800:#abb9c7;--hsds-color-grey-800-rgb:171,185,199;--hsds-color-ash-200:var(--hsds-color-grey-200);--hsds-color-ash-200-rgb:var(--hsds-color-grey-200-rgb);--hsds-color-ash-300:var(--hsds-color-grey-300);--hsds-color-ash-300-rgb:var(--hsds-color-grey-300-rgb);--hsds-color-ash-400:var(--hsds-color-grey-400);--hsds-color-ash-400-rgb:var(--hsds-color-grey-400-rgb);--hsds-color-ash-500:var(--hsds-color-grey-500);--hsds-color-ash-500-rgb:var(--hsds-color-grey-500-rgb);--hsds-color-ash-600:var(--hsds-color-grey-600);--hsds-color-ash-600-rgb:var(--hsds-color-grey-600-rgb);--hsds-color-ash-700:var(--hsds-color-grey-700);--hsds-color-ash-700-rgb:var(--hsds-color-grey-700-rgb);--hsds-color-ash-800:var(--hsds-color-grey-800);--hsds-color-ash-800-rgb:var(--hsds-color-grey-800-rgb);--hsds-color-indigo-200:var(--hsds-color-cobalt-100);--hsds-color-indigo-200-rgb:var(--hsds-color-cobalt-100-rgb);--hsds-color-indigo-300:var(--hsds-color-cobalt-200);--hsds-color-indigo-300-rgb:var(--hsds-color-cobalt-200-rgb);--hsds-color-indigo-400:var(--hsds-color-cobalt-300);--hsds-color-indigo-400-rgb:var(--hsds-color-cobalt-300-rgb);--hsds-color-indigo-500:var(--hsds-color-cobalt-400);--hsds-color-indigo-500-rgb:var(--hsds-color-cobalt-400-rgb);--hsds-color-indigo-600:var(--hsds-color-cobalt-500);--hsds-color-indigo-600-rgb:var(--hsds-color-cobalt-500-rgb);--hsds-color-indigo-700:var(--hsds-color-cobalt-600);--hsds-color-indigo-700-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-indigo-800:var(--hsds-color-cobalt-700);--hsds-color-indigo-800-rgb:var(--hsds-color-cobalt-700-rgb);--hsds-color-indigo-900:var(--hsds-color-cobalt-800);--hsds-color-indigo-900-rgb:var(--hsds-color-cobalt-800-rgb);--hsds-color-indigo-1000:var(--hsds-color-cobalt-900);--hsds-color-indigo-1000-rgb:var(--hsds-color-cobalt-900-rgb);--hsds-color-indigo-default:var(--hsds-color-indigo-500);--hsds-color-lavender-100:var(--hsds-color-purple-100);--hsds-color-lavender-100-rgb:var(--hsds-color-purple-100-rgb);--hsds-color-lavender-200:var(--hsds-color-purple-200);--hsds-color-lavender-200-rgb:var(--hsds-color-purple-200-rgb);--hsds-color-lavender-300:var(--hsds-color-purple-300);--hsds-color-lavender-300-rgb:var(--hsds-color-purple-300-rgb);--hsds-color-lavender-400:var(--hsds-color-purple-400);--hsds-color-lavender-400-rgb:var(--hsds-color-purple-400-rgb);--hsds-color-lavender-500:var(--hsds-color-purple-500);--hsds-color-lavender-500-rgb:var(--hsds-color-purple-500-rgb);--hsds-color-lavender-600:var(--hsds-color-purple-600);--hsds-color-lavender-600-rgb:var(--hsds-color-purple-600-rgb);--hsds-color-lavender-700:var(--hsds-color-purple-700);--hsds-color-lavender-700-rgb:var(--hsds-color-purple-700-rgb);--hsds-color-lavender-800:var(--hsds-color-purple-800);--hsds-color-lavender-800-rgb:var(--hsds-color-purple-800-rgb);--hsds-color-lavender-900:var(--hsds-color-purple-900);--hsds-color-lavender-900-rgb:var(--hsds-color-purple-900-rgb);--hsds-color-lavender-default:var(--hsds-color-lavender-500);--hsds-color-pink-100:var(--hsds-color-red-100);--hsds-color-pink-100-rgb:var(--hsds-color-red-100-rgb);--hsds-color-pink-200:var(--hsds-color-red-200);--hsds-color-pink-200-rgb:var(--hsds-color-red-200-rgb);--hsds-color-pink-300:var(--hsds-color-red-300);--hsds-color-pink-300-rgb:var(--hsds-color-red-300-rgb);--hsds-color-pink-400:var(--hsds-color-red-400);--hsds-color-pink-400-rgb:var(--hsds-color-red-400-rgb);--hsds-color-pink-500:var(--hsds-color-red-500);--hsds-color-pink-500-rgb:var(--hsds-color-red-500-rgb);--hsds-color-pink-600:var(--hsds-color-red-600);--hsds-color-pink-600-rgb:var(--hsds-color-red-600-rgb);--hsds-color-pink-700:var(--hsds-color-red-700);--hsds-color-pink-700-rgb:var(--hsds-color-red-700-rgb);--hsds-color-pink-800:var(--hsds-color-red-800);--hsds-color-pink-800-rgb:var(--hsds-color-red-800-rgb);--hsds-color-pink-900:var(--hsds-color-red-900);--hsds-color-pink-900-rgb:var(--hsds-color-red-900-rgb);--hsds-color-pink-950:var(--hsds-color-red-900);--hsds-color-pink-950-rgb:var(--hsds-color-red-900-rgb);--hsds-color-pink-1000:var(--hsds-color-red-900);--hsds-color-pink-1000-rgb:var(--hsds-color-red-900-rgb);--hsds-color-green-100:#f2fff0ff;--hsds-color-green-100-rgb:242,255,240;--hsds-color-green-200:#e0fcdeff;--hsds-color-green-200-rgb:224,252,222;--hsds-color-green-300:#b9edbdff;--hsds-color-green-300-rgb:185,237,189;--hsds-color-green-400:#83db9cff;--hsds-color-green-400-rgb:131,219,156;--hsds-color-green-500:#47c47dff;--hsds-color-green-500-rgb:71,196,125;--hsds-color-green-600:#2d8556ff;--hsds-color-green-600-rgb:45,133,86;--hsds-color-green-700:#28704cff;--hsds-color-green-700-rgb:40,112,76;--hsds-color-green-750:var(--hsds-color-green-800);--hsds-color-green-750-rgb:var(--hsds-color-green-800-rgb);--hsds-color-green-800:#2e5940ff;--hsds-color-green-800-rgb:46,89,64;--hsds-color-green-900:#283b2dff;--hsds-color-green-900-rgb:40,59,45;--hsds-color-green-1000:#222923ff;--hsds-color-green-1000-rgb:34,41,35;--hsds-color-green-accent:#56f09eff;--hsds-color-yellow-50:var(--hsds-color-yellow-100);--hsds-color-yellow-100:#fff6e5ff;--hsds-color-yellow-100-rgb:255,246,229;--hsds-color-yellow-200:#ffeeccff;--hsds-color-yellow-200-rgb:255,238,204;--hsds-color-yellow-300:#ffdd99ff;--hsds-color-yellow-300-rgb:255,221,153;--hsds-color-yellow-400:#fabf5aff;--hsds-color-yellow-400-rgb:250,191,90;--hsds-color-yellow-500:#e09c24ff;--hsds-color-yellow-500-rgb:224,156,36;--hsds-color-yellow-600:#ac771bff;--hsds-color-yellow-600-rgb:172,119,27;--hsds-color-yellow-700:#7a581dff;--hsds-color-yellow-700-rgb:122,88,29;--hsds-color-yellow-800:#574323ff;--hsds-color-yellow-800-rgb:87,67,35;--hsds-color-yellow-900:#403521ff;--hsds-color-yellow-900-rgb:64,53,33;--hsds-color-yellow-950:var(--hsds-color-yellow-900);--hsds-color-yellow-950-rgb:var(--hsds-color-yellow-900-rgb);--hsds-color-yellow-1000:#2b261dff;--hsds-color-yellow-1000-rgb:43,38,29;--hsds-color-yellow-accent:#ffb83dff;--hsds-color-link-default:var(--hsds-color-cobalt-600);--hsds-color-link-base:var(--hsds-color-cobalt-600);--hsds-color-link-hover:var(--hsds-color-cobalt-700);--hsds-color-link-active:var(--hsds-color-cobalt-800);--hsds-color-link-focus:var(--hsds-color-cobalt-600);--hsds-color-link-disabled:var(--hsds-color-charcoal-500);--hsds-color-focusRing-default-innerColor:var(--hsds-color-cobalt-600);--hsds-color-focusRing-default-outerColor:var(--hsds-color-cobalt-200);--hsds-color-focusRing-default-innerColorOverDark:var( --hsds-color-cobalt-accent );--hsds-color-focusRing-default-outerColorOverDark:var( --hsds-color-charcoal-600 );--hsds-color-focusRing-error-innerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColor:var( --hsds-color-state-error-backgroundLight );--hsds-color-focusRing-error-innerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColorOverDark:var( --hsds-color-state-error-backgroundLight );--hsds-color-focusRing-warning-innerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColor:var( --hsds-color-state-warning-backgroundLight );--hsds-color-focusRing-warning-innerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColorOverDark:var( --hsds-color-state-warning-backgroundLight );--hsds-color-focusRing-success-innerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColor:var( --hsds-color-state-success-backgroundLight );--hsds-color-focusRing-success-innerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColorOverDark:var( --hsds-color-state-success-backgroundLight );--hsds-color-text-default:var(--hsds-color-charcoal-500);--hsds-color-text-subtle:var(--hsds-color-charcoal-500);--hsds-color-text-slightlyMuted:var(--hsds-color-charcoal-400);--hsds-color-text-muted:var(--hsds-color-charcoal-400);--hsds-color-text-faint:var(--hsds-color-charcoal-200);--hsds-color-text-extraMuted:var(--hsds-color-grey-600);--hsds-color-border-default:var(--hsds-color-grey-400);--hsds-color-border-divider:var(--hsds-color-grey-300);--hsds-color-border-ui-default:var(--hsds-color-grey-500);--hsds-color-border-ui-dark:var(--hsds-color-grey-600);--hsds-color-state-error-text:var(--hsds-color-red-600);--hsds-color-state-error-backgroundDark:var(--hsds-color-red-600);--hsds-color-state-error-icon:var(--hsds-color-red-accent);--hsds-color-state-error-borderColor:var(--hsds-color-red-500);--hsds-color-state-error-backgroundLight:#fa7a6428;--hsds-color-state-error-default:var(--hsds-color-red-600);--hsds-color-state-error-color:var(--hsds-color-red-600);--hsds-color-state-info-text:var(--hsds-color-cobalt-700);--hsds-color-state-info-backgroundDark:var(--hsds-color-cobalt-600);--hsds-color-state-info-icon:var(--hsds-color-cobalt-500);--hsds-color-state-info-borderColor:var(--hsds-color-cobalt-500);--hsds-color-state-info-backgroundLight:var(--hsds-color-cobalt-100);--hsds-color-state-info-default:var(--hsds-color-cobalt-700);--hsds-color-state-info-color:var(--hsds-color-cobalt-700);--hsds-color-state-success-text:var(--hsds-color-green-800);--hsds-color-state-success-backgroundDark:var(--hsds-color-green-600);--hsds-color-state-success-icon:var(--hsds-color-green-500);--hsds-color-state-success-borderColor:var(--hsds-color-green-500);--hsds-color-state-success-backgroundLight:var(--hsds-color-green-100);--hsds-color-state-success-default:var(--hsds-color-green-800);--hsds-color-state-success-color:var(--hsds-color-green-800);--hsds-color-state-warning-text:var(--hsds-color-orange-600);--hsds-color-state-warning-backgroundDark:var(--hsds-color-orange-600);--hsds-color-state-warning-icon:var(--hsds-color-yellow-accent);--hsds-color-state-warning-borderColor:var(--hsds-color-yellow-400);--hsds-color-state-warning-backgroundLight:var(--hsds-color-yellow-100);--hsds-color-state-warning-color:var(--hsds-color-orange-600);--hsds-color-state-warning-default:var(--hsds-color-yellow-500);--hsds-color-state-danger-default:var(--hsds-color-state-error-default);--hsds-color-state-danger-backgroundLight:var( --hsds-color-state-error-backgroundLight );--hsds-color-state-danger-backgroundDark:var( --hsds-color-state-error-backgroundDark );--hsds-color-state-danger-borderColor:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-color:var(--hsds-color-state-error-color);--hsds-color-state-danger-text:var(--hsds-color-state-error-text);--hsds-color-state-danger-icon:var(--hsds-color-state-error-icon);--hsds-color-red-100:#fff0e8ff;--hsds-color-red-100-rgb:255,240,232;--hsds-color-red-200:#fedfd5ff;--hsds-color-red-200-rgb:254,223,213;--hsds-color-red-300:#ffbcadff;--hsds-color-red-300-rgb:255,188,173;--hsds-color-red-400:#fa7a64ff;--hsds-color-red-400-rgb:250,122,100;--hsds-color-red-500:#e54a32ff;--hsds-color-red-500-rgb:229,74,50;--hsds-color-red-600:#b83525ff;--hsds-color-red-600-rgb:184,53,37;--hsds-color-red-700:#822824ff;--hsds-color-red-700-rgb:130,40,36;--hsds-color-red-800:#592728ff;--hsds-color-red-800-rgb:89,39,40;--hsds-color-red-900:#402629ff;--hsds-color-red-900-rgb:64,38,41;--hsds-color-red-1000:#2b2123ff;--hsds-color-red-1000-rgb:43,33,35;--hsds-color-red-accent:#ff6047ff;--hsds-color-orange-100:#fff2e8ff;--hsds-color-orange-100-rgb:255,242,232;--hsds-color-orange-200:#ffe4d1ff;--hsds-color-orange-200-rgb:255,228,209;--hsds-color-orange-300:#fac096ff;--hsds-color-orange-300-rgb:250,192,150;--hsds-color-orange-400:#f5964eff;--hsds-color-orange-400-rgb:245,150,78;--hsds-color-orange-500:#d67022ff;--hsds-color-orange-500-rgb:214,112,34;--hsds-color-orange-600:#a35214ff;--hsds-color-orange-600-rgb:163,82,20;--hsds-color-orange-700:#7a4518ff;--hsds-color-orange-700-rgb:122,69,24;--hsds-color-orange-800:#573b23ff;--hsds-color-orange-800-rgb:87,59,35;--hsds-color-orange-900:#3d2f22ff;--hsds-color-orange-900-rgb:61,47,34;--hsds-color-orange-1000:#2b241dff;--hsds-color-orange-1000-rgb:43,36,29;--hsds-color-orange-accent:#ff8b33ff;--hsds-color-slate-100:#f2f9fcff;--hsds-color-slate-100-rgb:242,249,252;--hsds-color-slate-200:#e1eef5ff;--hsds-color-slate-200-rgb:225,238,245;--hsds-color-slate-300:#ccdee8ff;--hsds-color-slate-300-rgb:204,222,232;--hsds-color-slate-400:#a9c4d4ff;--hsds-color-slate-400-rgb:169,196,212;--hsds-color-slate-500:#82a7baff;--hsds-color-slate-500-rgb:130,167,186;--hsds-color-slate-600:#658b9eff;--hsds-color-slate-600-rgb:101,139,158;--hsds-color-slate-700:#486878ff;--hsds-color-slate-700-rgb:72,104,120;--hsds-color-slate-800:#344852ff;--hsds-color-slate-800-rgb:52,72,82;--hsds-color-slate-900:#283338ff;--hsds-color-slate-900-rgb:40,51,56;--hsds-color-slate-1000:#1f2426ff;--hsds-color-slate-1000-rgb:31,36,38;--hsds-color-slate-accent:#47c2ffff;--hsds-color-cobalt-100:#ebf5ffff;--hsds-color-cobalt-100-rgb:235,245,255;--hsds-color-cobalt-200:#d1e8ffff;--hsds-color-cobalt-200-rgb:209,232,255;--hsds-color-cobalt-300:#9ecbffff;--hsds-color-cobalt-300-rgb:158,203,255;--hsds-color-cobalt-400:#66a3ffff;--hsds-color-cobalt-400-rgb:102,163,255;--hsds-color-cobalt-500:#4176faff;--hsds-color-cobalt-500-rgb:65,118,250;--hsds-color-cobalt-600:#304ddbff;--hsds-color-cobalt-600-rgb:48,77,219;--hsds-color-cobalt-700:#263aadff;--hsds-color-cobalt-700-rgb:38,58,173;--hsds-color-cobalt-800:#1c2674ff;--hsds-color-cobalt-800-rgb:28,38,116;--hsds-color-cobalt-900:#171952ff;--hsds-color-cobalt-900-rgb:23,25,82;--hsds-color-cobalt-1000:#0e0e33ff;--hsds-color-cobalt-1000-rgb:14,14,51;--hsds-color-cobalt-accent:#47a3ffff;--hsds-color-purple-100:#f9f2ffff;--hsds-color-purple-100-rgb:249,242,255;--hsds-color-purple-200:#f2e5ffff;--hsds-color-purple-200-rgb:242,229,255;--hsds-color-purple-300:#d7baf5ff;--hsds-color-purple-300-rgb:215,186,245;--hsds-color-purple-400:#ad82d8ff;--hsds-color-purple-400-rgb:173,130,216;--hsds-color-purple-500:#9163bfff;--hsds-color-purple-500-rgb:145,99,191;--hsds-color-purple-600:#774ba3ff;--hsds-color-purple-600-rgb:119,75,163;--hsds-color-purple-700:#5d407aff;--hsds-color-purple-700-rgb:93,64,122;--hsds-color-purple-800:#48335cff;--hsds-color-purple-800-rgb:72,51,92;--hsds-color-purple-900:#31253dff;--hsds-color-purple-900-rgb:49,37,61;--hsds-color-purple-1000:#271f2eff;--hsds-color-purple-1000-rgb:39,31,46;--hsds-color-purple-accent:#c285ffff;--hsds-color-magenta-100:#fff2f4ff;--hsds-color-magenta-100-rgb:255,242,244;--hsds-color-magenta-200:#ffe5eaff;--hsds-color-magenta-200-rgb:255,229,234;--hsds-color-magenta-300:#ffc7d3ff;--hsds-color-magenta-300-rgb:255,199,211;--hsds-color-magenta-400:#e5859fff;--hsds-color-magenta-400-rgb:229,133,159;--hsds-color-magenta-500:#bf5878ff;--hsds-color-magenta-500-rgb:191,88,120;--hsds-color-magenta-600:#a34b6bff;--hsds-color-magenta-600-rgb:163,75,107;--hsds-color-magenta-700:#863e5cff;--hsds-color-magenta-700-rgb:134,62,92;--hsds-color-magenta-800:#5e3146ff;--hsds-color-magenta-800-rgb:94,49,70;--hsds-color-magenta-900:#3d2531ff;--hsds-color-magenta-900-rgb:61,37,49;--hsds-color-magenta-1000:#2e2126ff;--hsds-color-magenta-1000-rgb:46,33,38;--hsds-color-magenta-accent:#ff5caaff;--hsds-color-clay-100:#faf8f7ff;--hsds-color-clay-100-rgb:250,248,247;--hsds-color-clay-200:#f5f2f0ff;--hsds-color-clay-200-rgb:245,242,240;--hsds-color-clay-300:#ede8e6ff;--hsds-color-clay-300-rgb:237,232,230;--hsds-color-clay-400:#ded5d1ff;--hsds-color-clay-400-rgb:222,213,209;--hsds-color-clay-500:#c2b4acff;--hsds-color-clay-500-rgb:194,180,172;--hsds-color-clay-600:#9e8f88ff;--hsds-color-clay-600-rgb:158,143,136;--hsds-color-clay-700:#8a7b74ff;--hsds-color-clay-700-rgb:138,123,116;--hsds-color-clay-800:#756963ff;--hsds-color-clay-800-rgb:117,105,99;--hsds-color-clay-900:#574f4bff;--hsds-color-clay-900-rgb:87,79,75;--hsds-color-clay-1000:#4a4441ff;--hsds-color-clay-1000-rgb:74,68,65;--hsds-color-clay-1100:#33302eff;--hsds-color-clay-1100-rgb:51,48,46;--hsds-color-clay-1200:#262423ff;--hsds-color-clay-1200-rgb:38,36,35;--hsds-color-functional-link-default:var(--hsds-color-cobalt-600);--hsds-color-functional-link-hovered:var(--hsds-color-cobalt-700);--hsds-color-functional-link-pressed:var(--hsds-color-cobalt-800);--hsds-color-functional-link-disabled:var(--hsds-color-charcoal-500);--hsds-color-functional-text-headline:var(--hsds-color-charcoal-1200);--hsds-color-functional-text-dark:var(--hsds-color-charcoal-900);--hsds-color-functional-text-default:var(--hsds-color-charcoal-800);--hsds-color-functional-text-light:var(--hsds-color-charcoal-700);--hsds-color-functional-success-text:var(--hsds-color-green-800);--hsds-color-functional-success-icon:var(--hsds-color-green-500);--hsds-color-functional-success-border:var(--hsds-color-green-300);--hsds-color-functional-success-background:var(--hsds-color-green-100);--hsds-color-functional-error-text:var(--hsds-color-red-700);--hsds-color-functional-error-icon:var(--hsds-color-red-500);--hsds-color-functional-error-border:var(--hsds-color-red-300);--hsds-color-functional-error-background:var(--hsds-color-red-100);--hsds-color-functional-warning-text:var(--hsds-color-yellow-800);--hsds-color-functional-warning-icon:var(--hsds-color-yellow-400);--hsds-color-functional-warning-border:var(--hsds-color-yellow-200);--hsds-color-functional-warning-background:var(--hsds-color-yellow-100);--hsds-color-basics-white:#ffffffff;--hsds-color-basics-black:#000000ff;--hsds-color-basics-magenta:#ff00ffff;--hsds-color-basics-cyan:#00ffffff;--hsds-measure-focusRing-innerBoxShadowSize:1px;--hsds-measure-focusRing-outerBoxShadowSize:3px;--hsds-measure-focusRing-insetBoxShadowSize:2px;"]);
+const tokens = (0, _styledComponents.css)(["--hsds-attachment-color-removeButton-hover:var(--hsds-color-red-700);--hsds-attachment-color-removeButton-borderHover:var(--hsds-color-red-600);--hsds-attachment-color-error:var(--hsds-color-red-600);--hsds-badge-color-default:var(--hsds-color-charcoal-700);--hsds-button-color-blue-main:var(--hsds-color-cobalt-600);--hsds-button-color-blue-hover:var(--hsds-color-cobalt-700);--hsds-button-color-blue-text:white;--hsds-button-color-blue-outline-border:var(--hsds-color-cobalt-500);--hsds-button-color-blue-outline-borderHover:var(--hsds-color-cobalt-500);--hsds-button-color-blue-outline-text:var(--hsds-color-cobalt-600);--hsds-button-color-blue-outline-textHover:var(--hsds-color-cobalt-700);--hsds-button-color-blue-outline-hover:var(--hsds-color-cobalt-100);--hsds-button-color-blue-outline-hoverIconOnly:var(--hsds-color-cobalt-100);--hsds-button-color-blue-outline-textSeamlessHover:var( --hsds-color-cobalt-800 );--hsds-button-color-red-main:var(--hsds-color-red-600);--hsds-button-color-red-hover:var(--hsds-color-red-700);--hsds-button-color-red-text:white;--hsds-button-color-red-outline-border:var(--hsds-color-red-500);--hsds-button-color-red-outline-borderHover:var(--hsds-color-red-500);--hsds-button-color-red-outline-text:var(--hsds-color-red-600);--hsds-button-color-red-outline-textHover:var(--hsds-color-red-700);--hsds-button-color-red-outline-hover:var(--hsds-color-red-100);--hsds-button-color-red-outline-hoverIconOnly:var(--hsds-color-red-100);--hsds-button-color-red-outline-textSeamlessHover:var(--hsds-color-red-700);--hsds-button-color-green-main:var(--hsds-color-green-750);--hsds-button-color-green-hover:var(--hsds-color-green-900);--hsds-button-color-green-text:white;--hsds-button-color-green-outline-border:var(--hsds-color-green-500);--hsds-button-color-green-outline-borderHover:var(--hsds-color-green-500);--hsds-button-color-green-outline-text:var(--hsds-color-green-750);--hsds-button-color-green-outline-textHover:var(--hsds-color-green-800);--hsds-button-color-green-outline-hover:var(--hsds-color-green-100);--hsds-button-color-green-outline-hoverIconOnly:var(--hsds-color-green-100);--hsds-button-color-green-outline-textSeamlessHover:var( --hsds-color-green-900 );--hsds-button-color-grey-main:var(--hsds-color-charcoal-400);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-500);--hsds-button-color-grey-text:white;--hsds-button-color-grey-outline-border:var(--hsds-color-grey-500);--hsds-button-color-grey-outline-borderHover:var(--hsds-color-grey-600);--hsds-button-color-grey-outline-text:var(--hsds-color-charcoal-500);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-500);--hsds-button-color-grey-outline-hover:var(--hsds-color-grey-200);--hsds-button-color-grey-outline-hoverIconOnly:var(--hsds-color-grey-300);--hsds-button-color-grey-outline-textSeamlessHover:var( --hsds-color-charcoal-800 );--hsds-button-color-yellow-main:var(--hsds-color-orange-600);--hsds-button-color-yellow-hover:var(--hsds-color-orange-700);--hsds-button-color-yellow-text:white;--hsds-button-color-yellow-outline-border:var(--hsds-color-yellow-400);--hsds-button-color-yellow-outline-borderHover:var(--hsds-color-yellow-400);--hsds-button-color-yellow-outline-text:var(--hsds-color-orange-600);--hsds-button-color-yellow-outline-textHover:var(--hsds-color-orange-700);--hsds-button-color-yellow-outline-hover:var(--hsds-color-yellow-100);--hsds-button-color-yellow-outline-hoverIconOnly:var( --hsds-color-yellow-100 );--hsds-button-color-yellow-outline-textSeamlessHover:var( --hsds-color-orange-700 );--hsds-button-color-disabled-main:var(--hsds-color-grey-500);--hsds-button-color-disabled-text:white;--hsds-button-color-disabled-outline-border:var(--hsds-color-grey-600);--hsds-button-color-disabled-outline-text:var(--hsds-color-grey-800);--hsds-datePicker-color-range-background:var(--hsds-color-cobalt-100);--hsds-datePicker-color-range-selectedBackground:var( --hsds-color-cobalt-600 );--hsds-datePicker-color-range-text:var(--hsds-color-cobalt-600);--hsds-datePicker-color-range-textHover:var(--hsds-color-cobalt-700);--hsds-datePicker-color-current-background:var(--hsds-color-grey-400);--hsds-datePicker-color-current-text:var(--hsds-color-charcoal-700);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1200);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-200);--hsds-floatingBar-color-button-iconHover:white;--hsds-floatingBar-color-button-backgroundDefault:transparent;--hsds-floatingBar-color-button-backgroundHover:transparent;--hsds-floatingBar-color-divider:var(--hsds-color-charcoal-900);--hsds-statusBar-color-light-error-border:var(--hsds-color-red-200);--hsds-statusBar-color-light-info-border:var(--hsds-color-cobalt-200);--hsds-statusBar-color-light-success-border:var(--hsds-color-green-200);--hsds-statusBar-color-light-warning-border:var(--hsds-color-yellow-200);--hsds-statusBar-color-bold-error-border:var(--hsds-color-red-700);--hsds-statusBar-color-bold-error-button:var(--hsds-color-red-700);--hsds-statusBar-color-bold-info-border:var(--hsds-color-cobalt-700);--hsds-statusBar-color-bold-info-button:var(--hsds-color-cobalt-700);--hsds-statusBar-color-bold-success-border:var(--hsds-color-green-700);--hsds-statusBar-color-bold-success-button:var(--hsds-color-green-700);--hsds-statusBar-color-bold-warning-border:var(--hsds-color-orange-700);--hsds-statusBar-color-bold-warning-button:var(--hsds-color-orange-700);--hsds-statusDot-color-light-default:var(--hsds-color-slate-500);--hsds-statusDot-color-light-active:var(--hsds-color-green-500);--hsds-statusDot-color-light-inactive:var(--hsds-color-slate-500);--hsds-statusDot-color-light-offline:var(--hsds-color-red-500);--hsds-statusDot-color-light-busy:var(--hsds-color-yellow-400);--hsds-statusDot-color-light-custom:var(--hsds-color-purple-400);--hsds-statusDot-color-dark-default:var(--hsds-color-slate-accent);--hsds-statusDot-color-dark-active:var(--hsds-color-green-accent);--hsds-statusDot-color-dark-inactive:var(--hsds-color-slate-accent);--hsds-statusDot-color-dark-offline:var(--hsds-color-red-accent);--hsds-statusDot-color-dark-busy:var(--hsds-color-yellow-accent);--hsds-statusDot-color-dark-custom:var(--hsds-color-purple-accent);--hsds-switchComponent-color-error:var(--hsds-color-state-error-default);--hsds-verificationCode-color-error:var(--hsds-color-state-error-default);--hsds-color-blue-100:var(--hsds-color-cobalt-100);--hsds-color-blue-100-rgb:var(--hsds-color-cobalt-100-rgb);--hsds-color-blue-200:var(--hsds-color-cobalt-200);--hsds-color-blue-200-rgb:var(--hsds-color-cobalt-200-rgb);--hsds-color-blue-300:var(--hsds-color-cobalt-300);--hsds-color-blue-300-rgb:var(--hsds-color-cobalt-300-rgb);--hsds-color-blue-400:var(--hsds-color-cobalt-400);--hsds-color-blue-400-rgb:var(--hsds-color-cobalt-400-rgb);--hsds-color-blue-500:var(--hsds-color-cobalt-600);--hsds-color-blue-500-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-blue-600:var(--hsds-color-cobalt-600);--hsds-color-blue-600-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-blue-700:var(--hsds-color-cobalt-700);--hsds-color-blue-700-rgb:var(--hsds-color-cobalt-700-rgb);--hsds-color-blue-800:var(--hsds-color-cobalt-800);--hsds-color-blue-800-rgb:var(--hsds-color-cobalt-800-rgb);--hsds-color-blue-900:var(--hsds-color-cobalt-900);--hsds-color-blue-900-rgb:var(--hsds-color-cobalt-900-rgb);--hsds-color-blue-default:var(--hsds-color-cobalt-500);--hsds-color-blue-accent:var(--hsds-color-cobalt-accent);--hsds-color-charcoal-200:#7e8e9e;--hsds-color-charcoal-200-rgb:126,142,158;--hsds-color-charcoal-300:#7e8e9e;--hsds-color-charcoal-300-rgb:126,142,158;--hsds-color-charcoal-400:#556575;--hsds-color-charcoal-400-rgb:85,101,117;--hsds-color-charcoal-500:#405261;--hsds-color-charcoal-500-rgb:64,82,97;--hsds-color-charcoal-600:#314351;--hsds-color-charcoal-600-rgb:49,67,81;--hsds-color-charcoal-700:#253642;--hsds-color-charcoal-700-rgb:37,54,66;--hsds-color-charcoal-800:#1d2b36;--hsds-color-charcoal-800-rgb:29,43,54;--hsds-color-charcoal-900:#314351;--hsds-color-charcoal-900-rgb:49,67,81;--hsds-color-charcoal-1000:#253642;--hsds-color-charcoal-1000-rgb:37,54,66;--hsds-color-charcoal-1100:#1d2b36;--hsds-color-charcoal-1100-rgb:29,43,54;--hsds-color-charcoal-1200:#131b24;--hsds-color-charcoal-1200-rgb:19,27,36;--hsds-color-charcoal-default:var(--hsds-color-charcoal-500);--hsds-color-grey-200:#f9fafa;--hsds-color-grey-200-rgb:249,250,250;--hsds-color-grey-300:#f1f3f5;--hsds-color-grey-300-rgb:241,243,245;--hsds-color-grey-400:#dfe6eb;--hsds-color-grey-400-rgb:223,230,235;--hsds-color-grey-500:#c8d3de;--hsds-color-grey-500-rgb:200,211,222;--hsds-color-grey-600:#abb9c7;--hsds-color-grey-600-rgb:171,185,199;--hsds-color-grey-700:#abb9c7;--hsds-color-grey-700-rgb:171,185,199;--hsds-color-grey-800:#abb9c7;--hsds-color-grey-800-rgb:171,185,199;--hsds-color-ash-200:var(--hsds-color-grey-200);--hsds-color-ash-200-rgb:var(--hsds-color-grey-200-rgb);--hsds-color-ash-300:var(--hsds-color-grey-300);--hsds-color-ash-300-rgb:var(--hsds-color-grey-300-rgb);--hsds-color-ash-400:var(--hsds-color-grey-400);--hsds-color-ash-400-rgb:var(--hsds-color-grey-400-rgb);--hsds-color-ash-500:var(--hsds-color-grey-500);--hsds-color-ash-500-rgb:var(--hsds-color-grey-500-rgb);--hsds-color-ash-600:var(--hsds-color-grey-600);--hsds-color-ash-600-rgb:var(--hsds-color-grey-600-rgb);--hsds-color-ash-700:var(--hsds-color-grey-700);--hsds-color-ash-700-rgb:var(--hsds-color-grey-700-rgb);--hsds-color-ash-800:var(--hsds-color-grey-800);--hsds-color-ash-800-rgb:var(--hsds-color-grey-800-rgb);--hsds-color-indigo-200:var(--hsds-color-cobalt-100);--hsds-color-indigo-200-rgb:var(--hsds-color-cobalt-100-rgb);--hsds-color-indigo-300:var(--hsds-color-cobalt-200);--hsds-color-indigo-300-rgb:var(--hsds-color-cobalt-200-rgb);--hsds-color-indigo-400:var(--hsds-color-cobalt-300);--hsds-color-indigo-400-rgb:var(--hsds-color-cobalt-300-rgb);--hsds-color-indigo-500:var(--hsds-color-cobalt-400);--hsds-color-indigo-500-rgb:var(--hsds-color-cobalt-400-rgb);--hsds-color-indigo-600:var(--hsds-color-cobalt-500);--hsds-color-indigo-600-rgb:var(--hsds-color-cobalt-500-rgb);--hsds-color-indigo-700:var(--hsds-color-cobalt-600);--hsds-color-indigo-700-rgb:var(--hsds-color-cobalt-600-rgb);--hsds-color-indigo-800:var(--hsds-color-cobalt-700);--hsds-color-indigo-800-rgb:var(--hsds-color-cobalt-700-rgb);--hsds-color-indigo-900:var(--hsds-color-cobalt-800);--hsds-color-indigo-900-rgb:var(--hsds-color-cobalt-800-rgb);--hsds-color-indigo-1000:var(--hsds-color-cobalt-900);--hsds-color-indigo-1000-rgb:var(--hsds-color-cobalt-900-rgb);--hsds-color-indigo-default:var(--hsds-color-indigo-500);--hsds-color-lavender-100:var(--hsds-color-purple-100);--hsds-color-lavender-100-rgb:var(--hsds-color-purple-100-rgb);--hsds-color-lavender-200:var(--hsds-color-purple-200);--hsds-color-lavender-200-rgb:var(--hsds-color-purple-200-rgb);--hsds-color-lavender-300:var(--hsds-color-purple-300);--hsds-color-lavender-300-rgb:var(--hsds-color-purple-300-rgb);--hsds-color-lavender-400:var(--hsds-color-purple-400);--hsds-color-lavender-400-rgb:var(--hsds-color-purple-400-rgb);--hsds-color-lavender-500:var(--hsds-color-purple-500);--hsds-color-lavender-500-rgb:var(--hsds-color-purple-500-rgb);--hsds-color-lavender-600:var(--hsds-color-purple-600);--hsds-color-lavender-600-rgb:var(--hsds-color-purple-600-rgb);--hsds-color-lavender-700:var(--hsds-color-purple-700);--hsds-color-lavender-700-rgb:var(--hsds-color-purple-700-rgb);--hsds-color-lavender-800:var(--hsds-color-purple-800);--hsds-color-lavender-800-rgb:var(--hsds-color-purple-800-rgb);--hsds-color-lavender-900:var(--hsds-color-purple-900);--hsds-color-lavender-900-rgb:var(--hsds-color-purple-900-rgb);--hsds-color-lavender-default:var(--hsds-color-lavender-500);--hsds-color-pink-100:var(--hsds-color-red-100);--hsds-color-pink-100-rgb:var(--hsds-color-red-100-rgb);--hsds-color-pink-200:var(--hsds-color-red-200);--hsds-color-pink-200-rgb:var(--hsds-color-red-200-rgb);--hsds-color-pink-300:var(--hsds-color-red-300);--hsds-color-pink-300-rgb:var(--hsds-color-red-300-rgb);--hsds-color-pink-400:var(--hsds-color-red-400);--hsds-color-pink-400-rgb:var(--hsds-color-red-400-rgb);--hsds-color-pink-500:var(--hsds-color-red-500);--hsds-color-pink-500-rgb:var(--hsds-color-red-500-rgb);--hsds-color-pink-600:var(--hsds-color-red-600);--hsds-color-pink-600-rgb:var(--hsds-color-red-600-rgb);--hsds-color-pink-700:var(--hsds-color-red-700);--hsds-color-pink-700-rgb:var(--hsds-color-red-700-rgb);--hsds-color-pink-800:var(--hsds-color-red-800);--hsds-color-pink-800-rgb:var(--hsds-color-red-800-rgb);--hsds-color-pink-900:var(--hsds-color-red-900);--hsds-color-pink-900-rgb:var(--hsds-color-red-900-rgb);--hsds-color-pink-950:var(--hsds-color-red-900);--hsds-color-pink-950-rgb:var(--hsds-color-red-900-rgb);--hsds-color-pink-1000:var(--hsds-color-red-900);--hsds-color-pink-1000-rgb:var(--hsds-color-red-900-rgb);--hsds-color-green-100:#f2fff0ff;--hsds-color-green-100-rgb:242,255,240;--hsds-color-green-200:#e0fcdeff;--hsds-color-green-200-rgb:224,252,222;--hsds-color-green-300:#b9edbdff;--hsds-color-green-300-rgb:185,237,189;--hsds-color-green-400:#83db9cff;--hsds-color-green-400-rgb:131,219,156;--hsds-color-green-500:#47c47dff;--hsds-color-green-500-rgb:71,196,125;--hsds-color-green-600:#2d8556ff;--hsds-color-green-600-rgb:45,133,86;--hsds-color-green-700:#28704cff;--hsds-color-green-700-rgb:40,112,76;--hsds-color-green-750:var(--hsds-color-green-800);--hsds-color-green-750-rgb:var(--hsds-color-green-800-rgb);--hsds-color-green-800:#2e5940ff;--hsds-color-green-800-rgb:46,89,64;--hsds-color-green-900:#283b2dff;--hsds-color-green-900-rgb:40,59,45;--hsds-color-green-1000:#222923ff;--hsds-color-green-1000-rgb:34,41,35;--hsds-color-green-accent:#56f09eff;--hsds-color-yellow-50:var(--hsds-color-yellow-100);--hsds-color-yellow-100:#fff6e5ff;--hsds-color-yellow-100-rgb:255,246,229;--hsds-color-yellow-200:#ffeeccff;--hsds-color-yellow-200-rgb:255,238,204;--hsds-color-yellow-300:#ffdd99ff;--hsds-color-yellow-300-rgb:255,221,153;--hsds-color-yellow-400:#fabf5aff;--hsds-color-yellow-400-rgb:250,191,90;--hsds-color-yellow-500:#e09c24ff;--hsds-color-yellow-500-rgb:224,156,36;--hsds-color-yellow-600:#ac771bff;--hsds-color-yellow-600-rgb:172,119,27;--hsds-color-yellow-700:#7a581dff;--hsds-color-yellow-700-rgb:122,88,29;--hsds-color-yellow-800:#574323ff;--hsds-color-yellow-800-rgb:87,67,35;--hsds-color-yellow-900:#403521ff;--hsds-color-yellow-900-rgb:64,53,33;--hsds-color-yellow-950:var(--hsds-color-yellow-900);--hsds-color-yellow-950-rgb:var(--hsds-color-yellow-900-rgb);--hsds-color-yellow-1000:#2b261dff;--hsds-color-yellow-1000-rgb:43,38,29;--hsds-color-yellow-accent:#ffb83dff;--hsds-color-link-default:var(--hsds-color-cobalt-600);--hsds-color-link-base:var(--hsds-color-cobalt-600);--hsds-color-link-hover:var(--hsds-color-cobalt-700);--hsds-color-link-active:var(--hsds-color-cobalt-800);--hsds-color-link-focus:var(--hsds-color-cobalt-600);--hsds-color-link-disabled:var(--hsds-color-charcoal-500);--hsds-color-focusRing-default-innerColor:var(--hsds-color-cobalt-600);--hsds-color-focusRing-default-outerColor:var(--hsds-color-cobalt-200);--hsds-color-focusRing-default-innerColorOverDark:var( --hsds-color-cobalt-accent );--hsds-color-focusRing-default-outerColorOverDark:var( --hsds-color-charcoal-600 );--hsds-color-focusRing-error-innerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColor:var( --hsds-color-state-error-backgroundLight );--hsds-color-focusRing-error-innerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColorOverDark:var( --hsds-color-state-error-backgroundLight );--hsds-color-focusRing-warning-innerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColor:var( --hsds-color-state-warning-backgroundLight );--hsds-color-focusRing-warning-innerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColorOverDark:var( --hsds-color-state-warning-backgroundLight );--hsds-color-focusRing-success-innerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColor:var( --hsds-color-state-success-backgroundLight );--hsds-color-focusRing-success-innerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColorOverDark:var( --hsds-color-state-success-backgroundLight );--hsds-color-text-default:var(--hsds-color-charcoal-500);--hsds-color-text-subtle:var(--hsds-color-charcoal-500);--hsds-color-text-slightlyMuted:var(--hsds-color-charcoal-400);--hsds-color-text-muted:var(--hsds-color-charcoal-400);--hsds-color-text-faint:var(--hsds-color-charcoal-200);--hsds-color-text-extraMuted:var(--hsds-color-grey-600);--hsds-color-border-default:var(--hsds-color-grey-400);--hsds-color-border-divider:var(--hsds-color-grey-300);--hsds-color-border-ui-default:var(--hsds-color-grey-500);--hsds-color-border-ui-dark:var(--hsds-color-grey-600);--hsds-color-state-error-text:var(--hsds-color-red-600);--hsds-color-state-error-backgroundDark:var(--hsds-color-red-600);--hsds-color-state-error-icon:var(--hsds-color-red-accent);--hsds-color-state-error-borderColor:var(--hsds-color-red-500);--hsds-color-state-error-backgroundLight:#fa7a6428;--hsds-color-state-error-default:var(--hsds-color-red-600);--hsds-color-state-error-color:var(--hsds-color-red-600);--hsds-color-state-info-text:var(--hsds-color-cobalt-700);--hsds-color-state-info-backgroundDark:var(--hsds-color-cobalt-600);--hsds-color-state-info-icon:var(--hsds-color-cobalt-500);--hsds-color-state-info-borderColor:var(--hsds-color-cobalt-500);--hsds-color-state-info-backgroundLight:var(--hsds-color-cobalt-100);--hsds-color-state-info-default:var(--hsds-color-cobalt-700);--hsds-color-state-info-color:var(--hsds-color-cobalt-700);--hsds-color-state-success-text:var(--hsds-color-green-800);--hsds-color-state-success-backgroundDark:var(--hsds-color-green-600);--hsds-color-state-success-icon:var(--hsds-color-green-500);--hsds-color-state-success-borderColor:var(--hsds-color-green-500);--hsds-color-state-success-backgroundLight:var(--hsds-color-green-100);--hsds-color-state-success-default:var(--hsds-color-green-800);--hsds-color-state-success-color:var(--hsds-color-green-800);--hsds-color-state-warning-text:var(--hsds-color-orange-600);--hsds-color-state-warning-backgroundDark:var(--hsds-color-orange-600);--hsds-color-state-warning-icon:var(--hsds-color-yellow-accent);--hsds-color-state-warning-borderColor:var(--hsds-color-yellow-400);--hsds-color-state-warning-backgroundLight:var(--hsds-color-yellow-100);--hsds-color-state-warning-color:var(--hsds-color-orange-600);--hsds-color-state-warning-default:var(--hsds-color-yellow-500);--hsds-color-state-danger-default:var(--hsds-color-state-error-default);--hsds-color-state-danger-backgroundLight:var( --hsds-color-state-error-backgroundLight );--hsds-color-state-danger-backgroundDark:var( --hsds-color-state-error-backgroundDark );--hsds-color-state-danger-borderColor:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-color:var(--hsds-color-state-error-color);--hsds-color-state-danger-text:var(--hsds-color-state-error-text);--hsds-color-state-danger-icon:var(--hsds-color-state-error-icon);--hsds-color-red-100:#fff0e8ff;--hsds-color-red-100-rgb:255,240,232;--hsds-color-red-200:#fedfd5ff;--hsds-color-red-200-rgb:254,223,213;--hsds-color-red-300:#ffbcadff;--hsds-color-red-300-rgb:255,188,173;--hsds-color-red-400:#fa7a64ff;--hsds-color-red-400-rgb:250,122,100;--hsds-color-red-500:#e54a32ff;--hsds-color-red-500-rgb:229,74,50;--hsds-color-red-600:#b83525ff;--hsds-color-red-600-rgb:184,53,37;--hsds-color-red-700:#822824ff;--hsds-color-red-700-rgb:130,40,36;--hsds-color-red-800:#592728ff;--hsds-color-red-800-rgb:89,39,40;--hsds-color-red-900:#402629ff;--hsds-color-red-900-rgb:64,38,41;--hsds-color-red-1000:#2b2123ff;--hsds-color-red-1000-rgb:43,33,35;--hsds-color-red-accent:#ff6047ff;--hsds-color-orange-100:#fff2e8ff;--hsds-color-orange-100-rgb:255,242,232;--hsds-color-orange-200:#ffe4d1ff;--hsds-color-orange-200-rgb:255,228,209;--hsds-color-orange-300:#fac096ff;--hsds-color-orange-300-rgb:250,192,150;--hsds-color-orange-400:#f5964eff;--hsds-color-orange-400-rgb:245,150,78;--hsds-color-orange-500:#d67022ff;--hsds-color-orange-500-rgb:214,112,34;--hsds-color-orange-600:#a35214ff;--hsds-color-orange-600-rgb:163,82,20;--hsds-color-orange-700:#7a4518ff;--hsds-color-orange-700-rgb:122,69,24;--hsds-color-orange-800:#573b23ff;--hsds-color-orange-800-rgb:87,59,35;--hsds-color-orange-900:#3d2f22ff;--hsds-color-orange-900-rgb:61,47,34;--hsds-color-orange-1000:#2b241dff;--hsds-color-orange-1000-rgb:43,36,29;--hsds-color-orange-accent:#ff8b33ff;--hsds-color-slate-100:#f2f9fcff;--hsds-color-slate-100-rgb:242,249,252;--hsds-color-slate-200:#e1eef5ff;--hsds-color-slate-200-rgb:225,238,245;--hsds-color-slate-300:#ccdee8ff;--hsds-color-slate-300-rgb:204,222,232;--hsds-color-slate-400:#a9c4d4ff;--hsds-color-slate-400-rgb:169,196,212;--hsds-color-slate-500:#82a7baff;--hsds-color-slate-500-rgb:130,167,186;--hsds-color-slate-600:#658b9eff;--hsds-color-slate-600-rgb:101,139,158;--hsds-color-slate-700:#486878ff;--hsds-color-slate-700-rgb:72,104,120;--hsds-color-slate-800:#344852ff;--hsds-color-slate-800-rgb:52,72,82;--hsds-color-slate-900:#283338ff;--hsds-color-slate-900-rgb:40,51,56;--hsds-color-slate-1000:#1f2426ff;--hsds-color-slate-1000-rgb:31,36,38;--hsds-color-slate-accent:#47c2ffff;--hsds-color-cobalt-100:#ebf5ffff;--hsds-color-cobalt-100-rgb:235,245,255;--hsds-color-cobalt-200:#d1e8ffff;--hsds-color-cobalt-200-rgb:209,232,255;--hsds-color-cobalt-300:#9ecbffff;--hsds-color-cobalt-300-rgb:158,203,255;--hsds-color-cobalt-400:#66a3ffff;--hsds-color-cobalt-400-rgb:102,163,255;--hsds-color-cobalt-500:#4176faff;--hsds-color-cobalt-500-rgb:65,118,250;--hsds-color-cobalt-600:#304ddbff;--hsds-color-cobalt-600-rgb:48,77,219;--hsds-color-cobalt-700:#263aadff;--hsds-color-cobalt-700-rgb:38,58,173;--hsds-color-cobalt-800:#1c2674ff;--hsds-color-cobalt-800-rgb:28,38,116;--hsds-color-cobalt-900:#171952ff;--hsds-color-cobalt-900-rgb:23,25,82;--hsds-color-cobalt-1000:#0e0e33ff;--hsds-color-cobalt-1000-rgb:14,14,51;--hsds-color-cobalt-accent:#47a3ffff;--hsds-color-purple-100:#f9f2ffff;--hsds-color-purple-100-rgb:249,242,255;--hsds-color-purple-200:#f2e5ffff;--hsds-color-purple-200-rgb:242,229,255;--hsds-color-purple-300:#d7baf5ff;--hsds-color-purple-300-rgb:215,186,245;--hsds-color-purple-400:#ad82d8ff;--hsds-color-purple-400-rgb:173,130,216;--hsds-color-purple-500:#9163bfff;--hsds-color-purple-500-rgb:145,99,191;--hsds-color-purple-600:#774ba3ff;--hsds-color-purple-600-rgb:119,75,163;--hsds-color-purple-700:#5d407aff;--hsds-color-purple-700-rgb:93,64,122;--hsds-color-purple-800:#48335cff;--hsds-color-purple-800-rgb:72,51,92;--hsds-color-purple-900:#31253dff;--hsds-color-purple-900-rgb:49,37,61;--hsds-color-purple-1000:#271f2eff;--hsds-color-purple-1000-rgb:39,31,46;--hsds-color-purple-accent:#c285ffff;--hsds-color-magenta-100:#fff2f4ff;--hsds-color-magenta-100-rgb:255,242,244;--hsds-color-magenta-200:#ffe5eaff;--hsds-color-magenta-200-rgb:255,229,234;--hsds-color-magenta-300:#ffc7d3ff;--hsds-color-magenta-300-rgb:255,199,211;--hsds-color-magenta-400:#e5859fff;--hsds-color-magenta-400-rgb:229,133,159;--hsds-color-magenta-500:#bf5878ff;--hsds-color-magenta-500-rgb:191,88,120;--hsds-color-magenta-600:#a34b6bff;--hsds-color-magenta-600-rgb:163,75,107;--hsds-color-magenta-700:#863e5cff;--hsds-color-magenta-700-rgb:134,62,92;--hsds-color-magenta-800:#5e3146ff;--hsds-color-magenta-800-rgb:94,49,70;--hsds-color-magenta-900:#3d2531ff;--hsds-color-magenta-900-rgb:61,37,49;--hsds-color-magenta-1000:#2e2126ff;--hsds-color-magenta-1000-rgb:46,33,38;--hsds-color-magenta-accent:#ff5caaff;--hsds-color-clay-100:#faf8f7ff;--hsds-color-clay-100-rgb:250,248,247;--hsds-color-clay-200:#f5f2f0ff;--hsds-color-clay-200-rgb:245,242,240;--hsds-color-clay-300:#ede8e6ff;--hsds-color-clay-300-rgb:237,232,230;--hsds-color-clay-400:#ded5d1ff;--hsds-color-clay-400-rgb:222,213,209;--hsds-color-clay-500:#c2b4acff;--hsds-color-clay-500-rgb:194,180,172;--hsds-color-clay-600:#9e8f88ff;--hsds-color-clay-600-rgb:158,143,136;--hsds-color-clay-700:#8a7b74ff;--hsds-color-clay-700-rgb:138,123,116;--hsds-color-clay-800:#756963ff;--hsds-color-clay-800-rgb:117,105,99;--hsds-color-clay-900:#574f4bff;--hsds-color-clay-900-rgb:87,79,75;--hsds-color-clay-1000:#4a4441ff;--hsds-color-clay-1000-rgb:74,68,65;--hsds-color-clay-1100:#33302eff;--hsds-color-clay-1100-rgb:51,48,46;--hsds-color-clay-1200:#262423ff;--hsds-color-clay-1200-rgb:38,36,35;--hsds-color-functional-link-default:var(--hsds-color-cobalt-600);--hsds-color-functional-link-hovered:var(--hsds-color-cobalt-700);--hsds-color-functional-link-pressed:var(--hsds-color-cobalt-800);--hsds-color-functional-link-disabled:var(--hsds-color-charcoal-500);--hsds-color-functional-text-headline:var(--hsds-color-charcoal-1200);--hsds-color-functional-text-dark:var(--hsds-color-charcoal-900);--hsds-color-functional-text-default:var(--hsds-color-charcoal-800);--hsds-color-functional-text-light:var(--hsds-color-charcoal-700);--hsds-color-functional-success-text:var(--hsds-color-green-800);--hsds-color-functional-success-icon:var(--hsds-color-green-500);--hsds-color-functional-success-border:var(--hsds-color-green-300);--hsds-color-functional-success-background:var(--hsds-color-green-100);--hsds-color-functional-error-text:var(--hsds-color-red-700);--hsds-color-functional-error-icon:var(--hsds-color-red-500);--hsds-color-functional-error-border:var(--hsds-color-red-300);--hsds-color-functional-error-background:var(--hsds-color-red-100);--hsds-color-functional-warning-text:var(--hsds-color-yellow-800);--hsds-color-functional-warning-icon:var(--hsds-color-yellow-400);--hsds-color-functional-warning-border:var(--hsds-color-yellow-200);--hsds-color-functional-warning-background:var(--hsds-color-yellow-100);--hsds-color-basics-white:#ffffffff;--hsds-color-basics-black:#000000ff;--hsds-color-basics-magenta:#ff00ffff;--hsds-color-basics-cyan:#00ffffff;--hsds-measure-focusRing-innerBoxShadowSize:1px;--hsds-measure-focusRing-outerBoxShadowSize:3px;--hsds-measure-focusRing-insetBoxShadowSize:2px;"]);
 exports.tokens = tokens;

package.json

 {
   "name": "@hsds/tokens",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "prop-types": "~15.7.2",

src/js/newBrand/button.js

@@ -33,3 +33,3 @@ export const button = {
       main: '#2e5940ff',
-      hover: '#2e5940ff',
+      hover: '#283b2dff',
       text: 'white',
@@ -51,5 +51,5 @@ outline: {
       outline: {
-        border: '#ABB9C7',
+        border: '#C8D3DE',
         borderHover: '#ABB9C7',
-        text: '#556575',
+        text: '#405261',
         textHover: '#405261',
@@ -56,0 +56,0 @@ hover: '#f9fafa',

src/js/newBrand/styled-components.js

@@ -31,3 +31,3 @@ import { css } from 'styled-components'
   --hsds-button-color-green-main: var(--hsds-color-green-750);
-  --hsds-button-color-green-hover: var(--hsds-color-green-800);
+  --hsds-button-color-green-hover: var(--hsds-color-green-900);
   --hsds-button-color-green-text: white;
@@ -46,5 +46,5 @@ --hsds-button-color-green-outline-border: var(--hsds-color-green-500);
   --hsds-button-color-grey-text: white;
-  --hsds-button-color-grey-outline-border: var(--hsds-color-grey-700);
-  --hsds-button-color-grey-outline-borderHover: var(--hsds-color-grey-800);
-  --hsds-button-color-grey-outline-text: var(--hsds-color-charcoal-400);
+  --hsds-button-color-grey-outline-border: var(--hsds-color-grey-500);
+  --hsds-button-color-grey-outline-borderHover: var(--hsds-color-grey-600);
+  --hsds-button-color-grey-outline-text: var(--hsds-color-charcoal-500);
   --hsds-button-color-grey-outline-textHover: var(--hsds-color-charcoal-500);
@@ -51,0 +51,0 @@ --hsds-button-color-grey-outline-hover: var(--hsds-color-grey-200);

src/json/newBrand/button.json

@@ -33,3 +33,3 @@ {
       "main": "#2e5940ff",
-      "hover": "#2e5940ff",
+      "hover": "#283b2dff",
       "text": "white",
@@ -51,5 +51,5 @@ "outline": {
       "outline": {
-        "border": "#ABB9C7",
+        "border": "#C8D3DE",
         "borderHover": "#ABB9C7",
-        "text": "#556575",
+        "text": "#405261",
         "textHover": "#405261",
@@ -56,0 +56,0 @@ "hover": "#f9fafa",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

183535

increased by0.14%

No dependency changes