@hsds/tokens - npm Package Compare versions

@hsds/tokens

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.1.1 to 2.2.0

js/default/accordion.js

js/default/avatar.js

js/default/avatarRow.js

js/default/blankSlate.js

js/default/card.js

js/default/checkmarkCard.js

js/default/choice.js

js/default/closeButton.js

js/default/condition.js

js/default/copyValue.js

js/default/dropList.js

js/default/editableField.js

js/default/emojiPicker.js

js/default/filteredList.js

js/default/font.js

js/default/formField.js

js/default/heading.js

js/default/input.js

js/default/keyboardBadge.js

js/default/loadingDots.js

js/default/message.js

js/default/messageCard.js

js/default/modal.js

js/default/nav.js

js/default/page.js

js/default/pagination.js

js/default/popover.js

js/default/radioCard.js

js/default/scrollable.js

js/default/scrollableContainer.js

js/default/sidePanel.js

js/default/simpleModal.js

js/default/sortable.js

js/default/stepper.js

js/default/tabBar.js

js/default/table.js

js/default/tag.js

js/default/timeline.js

js/default/toolbar.js

js/default/typingDots.js

js/newBrand/accordion.js

js/newBrand/avatar.js

js/newBrand/avatarRow.js

js/newBrand/blankSlate.js

js/newBrand/card.js

js/newBrand/checkmarkCard.js

js/newBrand/choice.js

js/newBrand/closeButton.js

js/newBrand/condition.js

js/newBrand/copyValue.js

js/newBrand/dropList.js

js/newBrand/editableField.js

js/newBrand/emojiPicker.js

js/newBrand/filteredList.js

js/newBrand/font.js

js/newBrand/formField.js

js/newBrand/heading.js

js/newBrand/input.js

js/newBrand/keyboardBadge.js

js/newBrand/loadingDots.js

js/newBrand/message.js

js/newBrand/messageCard.js

js/newBrand/modal.js

js/newBrand/nav.js

js/newBrand/page.js

js/newBrand/pagination.js

js/newBrand/popover.js

js/newBrand/radioCard.js

js/newBrand/scrollable.js

js/newBrand/scrollableContainer.js

js/newBrand/sidePanel.js

js/newBrand/simpleModal.js

js/newBrand/sortable.js

js/newBrand/stepper.js

js/newBrand/tabBar.js

js/newBrand/table.js

js/newBrand/tag.js

js/newBrand/timeline.js

js/newBrand/toolbar.js

js/newBrand/typingDots.js

src/js/default/accordion.js

src/js/default/avatar.js

src/js/default/avatarRow.js

src/js/default/blankSlate.js

src/js/default/card.js

src/js/default/checkmarkCard.js

src/js/default/choice.js

src/js/default/closeButton.js

src/js/default/condition.js

src/js/default/copyValue.js

src/js/default/dropList.js

src/js/default/editableField.js

src/js/default/emojiPicker.js

src/js/default/filteredList.js

src/js/default/font.js

src/js/default/formField.js

src/js/default/heading.js

src/js/default/input.js

src/js/default/keyboardBadge.js

src/js/default/loadingDots.js

src/js/default/message.js

src/js/default/messageCard.js

src/js/default/modal.js

src/js/default/nav.js

src/js/default/page.js

src/js/default/pagination.js

src/js/default/popover.js

src/js/default/radioCard.js

src/js/default/scrollable.js

src/js/default/scrollableContainer.js

src/js/default/sidePanel.js

src/js/default/simpleModal.js

src/js/default/sortable.js

src/js/default/stepper.js

src/js/default/tabBar.js

src/js/default/table.js

src/js/default/tag.js

src/js/default/timeline.js

src/js/default/toolbar.js

src/js/default/typingDots.js

src/js/newBrand/accordion.js

src/js/newBrand/avatar.js

src/js/newBrand/avatarRow.js

src/js/newBrand/blankSlate.js

src/js/newBrand/card.js

src/js/newBrand/checkmarkCard.js

src/js/newBrand/choice.js

src/js/newBrand/closeButton.js

src/js/newBrand/condition.js

src/js/newBrand/copyValue.js

src/js/newBrand/dropList.js

src/js/newBrand/editableField.js

src/js/newBrand/emojiPicker.js

src/js/newBrand/filteredList.js

src/js/newBrand/font.js

src/js/newBrand/formField.js

src/js/newBrand/heading.js

src/js/newBrand/input.js

src/js/newBrand/keyboardBadge.js

src/js/newBrand/loadingDots.js

src/js/newBrand/message.js

src/js/newBrand/messageCard.js

src/js/newBrand/modal.js

src/js/newBrand/nav.js

src/js/newBrand/page.js

src/js/newBrand/pagination.js

src/js/newBrand/popover.js

src/js/newBrand/radioCard.js

src/js/newBrand/scrollable.js

src/js/newBrand/scrollableContainer.js

src/js/newBrand/sidePanel.js

src/js/newBrand/simpleModal.js

src/js/newBrand/sortable.js

src/js/newBrand/stepper.js

src/js/newBrand/tabBar.js

src/js/newBrand/table.js

src/js/newBrand/tag.js

src/js/newBrand/timeline.js

src/js/newBrand/toolbar.js

src/js/newBrand/typingDots.js

src/json/default/accordion.json

src/json/default/avatar.json

src/json/default/avatarRow.json

src/json/default/blankSlate.json

src/json/default/card.json

src/json/default/checkmarkCard.json

src/json/default/choice.json

src/json/default/closeButton.json

src/json/default/condition.json

src/json/default/copyValue.json

src/json/default/cssVarsTokens.json

src/json/default/dropList.json

src/json/default/editableField.json

src/json/default/emojiPicker.json

src/json/default/filteredList.json

src/json/default/font.json

src/json/default/formField.json

src/json/default/heading.json

src/json/default/input.json

src/json/default/keyboardBadge.json

src/json/default/loadingDots.json

src/json/default/message.json

src/json/default/messageCard.json

src/json/default/modal.json

src/json/default/nav.json

src/json/default/page.json

src/json/default/pagination.json

src/json/default/popover.json

src/json/default/radioCard.json

src/json/default/scrollable.json

src/json/default/scrollableContainer.json

src/json/default/sidePanel.json

src/json/default/simpleModal.json

src/json/default/sortable.json

src/json/default/stepper.json

src/json/default/tabBar.json

src/json/default/table.json

src/json/default/tag.json

src/json/default/timeline.json

src/json/default/toolbar.json

src/json/default/typingDots.json

src/json/newBrand/accordion.json

src/json/newBrand/avatar.json

src/json/newBrand/avatarRow.json

src/json/newBrand/blankSlate.json

src/json/newBrand/card.json

src/json/newBrand/checkmarkCard.json

src/json/newBrand/choice.json

src/json/newBrand/closeButton.json

src/json/newBrand/condition.json

src/json/newBrand/copyValue.json

src/json/newBrand/cssVarsTokens.json

src/json/newBrand/dropList.json

src/json/newBrand/editableField.json

src/json/newBrand/emojiPicker.json

src/json/newBrand/filteredList.json

src/json/newBrand/font.json

src/json/newBrand/formField.json

src/json/newBrand/heading.json

src/json/newBrand/input.json

src/json/newBrand/keyboardBadge.json

src/json/newBrand/loadingDots.json

src/json/newBrand/message.json

src/json/newBrand/messageCard.json

src/json/newBrand/modal.json

src/json/newBrand/nav.json

src/json/newBrand/page.json

src/json/newBrand/pagination.json

src/json/newBrand/popover.json

src/json/newBrand/radioCard.json

src/json/newBrand/scrollable.json

src/json/newBrand/scrollableContainer.json

src/json/newBrand/sidePanel.json

src/json/newBrand/simpleModal.json

src/json/newBrand/sortable.json

src/json/newBrand/stepper.json

src/json/newBrand/tabBar.json

src/json/newBrand/table.json

src/json/newBrand/tag.json

src/json/newBrand/timeline.json

src/json/newBrand/toolbar.json

src/json/newBrand/typingDots.json

CHANGELOG.md

		@@ -5,2 +5,52 @@ # Changelog

		## [2.2.0](https://github.com/helpscout/hsds/compare/tokens-2.1.1...tokens-2.2.0) (2024-03-14)


		### Features

		* components-avatar: more text tokens ([c022d54](https://github.com/helpscout/hsds/commit/c022d5492e2ac9cd1aeeadd227adf7162dd6d4ae))
		* components-choice: text to tokens ([71f9883](https://github.com/helpscout/hsds/commit/71f9883c437d25ed38f30e91d79064ef48112cb2))
		* components-condition: extract text to tokens ([63e814f](https://github.com/helpscout/hsds/commit/63e814f3664092cc02d24af525eb143e3b5518a9))
		* components-copy-value: extract text to tokens ([35e9fa1](https://github.com/helpscout/hsds/commit/35e9fa1a5fa3e51b2f3c5a377a5811839615ac45))
		* components-datepicker: extract text to tokens ([f5d0873](https://github.com/helpscout/hsds/commit/f5d087368c45b5dadbb994662264f1f0055cc4ce))
		* components-emoji-picker: icon color to token ([0f1c844](https://github.com/helpscout/hsds/commit/0f1c844f1eb7b847e468b7af0b37a9b963f94e57))
		* components-filtered-list: extract text to tokens ([045428e](https://github.com/helpscout/hsds/commit/045428e4734a4702c8b8c69eee93240c0aa212a8))
		* components-form-field: extract text to tokens ([ca56b0a](https://github.com/helpscout/hsds/commit/ca56b0ab0736fb5217ffeb850cb3ff24a7f3eb90))
		* components-heading: extract text to tokens ([f8f5288](https://github.com/helpscout/hsds/commit/f8f5288b7d80d7a90b7a154953129e219e22ca90))
		* components-input: extract text to tokens ([ca89367](https://github.com/helpscout/hsds/commit/ca89367ef195359a3ff627903cecb6625a215a0e))
		* components-keyboard-badge: extract text to tokens ([67385b6](https://github.com/helpscout/hsds/commit/67385b6e138f9bb59de950a1b593d1967dd16771))
		* components-loading-dots: icon to tokens ([b45764b](https://github.com/helpscout/hsds/commit/b45764b788f2e7239920122e8306185d7c95e04e))
		* components-message-card: extract text to tokens ([baa05cf](https://github.com/helpscout/hsds/commit/baa05cff36677a65da8cfa122db2995dc3cb5eb5))
		* components-message: extract text to tokens ([a08903b](https://github.com/helpscout/hsds/commit/a08903b2c878c9040d9c85eef998650ccd07523a))
		* components-message: text to tokens ([76ffc79](https://github.com/helpscout/hsds/commit/76ffc7942850e77a9f1f2e1e549e802a852e9d7f))
		* components-modal: extract text to tokens ([cdf83da](https://github.com/helpscout/hsds/commit/cdf83dab00ac6164ff3f917bd32bebaac57a3a75))
		* components-notification: extract text to tokens ([191da09](https://github.com/helpscout/hsds/commit/191da0997391d15983c198e014bd4dff6cf90a52))
		* components-pagination: extract text to tokens ([50adf27](https://github.com/helpscout/hsds/commit/50adf271a93a90cbf036610f21634fc55884fbd0))
		* components-popover: extract text to tokens ([27c22d1](https://github.com/helpscout/hsds/commit/27c22d11614122d05b643dcd51b82f9d58401f8d))
		* components-radio-card: extract text to tokens ([a4fe051](https://github.com/helpscout/hsds/commit/a4fe051f59b2e9d4f9725ad31ccb60d8bd250292))
		* components-side-panel: extract text to tokens ([3f8ff34](https://github.com/helpscout/hsds/commit/3f8ff3410b8ad66fcddf0047a850bdf3141294be))
		* components-side-panel: extract text to tokens ([1ddc1d5](https://github.com/helpscout/hsds/commit/1ddc1d5cabc8131ffcc027ce88a235268873f86a))
		* components-simple-modal: extract text to tokens ([4663700](https://github.com/helpscout/hsds/commit/4663700cb565f5d29ee13e27c7cdbd4e292770f4))
		* components-sortable: extract text to tokens ([2c63991](https://github.com/helpscout/hsds/commit/2c63991d920d94cda06501215fbcb3c4fb8720a6))
		* components-sortable: rename file ([a7e7f5c](https://github.com/helpscout/hsds/commit/a7e7f5c2f1edb359a23b114684825e944c8399ca))
		* components-tab-bar: extract text to tokens ([cb472f6](https://github.com/helpscout/hsds/commit/cb472f66c239ab5e3ba1bbb7d6d12a36d4f21217))
		* components-tag: text to tokens ([830545c](https://github.com/helpscout/hsds/commit/830545c4f8c59c3c6c562ea0d66d730f77d3002e))
		* components-typing-dots: icon to tokens ([1388cee](https://github.com/helpscout/hsds/commit/1388ceec4993a8df3f9b01bf1881bc5b31a2cb02))
		* components-verification-code: text to tokens ([6e41750](https://github.com/helpscout/hsds/commit/6e41750b725f606509f97feb256a39035e1bdec0))
		* tokens: add base theme, add some components tokens ([915e814](https://github.com/helpscout/hsds/commit/915e814c7e9a10b8deb13dc1fc6d2234ba2c150c))
		* tokens: add bg to components tokens, add droplist tokens ([cf79f35](https://github.com/helpscout/hsds/commit/cf79f3514c1ea8eec2b8c95c6301e3945eafe0c3))
		* tokens: add font and app background in global tokens ([29d5ca0](https://github.com/helpscout/hsds/commit/29d5ca0f06b06771a854115aee0bb9119e75891a))
		* tokens: create droplist tokens ([e812815](https://github.com/helpscout/hsds/commit/e81281584ef64f516e25e52ca66171e5f57898a7))
		* tokens: produce extra json file w/ all css vars & tokens ([b40c5f5](https://github.com/helpscout/hsds/commit/b40c5f5c0730d129e199390633d5ada4562e4438))
		* tokens: remove unused file ([853edfe](https://github.com/helpscout/hsds/commit/853edfeafb9f1f7348f4bbac335e08ac7720bac9))
		* tokens: rename background names ([6535a06](https://github.com/helpscout/hsds/commit/6535a06a46e9fbcb8e28fa4d12430c4a8a5f5560))
		* tokens: rename fonts to font ([e25e516](https://github.com/helpscout/hsds/commit/e25e516fcc3d5f2bf8d002c7bfe2306d514c50ed))
		* workspace: extract text colors into tokens ([24f90fe](https://github.com/helpscout/hsds/commit/24f90fede2619ca9d1ff584399b2bbff5aa9ebec))
		* workspace: rename some tokens ([8421c3b](https://github.com/helpscout/hsds/commit/8421c3b762b22a89f5bd7ce812dca2dfa6accc5c))


		### Bug Fixes

		* components-sortable: text to tokens ([0f54423](https://github.com/helpscout/hsds/commit/0f54423986869a56b3c9e6c83fa8bcd26001646f))

		## [2.1.1](https://github.com/helpscout/hsds/compare/tokens-2.1.1-next.4...tokens-2.1.1) (2024-03-01)
		@@ -7,0 +57,0 @@

js/default/attachment.js

		@@ -7,2 +7,3 @@ "use strict";
		color: {
		background: '#ffffffff',
		removeButton: {
		@@ -12,5 +13,14 @@ hover: '#C5003B',
		},
		error: '#e52f28'
		error: '#e52f28',
		brokenButton: {
		text: '#556575',
		icon: '#93A1B0'
		},
		downloadAll: {
		icon: '#93A1B0',
		iconHover: '#556575',
		backgroundHover: '#f1f3f5'
		}
		}
		};
		exports.attachment = attachment;

js/default/badge.js

		@@ -7,5 +7,14 @@ "use strict";
		color: {
		background: '#ffffffff',
		fill: {
		text: '#ffffffff'
		},
		square: {
		text: '#556575',
		background: '#f9fafa'
		},
		default: '#93A1B0'
		}
		},
		default: '#253642'
		};
		exports.badge = badge;

js/default/button.js

		@@ -10,4 +10,5 @@ "use strict";
		hover: '#0077CC',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#1292EE',
		@@ -25,4 +26,5 @@ borderHover: '#1292EE',
		hover: '#C5003B',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#F23459',
		@@ -40,4 +42,5 @@ borderHover: '#F23459',
		hover: '#106236',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#56C288',
		@@ -55,4 +58,5 @@ borderHover: '#56C288',
		hover: '#405261',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#B7C2CC',
		@@ -70,4 +74,5 @@ borderHover: '#A5B2BD',
		hover: '#c76400',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#FDD88E',
		@@ -84,10 +89,12 @@ borderHover: '#FDD88E',
		main: '#ccd6de',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#C5CED6',
		text: '#A5B2BD'
		}
		}
		},
		outlined: {}
		}
		};
		exports.button = button;

441

js/default/color.js

		@@ -6,41 +6,2 @@ "use strict";
		const color = {
		red: {
		100: '#fef7f6',
		200: '#ffe3e2',
		300: '#ffa2a2',
		400: '#f45b55',
		500: '#e52f28',
		600: '#d21b14',
		700: '#ba1f19',
		800: '#9d1f1a',
		900: '#731814',
		default: '#e52f28',
		accent: '#e52f28'
		},
		purple: {
		100: '#fbfbfe',
		200: '#eaeafc',
		300: '#d1d2f6',
		400: '#a3a4f3',
		500: '#7e80e7',
		600: '#696aca',
		700: '#585b9e',
		800: '#45467d',
		900: '#383966',
		default: '#7e80e7',
		accent: '#7e80e7'
		},
		orange: {
		100: '#fff8f2',
		200: '#ffead8',
		300: '#ffd3ae',
		400: '#ffa75a',
		500: '#ff9139',
		600: '#e87800',
		700: '#c76400',
		800: '#a45300',
		900: '#813c00',
		default: '#ff9139',
		accent: '#ff9139'
		},
		blue: {
		@@ -78,13 +39,2 @@ 100: '#F3FBFF',
		},
		ash: {
		200: '#f9fafa',
		300: '#f1f3f5',
		400: '#e1e7eb',
		500: '#ccd6de',
		600: '#C5CED6',
		700: '#B7C2CC',
		800: '#A5B2BD',
		default: '#ccd6de',
		accent: '#ccd6de'
		},
		grey: {
		@@ -101,30 +51,28 @@ 200: '#f9fafa',
		},
		yellow: {
		50: '#FFFBF3',
		100: '#FFF9EF',
		200: '#FFF2D7',
		300: '#FFE7B8',
		400: '#FDD88E',
		500: '#FFC555',
		600: '#FAB347',
		700: '#E89635',
		800: '#CE7129',
		900: '#B24319',
		950: '#84142D',
		default: '#FFC555',
		accent: '#FFC555'
		indigo: {
		100: '#F2F6FF',
		200: '#DFE7FF',
		300: '#B2C8FB',
		400: '#79A1F8',
		500: '#527CEB',
		600: '#3B64D2',
		700: '#2549A8',
		800: '#16337F',
		900: '#071E57',
		1000: '#171952ff',
		default: '#527CEB',
		accent: '#527CEB'
		},
		green: {
		100: '#F5FFF9',
		200: '#E3FBEE',
		300: '#C2F0D7',
		400: '#87DBAE',
		500: '#56C288',
		600: '#39AC6E',
		700: '#268C55',
		750: '#248451',
		800: '#106236',
		900: '#003C1C',
		default: '#56C288',
		accent: '#56C288'
		lavender: {
		100: '#F9F9FF',
		200: '#EBECFF',
		300: '#D9DCFD',
		400: '#B9BEFF',
		500: '#9FA6FF',
		600: '#818AEC',
		700: '#6269C5',
		800: '#404996',
		900: '#232A5C',
		default: '#9FA6FF',
		accent: '#9FA6FF'
		},
		@@ -146,41 +94,33 @@ pink: {
		},
		lavender: {
		100: '#F9F9FF',
		200: '#EBECFF',
		300: '#D9DCFD',
		400: '#B9BEFF',
		500: '#9FA6FF',
		600: '#818AEC',
		700: '#6269C5',
		800: '#404996',
		900: '#232A5C',
		default: '#9FA6FF',
		accent: '#9FA6FF'
		green: {
		100: '#F5FFF9',
		200: '#E3FBEE',
		300: '#C2F0D7',
		400: '#87DBAE',
		500: '#56C288',
		600: '#39AC6E',
		700: '#268C55',
		750: '#248451',
		800: '#106236',
		900: '#003C1C',
		1000: '#222923ff',
		accent: '#56C288',
		default: '#56C288'
		},
		indigo: {
		100: '#F2F6FF',
		200: '#DFE7FF',
		300: '#B2C8FB',
		400: '#79A1F8',
		500: '#527CEB',
		600: '#3B64D2',
		700: '#2549A8',
		800: '#16337F',
		900: '#071E57',
		default: '#527CEB',
		accent: '#527CEB'
		yellow: {
		50: '#FFFBF3',
		100: '#FFF9EF',
		200: '#FFF2D7',
		300: '#FFE7B8',
		400: '#FDD88E',
		500: '#FFC555',
		600: '#FAB347',
		700: '#E89635',
		800: '#CE7129',
		900: '#B24319',
		950: '#84142D',
		1000: '#2b261dff',
		accent: '#FFC555',
		default: '#FFC555'
		},
		whaletail: {
		100: '#F3F7FF',
		200: '#E5EDFE',
		300: '#D0DEFD',
		400: '#AFC7F9',
		500: '#8AABF1',
		600: '#7296E1',
		700: '#5174BB',
		800: '#304F8B',
		900: '#142F5E',
		default: '#8AABF1',
		accent: '#8AABF1'
		},
		link: {
		@@ -194,4 +134,34 @@ default: '#0077CC',
		},
		focusRing: {
		default: {
		innerColor: '#1292EE',
		outerColor: '#1292EE',
		innerColorOverDark: '#1292EE',
		outerColorOverDark: '#1292EE'
		},
		error: {
		innerColor: '#e52f28',
		outerColor: '#e52f28',
		innerColorOverDark: '#e52f28',
		outerColorOverDark: '#e52f28'
		},
		warning: {
		innerColor: '#FFC555',
		outerColor: '#FFC555',
		innerColorOverDark: '#FFC555',
		outerColorOverDark: '#FFC555'
		},
		success: {
		innerColor: '#56C288',
		outerColor: '#56C288',
		innerColorOverDark: '#56C288',
		outerColorOverDark: '#56C288'
		}
		},
		text: {
		default: 'currentColor',
		headline: '#1d2b36',
		dark: '#314351',
		light: '#556575',
		disabled: '#93A1B0',
		subtle: '#405261',
		@@ -212,85 +182,220 @@ slightlyMuted: '#556575',
		state: {
		danger: {
		default: '#e52f28',
		backgroundColor: '#ffe3e2',
		backgroundLight: '#ffe3e2',
		error: {
		text: '#e52f28',
		backgroundDark: '#e52f28',
		icon: '#e52f28',
		borderColor: '#e52f28',
		icon: '#e52f28',
		color: '#e52f28',
		text: '#e52f28'
		},
		error: {
		backgroundLight: '#ffe3e2',
		default: '#e52f28',
		backgroundColor: '#ffe3e2',
		backgroundLight: '#ffe3e2',
		backgroundDark: '#e52f28',
		borderColor: '#e52f28',
		icon: '#e52f28',
		color: '#e52f28',
		text: '#e52f28'
		backgroundColor: '#ffe3e2'
		},
		info: {
		default: '#1292EE',
		backgroundColor: '#D6EDFF',
		backgroundLight: '#D6EDFF',
		text: '#1292EE',
		backgroundDark: '#1292EE',
		icon: '#1292EE',
		borderColor: '#1292EE',
		icon: '#1292EE',
		backgroundLight: '#D6EDFF',
		default: '#1292EE',
		color: '#1292EE',
		text: '#1292EE'
		backgroundColor: '#D6EDFF'
		},
		success: {
		default: '#56C288',
		backgroundColor: '#E3FBEE',
		backgroundLight: '#E3FBEE',
		text: '#56C288',
		backgroundDark: '#56C288',
		icon: '#56C288',
		borderColor: '#56C288',
		icon: '#56C288',
		backgroundLight: '#E3FBEE',
		default: '#56C288',
		color: '#56C288',
		text: '#56C288'
		backgroundColor: '#E3FBEE'
		},
		warning: {
		default: '#FFC555',
		backgroundColor: '#FFF2D7',
		backgroundLight: '#FFF2D7',
		text: '#FFC555',
		backgroundDark: '#FFC555',
		icon: '#FFC555',
		borderColor: '#FFC555',
		icon: '#FFC555',
		backgroundLight: '#FFF2D7',
		color: '#FFC555',
		text: '#FFC555'
		default: '#FFC555',
		backgroundColor: '#FFF2D7'
		},
		danger: {
		default: '#e52f28',
		backgroundLight: '#ffe3e2',
		backgroundDark: '#e52f28',
		borderColor: '#e52f28',
		color: '#e52f28',
		text: '#e52f28',
		icon: '#e52f28',
		backgroundColor: '#ffe3e2'
		}
		},
		button: {
		border: '#d5d5d5',
		hover: '#e6e6e6',
		active: '#b6b6b6'
		background: {
		surface: '#ffffffff',
		body: '#f1f3f5'
		},
		focusRing: {
		default: {
		innerColor: '#1292EE',
		outerColor: '#1292EE',
		innerColorOverDark: '#1292EE',
		outerColorOverDark: '#1292EE'
		red: {
		100: '#fef7f6',
		200: '#ffe3e2',
		300: '#ffa2a2',
		400: '#f45b55',
		500: '#e52f28',
		600: '#d21b14',
		700: '#ba1f19',
		800: '#9d1f1a',
		900: '#731814',
		1000: '#2b2123ff',
		accent: '#e52f28',
		default: '#e52f28'
		},
		orange: {
		100: '#fff8f2',
		200: '#ffead8',
		300: '#ffd3ae',
		400: '#ffa75a',
		500: '#ff9139',
		600: '#e87800',
		700: '#c76400',
		800: '#a45300',
		900: '#813c00',
		1000: '#2b241dff',
		accent: '#ff9139',
		default: '#ff9139'
		},
		slate: {
		100: '#f2f9fcff',
		200: '#e1eef5ff',
		300: '#ccdee8ff',
		400: '#a9c4d4ff',
		500: '#82a7baff',
		600: '#658b9eff',
		700: '#486878ff',
		800: '#344852ff',
		900: '#283338ff',
		1000: '#1f2426ff',
		accent: '#47c2ffff'
		},
		cobalt: {
		100: '#ebf5ffff',
		200: '#d1e8ffff',
		300: '#9ecbffff',
		400: '#66a3ffff',
		500: '#4176faff',
		600: '#304ddbff',
		700: '#263aadff',
		800: '#1c2674ff',
		900: '#171952ff',
		1000: '#0e0e33ff',
		accent: '#47a3ffff'
		},
		purple: {
		100: '#fbfbfe',
		200: '#eaeafc',
		300: '#d1d2f6',
		400: '#a3a4f3',
		500: '#7e80e7',
		600: '#696aca',
		700: '#585b9e',
		800: '#45467d',
		900: '#383966',
		1000: '#271f2eff',
		accent: '#7e80e7',
		default: '#7e80e7'
		},
		magenta: {
		100: '#fff2f4ff',
		200: '#ffe5eaff',
		300: '#ffc7d3ff',
		400: '#e5859fff',
		500: '#bf5878ff',
		600: '#a34b6bff',
		700: '#863e5cff',
		800: '#5e3146ff',
		900: '#3d2531ff',
		1000: '#2e2126ff',
		accent: '#ff5caaff'
		},
		clay: {
		100: '#faf8f7ff',
		200: '#f5f2f0ff',
		300: '#ede8e6ff',
		400: '#ded5d1ff',
		500: '#c2b4acff',
		600: '#9e8f88ff',
		700: '#8a7b74ff',
		800: '#756963ff',
		900: '#574f4bff',
		1000: '#4a4441ff',
		1100: '#33302eff',
		1200: '#262423ff'
		},
		functional: {
		link: {
		default: '#304ddbff',
		hovered: '#263aadff',
		pressed: '#1c2674ff',
		disabled: '#C5CED6'
		},
		text: {
		headline: '#1d2b36',
		dark: '#314351',
		default: '#405261',
		light: '#556575'
		},
		success: {
		text: '#106236',
		icon: '#56C288',
		border: '#C2F0D7',
		background: '#F5FFF9'
		},
		error: {
		innerColor: '#e52f28',
		outerColor: '#e52f28',
		innerColorOverDark: '#e52f28',
		outerColorOverDark: '#e52f28'
		text: '#ba1f19',
		icon: '#e52f28',
		border: '#ffa2a2',
		background: '#fef7f6'
		},
		warning: {
		innerColor: '#FFC555',
		outerColor: '#FFC555',
		innerColorOverDark: '#FFC555',
		outerColorOverDark: '#FFC555'
		},
		success: {
		innerColor: '#56C288',
		outerColor: '#56C288',
		innerColorOverDark: '#56C288',
		outerColorOverDark: '#56C288'
		text: '#CE7129',
		icon: '#FDD88E',
		border: '#FFF2D7',
		background: '#FFF9EF'
		}
		},
		basics: {
		white: '#ffffffff',
		black: '#000000ff',
		magenta: '#ff00ffff',
		cyan: '#00ffffff'
		},
		ash: {
		200: '#f9fafa',
		300: '#f1f3f5',
		400: '#e1e7eb',
		500: '#ccd6de',
		600: '#C5CED6',
		700: '#B7C2CC',
		800: '#A5B2BD',
		default: '#ccd6de',
		accent: '#ccd6de'
		},
		whaletail: {
		100: '#F3F7FF',
		200: '#E5EDFE',
		300: '#D0DEFD',
		400: '#AFC7F9',
		500: '#8AABF1',
		600: '#7296E1',
		700: '#5174BB',
		800: '#304F8B',
		900: '#142F5E',
		default: '#8AABF1',
		accent: '#8AABF1'
		},
		button: {
		border: '#d5d5d5',
		hover: '#e6e6e6',
		active: '#b6b6b6'
		}
		};
		exports.color = color;

js/default/datePicker.js

		@@ -13,2 +13,21 @@ "use strict";
		},
		currentDay: {
		background: '#e1e7eb',
		text: '#253642'
		},
		deepNavigator: {
		text: '#314351'
		},
		nav: {
		text: 'currentColor',
		disabled: '#93A1B0'
		},
		weekdays: {
		text: 'currentColor'
		},
		day: {
		text: '#314351',
		disabled: '#93A1B0'
		},
		background: '#ffffffff',
		current: {
		@@ -15,0 +34,0 @@ background: '#f1f3f5',

js/default/floatingBar.js

		@@ -10,3 +10,3 @@ "use strict";
		iconDefault: '#93A1B0',
		iconHover: 'white',
		iconHover: '#ffffffff',
		backgroundDefault: 'transparent',
		@@ -13,0 +13,0 @@ backgroundHover: '#314351'

js/default/index.js

		@@ -5,25 +5,105 @@ "use strict";
		exports.default = void 0;
		var _accordion = require("./accordion");
		var _attachment = require("./attachment");
		var _avatar = require("./avatar");
		var _avatarRow = require("./avatarRow");
		var _badge = require("./badge");
		var _blankSlate = require("./blankSlate");
		var _button = require("./button");
		var _card = require("./card");
		var _checkmarkCard = require("./checkmarkCard");
		var _choice = require("./choice");
		var _closeButton = require("./closeButton");
		var _color = require("./color");
		var _condition = require("./condition");
		var _copyValue = require("./copyValue");
		var _datePicker = require("./datePicker");
		var _dropList = require("./dropList");
		var _editableField = require("./editableField");
		var _emojiPicker = require("./emojiPicker");
		var _filteredList = require("./filteredList");
		var _floatingBar = require("./floatingBar");
		var _font = require("./font");
		var _formField = require("./formField");
		var _heading = require("./heading");
		var _input = require("./input");
		var _keyboardBadge = require("./keyboardBadge");
		var _loadingDots = require("./loadingDots");
		var _measure = require("./measure");
		var _message = require("./message");
		var _messageCard = require("./messageCard");
		var _modal = require("./modal");
		var _nav = require("./nav");
		var _page = require("./page");
		var _pagination = require("./pagination");
		var _popover = require("./popover");
		var _radioCard = require("./radioCard");
		var _scrollable = require("./scrollable");
		var _scrollableContainer = require("./scrollableContainer");
		var _sidePanel = require("./sidePanel");
		var _simpleModal = require("./simpleModal");
		var _sortable = require("./sortable");
		var _statusBar = require("./statusBar");
		var _statusDot = require("./statusDot");
		var _stepper = require("./stepper");
		var _styledComponents = require("./styled-components");
		var _switchComponent = require("./switchComponent");
		var _tabBar = require("./tabBar");
		var _table = require("./table");
		var _tag = require("./tag");
		var _timeline = require("./timeline");
		var _toolbar = require("./toolbar");
		var _typingDots = require("./typingDots");
		var _verificationCode = require("./verificationCode");
		var _default = {
		accordion: _accordion.accordion,
		attachment: _attachment.attachment,
		avatar: _avatar.avatar,
		avatarRow: _avatarRow.avatarRow,
		badge: _badge.badge,
		blankSlate: _blankSlate.blankSlate,
		button: _button.button,
		card: _card.card,
		checkmarkCard: _checkmarkCard.checkmarkCard,
		choice: _choice.choice,
		closeButton: _closeButton.closeButton,
		condition: _condition.condition,
		copyValue: _copyValue.copyValue,
		datePicker: _datePicker.datePicker,
		dropList: _dropList.dropList,
		editableField: _editableField.editableField,
		emojiPicker: _emojiPicker.emojiPicker,
		filteredList: _filteredList.filteredList,
		floatingBar: _floatingBar.floatingBar,
		formField: _formField.formField,
		heading: _heading.heading,
		input: _input.input,
		keyboardBadge: _keyboardBadge.keyboardBadge,
		loadingDots: _loadingDots.loadingDots,
		message: _message.message,
		messageCard: _messageCard.messageCard,
		modal: _modal.modal,
		nav: _nav.nav,
		page: _page.page,
		pagination: _pagination.pagination,
		popover: _popover.popover,
		radioCard: _radioCard.radioCard,
		scrollable: _scrollable.scrollable,
		scrollableContainer: _scrollableContainer.scrollableContainer,
		sidePanel: _sidePanel.sidePanel,
		simpleModal: _simpleModal.simpleModal,
		sortable: _sortable.sortable,
		statusBar: _statusBar.statusBar,
		statusDot: _statusDot.statusDot,
		stepper: _stepper.stepper,
		switchComponent: _switchComponent.switchComponent,
		tabBar: _tabBar.tabBar,
		table: _table.table,
		tag: _tag.tag,
		timeline: _timeline.timeline,
		toolbar: _toolbar.toolbar,
		typingDots: _typingDots.typingDots,
		verificationCode: _verificationCode.verificationCode,
		color: _color.color,
		font: _font.font,
		measure: _measure.measure,
		@@ -30,0 +110,0 @@ tokens: _styledComponents.tokens

js/default/statusDot.js

		@@ -7,2 +7,3 @@ "use strict";
		color: {
		background: '#ffffffff',
		light: {
		@@ -9,0 +10,0 @@ default: '#C5CED6',

js/default/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-pink-1000);--hsds-attachment-color-removeButton-borderHover:var(--hsds-color-pink-900);--hsds-attachment-color-error:var(--hsds-color-red-500);--hsds-badge-color-default:var(--hsds-color-charcoal-600);--hsds-button-color-blue-main:var(--hsds-color-blue-500);--hsds-button-color-blue-hover:var(--hsds-color-blue-600);--hsds-button-color-blue-text:white;--hsds-button-color-blue-outline-border:var(--hsds-color-blue-500);--hsds-button-color-blue-outline-borderHover:var(--hsds-color-blue-500);--hsds-button-color-blue-outline-text:var(--hsds-color-blue-600);--hsds-button-color-blue-outline-textHover:var(--hsds-color-blue-700);--hsds-button-color-blue-outline-hover:var(--hsds-color-blue-100);--hsds-button-color-blue-outline-hoverIconOnly:var(--hsds-color-blue-200);--hsds-button-color-blue-outline-textSeamlessHover:var( --hsds-color-blue-800 );--hsds-button-color-red-main:var(--hsds-color-pink-950);--hsds-button-color-red-hover:var(--hsds-color-pink-1000);--hsds-button-color-red-text:white;--hsds-button-color-red-outline-border:var(--hsds-color-pink-900);--hsds-button-color-red-outline-borderHover:var(--hsds-color-pink-900);--hsds-button-color-red-outline-text:var(--hsds-color-pink-950);--hsds-button-color-red-outline-textHover:var(--hsds-color-pink-1000);--hsds-button-color-red-outline-hover:var(--hsds-color-pink-100);--hsds-button-color-red-outline-hoverIconOnly:var(--hsds-color-pink-200);--hsds-button-color-red-outline-textSeamlessHover:var( --hsds-color-pink-1000 );--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-200);--hsds-button-color-green-outline-textSeamlessHover:var( --hsds-color-green-900 );--hsds-button-color-grey-main:var(--hsds-color-charcoal-700);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-800);--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-700);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-800);--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-1100 );--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-blue-200);--hsds-datePicker-color-range-selectedBackground:var(--hsds-color-blue-500);--hsds-datePicker-color-range-text:var(--hsds-color-blue-500);--hsds-datePicker-color-range-textHover:var(--hsds-color-blue-600);--hsds-datePicker-color-current-background:var(--hsds-color-grey-300);--hsds-datePicker-color-current-text:var(--hsds-color-charcoal-1000);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1100);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-600);--hsds-floatingBar-color-button-iconHover:white;--hsds-floatingBar-color-button-backgroundDefault:transparent;--hsds-floatingBar-color-button-backgroundHover:var( --hsds-color-charcoal-900 );--hsds-floatingBar-color-divider:var(--hsds-color-charcoal-800);--hsds-statusBar-color-light-error-border:var(--hsds-color-red-300);--hsds-statusBar-color-light-info-border:var(--hsds-color-blue-300);--hsds-statusBar-color-light-success-border:var(--hsds-color-green-300);--hsds-statusBar-color-light-warning-border:var(--hsds-color-yellow-300);--hsds-statusBar-color-bold-error-border:var(--hsds-color-red-600);--hsds-statusBar-color-bold-error-button:var(--hsds-color-red-700);--hsds-statusBar-color-bold-info-border:var(--hsds-color-blue-600);--hsds-statusBar-color-bold-info-button:var(--hsds-color-blue-700);--hsds-statusBar-color-bold-success-border:var(--hsds-color-green-600);--hsds-statusBar-color-bold-success-button:var(--hsds-color-green-700);--hsds-statusBar-color-bold-warning-border:var(--hsds-color-yellow-600);--hsds-statusBar-color-bold-warning-button:var(--hsds-color-yellow-700);--hsds-statusDot-color-light-default:var(--hsds-color-grey-600);--hsds-statusDot-color-light-active:var(--hsds-color-green-500);--hsds-statusDot-color-light-inactive:var(--hsds-color-grey-600);--hsds-statusDot-color-light-offline:var(--hsds-color-red-500);--hsds-statusDot-color-light-busy:var(--hsds-color-yellow-500);--hsds-statusDot-color-light-custom:var(--hsds-color-purple-400);--hsds-statusDot-color-dark-default:var(--hsds-color-grey-600);--hsds-statusDot-color-dark-active:var(--hsds-color-green-500);--hsds-statusDot-color-dark-inactive:var(--hsds-color-grey-600);--hsds-statusDot-color-dark-offline:var(--hsds-color-red-500);--hsds-statusDot-color-dark-busy:var(--hsds-color-yellow-500);--hsds-statusDot-color-dark-custom:var(--hsds-color-purple-400);--hsds-switchComponent-color-error:var(--hsds-color-pink-900);--hsds-verificationCode-color-error:var(--hsds-color-pink-900);--hsds-color-red-100:#fef7f6;--hsds-color-red-100-rgb:254,247,246;--hsds-color-red-200:#ffe3e2;--hsds-color-red-200-rgb:255,227,226;--hsds-color-red-300:#ffa2a2;--hsds-color-red-300-rgb:255,162,162;--hsds-color-red-400:#f45b55;--hsds-color-red-400-rgb:244,91,85;--hsds-color-red-500:#e52f28;--hsds-color-red-500-rgb:229,47,40;--hsds-color-red-600:#d21b14;--hsds-color-red-600-rgb:210,27,20;--hsds-color-red-700:#ba1f19;--hsds-color-red-700-rgb:186,31,25;--hsds-color-red-800:#9d1f1a;--hsds-color-red-800-rgb:157,31,26;--hsds-color-red-900:#731814;--hsds-color-red-900-rgb:115,24,20;--hsds-color-red-default:var(--hsds-color-red-500);--hsds-color-red-accent:var(--hsds-color-red-500);--hsds-color-purple-100:#fbfbfe;--hsds-color-purple-100-rgb:251,251,254;--hsds-color-purple-200:#eaeafc;--hsds-color-purple-200-rgb:234,234,252;--hsds-color-purple-300:#d1d2f6;--hsds-color-purple-300-rgb:209,210,246;--hsds-color-purple-400:#a3a4f3;--hsds-color-purple-400-rgb:163,164,243;--hsds-color-purple-500:#7e80e7;--hsds-color-purple-500-rgb:126,128,231;--hsds-color-purple-600:#696aca;--hsds-color-purple-600-rgb:105,106,202;--hsds-color-purple-700:#585b9e;--hsds-color-purple-700-rgb:88,91,158;--hsds-color-purple-800:#45467d;--hsds-color-purple-800-rgb:69,70,125;--hsds-color-purple-900:#383966;--hsds-color-purple-900-rgb:56,57,102;--hsds-color-purple-default:var(--hsds-color-purple-500);--hsds-color-purple-accent:var(--hsds-color-purple-500);--hsds-color-orange-100:#fff8f2;--hsds-color-orange-100-rgb:255,248,242;--hsds-color-orange-200:#ffead8;--hsds-color-orange-200-rgb:255,234,216;--hsds-color-orange-300:#ffd3ae;--hsds-color-orange-300-rgb:255,211,174;--hsds-color-orange-400:#ffa75a;--hsds-color-orange-400-rgb:255,167,90;--hsds-color-orange-500:#ff9139;--hsds-color-orange-500-rgb:255,145,57;--hsds-color-orange-600:#e87800;--hsds-color-orange-600-rgb:232,120,0;--hsds-color-orange-700:#c76400;--hsds-color-orange-700-rgb:199,100,0;--hsds-color-orange-800:#a45300;--hsds-color-orange-800-rgb:164,83,0;--hsds-color-orange-900:#813c00;--hsds-color-orange-900-rgb:129,60,0;--hsds-color-orange-default:var(--hsds-color-orange-500);--hsds-color-orange-accent:var(--hsds-color-orange-500);--hsds-color-blue-100:#f3fbff;--hsds-color-blue-100-rgb:243,251,255;--hsds-color-blue-200:#d6edff;--hsds-color-blue-200-rgb:214,237,255;--hsds-color-blue-300:#a0d4ff;--hsds-color-blue-300-rgb:160,212,255;--hsds-color-blue-400:#57b0fb;--hsds-color-blue-400-rgb:87,176,251;--hsds-color-blue-500:#1292ee;--hsds-color-blue-500-rgb:18,146,238;--hsds-color-blue-600:#0077cc;--hsds-color-blue-600-rgb:0,119,204;--hsds-color-blue-700:#005ca4;--hsds-color-blue-700-rgb:0,92,164;--hsds-color-blue-800:#034077;--hsds-color-blue-800-rgb:3,64,119;--hsds-color-blue-900:#002651;--hsds-color-blue-900-rgb:0,38,81;--hsds-color-blue-default:var(--hsds-color-blue-500);--hsds-color-blue-accent:var(--hsds-color-blue-500);--hsds-color-charcoal-100:#f9fafa;--hsds-color-charcoal-100-rgb:249,250,250;--hsds-color-charcoal-200:#f1f3f5;--hsds-color-charcoal-200-rgb:241,243,245;--hsds-color-charcoal-300:#e1e7eb;--hsds-color-charcoal-300-rgb:225,231,235;--hsds-color-charcoal-400:#ccd6de;--hsds-color-charcoal-400-rgb:204,214,222;--hsds-color-charcoal-500:#c5ced6;--hsds-color-charcoal-500-rgb:197,206,214;--hsds-color-charcoal-530:#b7c2cc;--hsds-color-charcoal-530-rgb:183,194,204;--hsds-color-charcoal-550:#a5b2bd;--hsds-color-charcoal-550-rgb:165,178,189;--hsds-color-charcoal-600:#93a1b0;--hsds-color-charcoal-600-rgb:147,161,176;--hsds-color-charcoal-650:#748494;--hsds-color-charcoal-650-rgb:116,132,148;--hsds-color-charcoal-700:#556575;--hsds-color-charcoal-700-rgb:85,101,117;--hsds-color-charcoal-800:#405261;--hsds-color-charcoal-800-rgb:64,82,97;--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:#1d2b36;--hsds-color-charcoal-1200-rgb:29,43,54;--hsds-color-charcoal-default:var(--hsds-color-charcoal-500);--hsds-color-charcoal-accent:var(--hsds-color-charcoal-500);--hsds-color-ash-200:var(--hsds-color-charcoal-100);--hsds-color-ash-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-ash-300:var(--hsds-color-charcoal-200);--hsds-color-ash-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-ash-400:var(--hsds-color-charcoal-300);--hsds-color-ash-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-ash-500:var(--hsds-color-charcoal-400);--hsds-color-ash-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-ash-600:var(--hsds-color-charcoal-500);--hsds-color-ash-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-ash-700:var(--hsds-color-charcoal-530);--hsds-color-ash-700-rgb:var(--hsds-color-charcoal-530-rgb);--hsds-color-ash-800:var(--hsds-color-charcoal-550);--hsds-color-ash-800-rgb:var(--hsds-color-charcoal-550-rgb);--hsds-color-ash-default:var(--hsds-color-charcoal-400);--hsds-color-ash-accent:var(--hsds-color-charcoal-400);--hsds-color-grey-200:var(--hsds-color-charcoal-100);--hsds-color-grey-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-grey-300:var(--hsds-color-charcoal-200);--hsds-color-grey-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-grey-400:var(--hsds-color-charcoal-300);--hsds-color-grey-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-grey-500:var(--hsds-color-charcoal-400);--hsds-color-grey-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-grey-600:var(--hsds-color-charcoal-500);--hsds-color-grey-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-700:var(--hsds-color-charcoal-530);--hsds-color-grey-700-rgb:var(--hsds-color-charcoal-530-rgb);--hsds-color-grey-800:var(--hsds-color-charcoal-550);--hsds-color-grey-800-rgb:var(--hsds-color-charcoal-550-rgb);--hsds-color-grey-default:var(--hsds-color-charcoal-400);--hsds-color-grey-accent:var(--hsds-color-charcoal-400);--hsds-color-yellow-50:#fffbf3;--hsds-color-yellow-100:#fff9ef;--hsds-color-yellow-100-rgb:255,249,239;--hsds-color-yellow-200:#fff2d7;--hsds-color-yellow-200-rgb:255,242,215;--hsds-color-yellow-300:#ffe7b8;--hsds-color-yellow-300-rgb:255,231,184;--hsds-color-yellow-400:#fdd88e;--hsds-color-yellow-400-rgb:253,216,142;--hsds-color-yellow-500:#ffc555;--hsds-color-yellow-500-rgb:255,197,85;--hsds-color-yellow-600:#fab347;--hsds-color-yellow-600-rgb:250,179,71;--hsds-color-yellow-700:#e89635;--hsds-color-yellow-700-rgb:232,150,53;--hsds-color-yellow-800:#ce7129;--hsds-color-yellow-800-rgb:206,113,41;--hsds-color-yellow-900:#b24319;--hsds-color-yellow-900-rgb:178,67,25;--hsds-color-yellow-950:#84142d;--hsds-color-yellow-950-rgb:132,20,45;--hsds-color-yellow-default:var(--hsds-color-yellow-500);--hsds-color-yellow-accent:var(--hsds-color-yellow-500);--hsds-color-green-100:#f5fff9;--hsds-color-green-100-rgb:245,255,249;--hsds-color-green-200:#e3fbee;--hsds-color-green-200-rgb:227,251,238;--hsds-color-green-300:#c2f0d7;--hsds-color-green-300-rgb:194,240,215;--hsds-color-green-400:#87dbae;--hsds-color-green-400-rgb:135,219,174;--hsds-color-green-500:#56c288;--hsds-color-green-500-rgb:86,194,136;--hsds-color-green-600:#39ac6e;--hsds-color-green-600-rgb:57,172,110;--hsds-color-green-700:#268c55;--hsds-color-green-700-rgb:38,140,85;--hsds-color-green-750:#248451;--hsds-color-green-750-rgb:36,132,81;--hsds-color-green-800:#106236;--hsds-color-green-800-rgb:16,98,54;--hsds-color-green-900:#003c1c;--hsds-color-green-900-rgb:0,60,28;--hsds-color-green-default:var(--hsds-color-green-500);--hsds-color-green-accent:var(--hsds-color-green-500);--hsds-color-pink-100:#fff9fb;--hsds-color-pink-100-rgb:255,249,251;--hsds-color-pink-200:#ffeef1;--hsds-color-pink-200-rgb:255,238,241;--hsds-color-pink-300:#ffe1e7;--hsds-color-pink-300-rgb:255,225,231;--hsds-color-pink-400:#ffccd7;--hsds-color-pink-400-rgb:255,204,215;--hsds-color-pink-500:#ffb3c3;--hsds-color-pink-500-rgb:255,179,195;--hsds-color-pink-600:#fd9aae;--hsds-color-pink-600-rgb:253,154,174;--hsds-color-pink-700:#fd9aae;--hsds-color-pink-700-rgb:253,154,174;--hsds-color-pink-800:#fc5d7d;--hsds-color-pink-800-rgb:252,93,125;--hsds-color-pink-900:#f23459;--hsds-color-pink-900-rgb:242,52,89;--hsds-color-pink-950:#e9074b;--hsds-color-pink-950-rgb:233,7,75;--hsds-color-pink-1000:#c5003b;--hsds-color-pink-1000-rgb:197,0,59;--hsds-color-pink-default:var(--hsds-color-pink-500);--hsds-color-pink-accent:var(--hsds-color-pink-500);--hsds-color-lavender-100:#f9f9ff;--hsds-color-lavender-100-rgb:249,249,255;--hsds-color-lavender-200:#ebecff;--hsds-color-lavender-200-rgb:235,236,255;--hsds-color-lavender-300:#d9dcfd;--hsds-color-lavender-300-rgb:217,220,253;--hsds-color-lavender-400:#b9beff;--hsds-color-lavender-400-rgb:185,190,255;--hsds-color-lavender-500:#9fa6ff;--hsds-color-lavender-500-rgb:159,166,255;--hsds-color-lavender-600:#818aec;--hsds-color-lavender-600-rgb:129,138,236;--hsds-color-lavender-700:#6269c5;--hsds-color-lavender-700-rgb:98,105,197;--hsds-color-lavender-800:#404996;--hsds-color-lavender-800-rgb:64,73,150;--hsds-color-lavender-900:#232a5c;--hsds-color-lavender-900-rgb:35,42,92;--hsds-color-lavender-default:var(--hsds-color-lavender-500);--hsds-color-lavender-accent:var(--hsds-color-lavender-500);--hsds-color-indigo-100:#f2f6ff;--hsds-color-indigo-100-rgb:242,246,255;--hsds-color-indigo-200:#dfe7ff;--hsds-color-indigo-200-rgb:223,231,255;--hsds-color-indigo-300:#b2c8fb;--hsds-color-indigo-300-rgb:178,200,251;--hsds-color-indigo-400:#79a1f8;--hsds-color-indigo-400-rgb:121,161,248;--hsds-color-indigo-500:#527ceb;--hsds-color-indigo-500-rgb:82,124,235;--hsds-color-indigo-600:#3b64d2;--hsds-color-indigo-600-rgb:59,100,210;--hsds-color-indigo-700:#2549a8;--hsds-color-indigo-700-rgb:37,73,168;--hsds-color-indigo-800:#16337f;--hsds-color-indigo-800-rgb:22,51,127;--hsds-color-indigo-900:#071e57;--hsds-color-indigo-900-rgb:7,30,87;--hsds-color-indigo-default:var(--hsds-color-indigo-500);--hsds-color-indigo-accent:var(--hsds-color-indigo-500);--hsds-color-whaletail-100:#f3f7ff;--hsds-color-whaletail-100-rgb:243,247,255;--hsds-color-whaletail-200:#e5edfe;--hsds-color-whaletail-200-rgb:229,237,254;--hsds-color-whaletail-300:#d0defd;--hsds-color-whaletail-300-rgb:208,222,253;--hsds-color-whaletail-400:#afc7f9;--hsds-color-whaletail-400-rgb:175,199,249;--hsds-color-whaletail-500:#8aabf1;--hsds-color-whaletail-500-rgb:138,171,241;--hsds-color-whaletail-600:#7296e1;--hsds-color-whaletail-600-rgb:114,150,225;--hsds-color-whaletail-700:#5174bb;--hsds-color-whaletail-700-rgb:81,116,187;--hsds-color-whaletail-800:#304f8b;--hsds-color-whaletail-800-rgb:48,79,139;--hsds-color-whaletail-900:#142f5e;--hsds-color-whaletail-900-rgb:20,47,94;--hsds-color-whaletail-default:var(--hsds-color-whaletail-500);--hsds-color-whaletail-accent:var(--hsds-color-whaletail-500);--hsds-color-link-default:var(--hsds-color-blue-600);--hsds-color-link-base:var(--hsds-color-blue-600);--hsds-color-link-hover:var(--hsds-color-blue-500);--hsds-color-link-active:var(--hsds-color-blue-500);--hsds-color-link-focus:var(--hsds-color-blue-500);--hsds-color-link-disabled:var(--hsds-color-grey-800);--hsds-color-text-default:currentColor;--hsds-color-text-subtle:var(--hsds-color-charcoal-800);--hsds-color-text-slightlyMuted:var(--hsds-color-charcoal-700);--hsds-color-text-muted:var(--hsds-color-charcoal-650);--hsds-color-text-faint:var(--hsds-color-charcoal-600);--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-danger-default:var(--hsds-color-state-error-default);--hsds-color-state-danger-backgroundColor:var( --hsds-color-state-error-backgroundColor );--hsds-color-state-danger-backgroundLight:var( --hsds-color-state-error-backgroundColor );--hsds-color-state-danger-backgroundDark:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-borderColor:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-icon:var(--hsds-color-state-error-borderColor);--hsds-color-state-danger-color:var(--hsds-color-state-error-borderColor);--hsds-color-state-danger-text:var(--hsds-color-state-error-borderColor);--hsds-color-state-error-default:var(--hsds-color-red-500);--hsds-color-state-error-backgroundColor:var(--hsds-color-red-200);--hsds-color-state-error-backgroundLight:var(--hsds-color-red-200);--hsds-color-state-error-backgroundDark:var(--hsds-color-red-500);--hsds-color-state-error-borderColor:var(--hsds-color-red-500);--hsds-color-state-error-icon:var(--hsds-color-red-500);--hsds-color-state-error-color:var(--hsds-color-red-500);--hsds-color-state-error-text:var(--hsds-color-red-500);--hsds-color-state-info-default:var(--hsds-color-blue-500);--hsds-color-state-info-backgroundColor:var(--hsds-color-blue-200);--hsds-color-state-info-backgroundLight:var(--hsds-color-blue-200);--hsds-color-state-info-backgroundDark:var( --hsds-color-state-info-borderColor );--hsds-color-state-info-borderColor:var(--hsds-color-blue-500);--hsds-color-state-info-icon:var(--hsds-color-blue-500);--hsds-color-state-info-color:var(--hsds-color-blue-500);--hsds-color-state-info-text:var(--hsds-color-blue-500);--hsds-color-state-success-default:var(--hsds-color-green-500);--hsds-color-state-success-backgroundColor:var(--hsds-color-green-200);--hsds-color-state-success-backgroundLight:var(--hsds-color-green-200);--hsds-color-state-success-backgroundDark:var( --hsds-color-state-success-borderColor );--hsds-color-state-success-borderColor:var(--hsds-color-green-500);--hsds-color-state-success-icon:var(--hsds-color-green-500);--hsds-color-state-success-color:var(--hsds-color-green-500);--hsds-color-state-success-text:var(--hsds-color-green-500);--hsds-color-state-warning-default:var(--hsds-color-yellow-500);--hsds-color-state-warning-backgroundColor:var(--hsds-color-yellow-200);--hsds-color-state-warning-backgroundLight:var(--hsds-color-yellow-200);--hsds-color-state-warning-backgroundDark:var( --hsds-color-state-warning-borderColor );--hsds-color-state-warning-borderColor:var(--hsds-color-yellow-500);--hsds-color-state-warning-icon:var(--hsds-color-yellow-500);--hsds-color-state-warning-color:var(--hsds-color-yellow-500);--hsds-color-state-warning-text:var(--hsds-color-yellow-500);--hsds-color-button-border:#d5d5d5;--hsds-color-button-hover:#e6e6e6;--hsds-color-button-active:#b6b6b6;--hsds-color-focusRing-default-innerColor:var(--hsds-color-blue-500);--hsds-color-focusRing-default-outerColor:var(--hsds-color-blue-500);--hsds-color-focusRing-default-innerColorOverDark:var(--hsds-color-blue-500);--hsds-color-focusRing-default-outerColorOverDark:var(--hsds-color-blue-500);--hsds-color-focusRing-error-innerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-innerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-warning-innerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-innerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-success-innerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-innerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-measure-focusRing-innerBoxShadowSize:1px;--hsds-measure-focusRing-outerBoxShadowSize:2px;--hsds-measure-focusRing-insetBoxShadowSize:2px;"]);
		const tokens = (0, _styledComponents.css)(["--hsds-accordion-color-background:var(--hsds-color-background-surface);--hsds-accordion-color-text-default:var(--hsds-color-text-default);--hsds-attachment-color-background:var(--hsds-color-background-surface);--hsds-attachment-color-removeButton-hover:var(--hsds-color-pink-1000);--hsds-attachment-color-removeButton-borderHover:var(--hsds-color-pink-900);--hsds-attachment-color-error:var(--hsds-color-red-500);--hsds-attachment-color-brokenButton-text:var(--hsds-color-text-light);--hsds-attachment-color-brokenButton-icon:var(--hsds-color-text-disabled);--hsds-attachment-color-downloadAll-icon:var(--hsds-color-text-disabled);--hsds-attachment-color-downloadAll-iconHover:var(--hsds-color-text-light);--hsds-attachment-color-downloadAll-backgroundHover:var( --hsds-color-charcoal-200 );--hsds-avatar-color-initials-text:var(--hsds-color-text-light);--hsds-avatar-color-initials-light:var(--hsds-color-charcoal-400);--hsds-avatarRow-color-counter-text:var(--hsds-color-text-dark);--hsds-badge-color-background:var(--hsds-color-background-surface);--hsds-badge-color-fill-text:#ffffffff;--hsds-badge-color-square-text:var(--hsds-color-text-light);--hsds-badge-color-square-background:var(--hsds-color-charcoal-100);--hsds-badge-color-default:var(--hsds-color-charcoal-600);--hsds-badge-default:var(--hsds-color-charcoal-1000);--hsds-blankSlate-color-heading:var(--hsds-color-text-headline);--hsds-blankSlate-color-text:var(--hsds-color-text-disabled);--hsds-blankSlate-color-textBold:var(--hsds-color-text-default);--hsds-blankSlate-color-light-background:var(--hsds-color-charcoal-100);--hsds-blankSlate-color-light-text:var(--hsds-color-text-light);--hsds-blankSlate-color-light-textBold:var(--hsds-color-text-dark);--hsds-button-color-blue-main:var(--hsds-color-blue-500);--hsds-button-color-blue-hover:var(--hsds-color-blue-600);--hsds-button-color-blue-text:#ffffffff;--hsds-button-color-blue-outline-background:var( --hsds-color-background-surface );--hsds-button-color-blue-outline-border:var(--hsds-color-blue-500);--hsds-button-color-blue-outline-borderHover:var(--hsds-color-blue-500);--hsds-button-color-blue-outline-text:var(--hsds-color-blue-600);--hsds-button-color-blue-outline-textHover:var(--hsds-color-blue-700);--hsds-button-color-blue-outline-hover:var(--hsds-color-blue-100);--hsds-button-color-blue-outline-hoverIconOnly:var(--hsds-color-blue-200);--hsds-button-color-blue-outline-textSeamlessHover:var( --hsds-color-blue-800 );--hsds-button-color-red-main:var(--hsds-color-pink-950);--hsds-button-color-red-hover:var(--hsds-color-pink-1000);--hsds-button-color-red-text:#ffffffff;--hsds-button-color-red-outline-background:var( --hsds-color-background-surface );--hsds-button-color-red-outline-border:var(--hsds-color-pink-900);--hsds-button-color-red-outline-borderHover:var(--hsds-color-pink-900);--hsds-button-color-red-outline-text:var(--hsds-color-pink-950);--hsds-button-color-red-outline-textHover:var(--hsds-color-pink-1000);--hsds-button-color-red-outline-hover:var(--hsds-color-pink-100);--hsds-button-color-red-outline-hoverIconOnly:var(--hsds-color-pink-200);--hsds-button-color-red-outline-textSeamlessHover:var( --hsds-color-pink-1000 );--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:#ffffffff;--hsds-button-color-green-outline-background:var( --hsds-color-background-surface );--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-200);--hsds-button-color-green-outline-textSeamlessHover:var( --hsds-color-green-900 );--hsds-button-color-grey-main:var(--hsds-color-charcoal-700);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-800);--hsds-button-color-grey-text:#ffffffff;--hsds-button-color-grey-outline-background:var( --hsds-color-background-surface );--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-700);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-800);--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-1100 );--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:#ffffffff;--hsds-button-color-yellow-outline-background:var( --hsds-color-background-surface );--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:#ffffffff;--hsds-button-color-disabled-outline-background:var( --hsds-color-background-surface );--hsds-button-color-disabled-outline-border:var(--hsds-color-grey-600);--hsds-button-color-disabled-outline-text:var(--hsds-color-grey-800);--hsds-card-color-background:var(--hsds-color-background-surface);--hsds-checkmarkCard-color-text-heading:var(--hsds-color-text-dark);--hsds-checkmarkCard-color-text-subtitle:var(--hsds-color-text-light);--hsds-checkmarkCard-color-text-disabled:var(--hsds-color-text-light);--hsds-choice-color-disabled:var(--hsds-color-charcoal-500);--hsds-closeButton-color-background:var(--hsds-color-background-surface);--hsds-condition-color-selected-text:var(--hsds-color-text-dark);--hsds-copyValue-color-icon:var(--hsds-color-text-default);--hsds-copyValue-color-text:var(--hsds-color-text-light);--hsds-copyValue-color-prefix:var(--hsds-color-charcoal-500);--hsds-datePicker-color-range-background:var(--hsds-color-blue-200);--hsds-datePicker-color-range-selectedBackground:var(--hsds-color-blue-500);--hsds-datePicker-color-range-text:var(--hsds-color-blue-500);--hsds-datePicker-color-range-textHover:var(--hsds-color-blue-600);--hsds-datePicker-color-currentDay-background:var(--hsds-color-grey-400);--hsds-datePicker-color-currentDay-text:var(--hsds-color-charcoal-1000);--hsds-datePicker-color-deepNavigator-text:var(--hsds-color-text-dark);--hsds-datePicker-color-nav-text:var(--hsds-color-text-default);--hsds-datePicker-color-nav-disabled:var(--hsds-color-text-disabled);--hsds-datePicker-color-weekdays-text:var(--hsds-color-text-default);--hsds-datePicker-color-day-text:var(--hsds-color-text-dark);--hsds-datePicker-color-day-disabled:var(--hsds-color-text-disabled);--hsds-datePicker-color-background:var(--hsds-color-background-surface);--hsds-datePicker-color-current-background:var(--hsds-color-grey-300);--hsds-datePicker-color-current-text:var(--hsds-color-charcoal-1000);--hsds-dropList-color-wrapper-border:var(--hsds-color-grey-600);--hsds-dropList-color-wrapper-text:var(--hsds-color-grey-600);--hsds-dropList-color-background:var(--hsds-color-background-surface);--hsds-dropList-color-input-text:var(--hsds-color-charcoal-900);--hsds-dropList-color-listItem-text:var(--hsds-color-charcoal-1000);--hsds-dropList-color-listItem-disabled-text:var(--hsds-color-charcoal-650);--hsds-dropList-color-listItem-selected-text:#ffffffff;--hsds-dropList-color-listItem-selected-background:var( --hsds-color-blue-600 );--hsds-dropList-color-listItem-highlighted-text:var( --hsds-color-charcoal-1100 );--hsds-dropList-color-listItem-highlighted-background:var( --hsds-color-blue-100 );--hsds-dropList-color-listItem-multiple-highlighted-text:var( --hsds-color-charcoal-1000 );--hsds-dropList-color-selectedBadge-border:var(--hsds-color-grey-600);--hsds-dropList-color-selectedBadge-hover:var(--hsds-color-blue-500);--hsds-dropList-color-selectedBadge-disabled-border:var( --hsds-color-grey-600 );--hsds-dropList-color-selectedBadge-disabled-shadow:var( --hsds-color-grey-500 );--hsds-dropList-color-selectedBadge-disabled-background:var( --hsds-color-grey-200 );--hsds-dropList-color-divider:var(--hsds-color-grey-500);--hsds-dropList-color-groupLabel:var(--hsds-color-charcoal-600);--hsds-dropList-color-togglers-navLink-text:var(--hsds-color-blue-300);--hsds-dropList-color-togglers-splitButton-shadowDisabled:var( --hsds-button-color-disabled-outline-border );--hsds-dropList-color-togglers-select-shadow:var(--hsds-color-grey-800);--hsds-dropList-color-togglers-select-text:var(--hsds-color-charcoal-900);--hsds-dropList-color-togglers-select-shadowError:var( --hsds-color-state-error-borderColor );--hsds-dropList-color-togglers-select-disabled:var( --hsds-color-charcoal-600 );--hsds-dropList-color-togglers-selectArrow-border:var( --hsds-color-charcoal-1000 );--hsds-editableField-color-background:var(--hsds-color-background-surface);--hsds-emojiPicker-color-icon:var(--hsds-color-charcoal-500);--hsds-filteredList-color-background:var(--hsds-color-background-surface);--hsds-filteredList-color-item-text:var(--hsds-color-text-light);--hsds-filteredList-color-badge-text:var(--hsds-color-text-dark);--hsds-filteredList-color-separator:var(--hsds-color-charcoal-500);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1100);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-600);--hsds-floatingBar-color-button-iconHover:#ffffffff;--hsds-floatingBar-color-button-backgroundDefault:transparent;--hsds-floatingBar-color-button-backgroundHover:var( --hsds-color-charcoal-900 );--hsds-floatingBar-color-divider:var(--hsds-color-charcoal-800);--hsds-formField-color-background:var(--hsds-color-background-surface);--hsds-formField-color-label-text:var(--hsds-color-text-default);--hsds-formField-color-itemMain-text:var(--hsds-color-text-dark);--hsds-formField-color-itemSecondary-text:var(--hsds-color-text-light);--hsds-heading-color-text:var(--hsds-color-text-dark);--hsds-heading-color-small-text:var(--hsds-color-text-default);--hsds-input-color-background:var(--hsds-color-background-surface);--hsds-input-color-text:var(--hsds-color-text-default);--hsds-input-color-addOn-text:var(--hsds-color-text-dark);--hsds-input-color-placeholder:var(--hsds-color-text-disabled);--hsds-keyboardBadge-color-text:var(--hsds-color-text-default);--hsds-loadingDots-color-icon:var(--hsds-color-charcoal-500);--hsds-message-color-background:var(--hsds-color-background-surface);--hsds-message-color-action:var(--hsds-color-charcoal-1000);--hsds-message-color-bubble-text:var(--hsds-color-charcoal-1000);--hsds-message-color-bubble-embedBodyText:var(--hsds-color-text-default);--hsds-message-color-bubble-embedFromText:var(--hsds-color-text-default);--hsds-message-color-embed:var(--hsds-color-text-disabled);--hsds-message-color-media:var(--hsds-color-text-disabled);--hsds-messageCard-color-background:var(--hsds-color-background-surface);--hsds-messageCard-color-subtitle:var(--hsds-color-text-light);--hsds-messageCard-color-body:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-blockquote:var(--hsds-color-text-light);--hsds-messageCard-color-pre:var(--hsds-color-charcoal-1100);--hsds-messageCard-color-strong:var(--hsds-color-charcoal-1100);--hsds-messageCard-color-articleCard-title:var(--hsds-color-text-dark);--hsds-messageCard-color-articleCard-meta:var(--hsds-color-text-light);--hsds-messageCard-color-articleCard-content:var(--hsds-color-text-light);--hsds-messageCard-color-surveyNps:var(--hsds-color-text-light);--hsds-messageCard-color-survey-feedback:var(--hsds-color-text-default);--hsds-messageCard-color-survey-spinner:var(--hsds-color-text-default);--hsds-messageCard-color-survey-confirmation:var(--hsds-color-text-default);--hsds-messageCard-color-survey-multiple:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-title:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-label:var(--hsds-color-text-light);--hsds-messageCard-color-modal-body:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-closeButton:var(--hsds-color-text-disabled);--hsds-messageCard-color-modal-closeButtonHover:var(--hsds-color-text-dark);--hsds-messageCard-color-nps-poweredby:var(--hsds-color-text-light);--hsds-messageCard-color-nps-question:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-nps-feedback:var(--hsds-color-charcoal-1000);--hsds-modal-color-background:var(--hsds-color-background-surface);--hsds-modal-color-header-title:var(--hsds-color-text-default);--hsds-modal-color-header-description:var(--hsds-color-text-disabled);--hsds-nav-color-item-text:var(--hsds-color-text-disabled);--hsds-nav-color-item-hover:var(--hsds-color-text-light);--hsds-nav-color-item-active:var(--hsds-color-text-default);--hsds-nav-color-text:var(--hsds-color-text-default);--hsds-page-color-background:var(--hsds-color-background-surface);--hsds-pagination-color-information:var(--hsds-color-text-disabled);--hsds-pagination-color-range:var(--hsds-color-text-dark);--hsds-pagination-color-buttonOutlined:var(--hsds-color-charcoal-1000);--hsds-popover-color-background:var(--hsds-color-background-surface);--hsds-popover-color-heading:var(--hsds-color-text-disabled);--hsds-radioCard-color-background:var(--hsds-color-background-surface);--hsds-radioCard-color-icon:var(--hsds-color-text-disabled);--hsds-radioCard-color-checked:var(--hsds-color-text-dark);--hsds-radioCard-color-heading:var(--hsds-color-charcoal-1000);--hsds-radioCard-color-content:var(--hsds-color-text-default);--hsds-radioCard-color-contentWithHeading:var(--hsds-color-text-disabled);--hsds-scrollable-color-background:var(--hsds-color-background-surface);--hsds-scrollableContainer-color-background:var( --hsds-color-background-surface );--hsds-sidePanel-color-background:var(--hsds-color-background-surface);--hsds-sidePanel-color-heading:var(--hsds-color-charcoal-1000);--hsds-sidePanel-color-subheading:var(--hsds-color-text-disabled);--hsds-sidePanel-color-close:var(--hsds-color-text-light);--hsds-sidePanel-color-closeHover:var(--hsds-color-text-dark);--hsds-simpleModal-color-background:var(--hsds-color-background-surface);--hsds-simpleModal-color-heading:var(--hsds-color-text-headline);--hsds-simpleModal-color-confirmationBody:var(--hsds-color-text-dark);--hsds-sortable-color-dragHandler-default:var(--hsds-color-charcoal-500);--hsds-sortable-color-dragHandler-active:var(--hsds-color-text-light);--hsds-sortable-color-dragHandler-disabled:var(--hsds-color-charcoal-500);--hsds-statusBar-color-light-error-border:var(--hsds-color-red-300);--hsds-statusBar-color-light-info-border:var(--hsds-color-blue-300);--hsds-statusBar-color-light-success-border:var(--hsds-color-green-300);--hsds-statusBar-color-light-warning-border:var(--hsds-color-yellow-300);--hsds-statusBar-color-bold-error-border:var(--hsds-color-red-600);--hsds-statusBar-color-bold-error-button:var(--hsds-color-red-700);--hsds-statusBar-color-bold-info-border:var(--hsds-color-blue-600);--hsds-statusBar-color-bold-info-button:var(--hsds-color-blue-700);--hsds-statusBar-color-bold-success-border:var(--hsds-color-green-600);--hsds-statusBar-color-bold-success-button:var(--hsds-color-green-700);--hsds-statusBar-color-bold-warning-border:var(--hsds-color-yellow-600);--hsds-statusBar-color-bold-warning-button:var(--hsds-color-yellow-700);--hsds-statusDot-color-background:var(--hsds-color-background-surface);--hsds-statusDot-color-light-default:var(--hsds-color-grey-600);--hsds-statusDot-color-light-active:var(--hsds-color-green-500);--hsds-statusDot-color-light-inactive:var(--hsds-color-grey-600);--hsds-statusDot-color-light-offline:var(--hsds-color-red-500);--hsds-statusDot-color-light-busy:var(--hsds-color-yellow-500);--hsds-statusDot-color-light-custom:var(--hsds-color-purple-400);--hsds-statusDot-color-dark-default:var(--hsds-color-grey-600);--hsds-statusDot-color-dark-active:var(--hsds-color-green-500);--hsds-statusDot-color-dark-inactive:var(--hsds-color-grey-600);--hsds-statusDot-color-dark-offline:var(--hsds-color-red-500);--hsds-statusDot-color-dark-busy:var(--hsds-color-yellow-500);--hsds-statusDot-color-dark-custom:var(--hsds-color-purple-400);--hsds-stepper-color-background:var(--hsds-color-background-surface);--hsds-switchComponent-color-error:var(--hsds-color-pink-900);--hsds-switchComponent-color-background:var(--hsds-color-background-surface);--hsds-tabBar-color-secContent:var(--hsds-color-text-disabled);--hsds-tabBar-color-strong:var(--hsds-color-text-dark);--hsds-table-color-background:var(--hsds-color-background-surface);--hsds-table-color-typeAction:var(--hsds-color-text-disabled);--hsds-table-color-sortableCell:var(--hsds-color-charcoal-1000);--hsds-tag-color-background:var(--hsds-color-background-surface);--hsds-tag-color-text:var(--hsds-color-text-dark);--hsds-tag-color-showAll:var(--hsds-color-text-dark);--hsds-tag-color-clearAll:var(--hsds-color-text-disabled);--hsds-tag-color-clearAllHover:var(--hsds-color-text-light);--hsds-timeline-color-background:var(--hsds-color-background-surface);--hsds-toolbar-color-background:var(--hsds-color-background-surface);--hsds-typingDots-color-icon:var(--hsds-color-charcoal-500);--hsds-verificationCode-color-error:var(--hsds-color-pink-900);--hsds-verificationCode-color-background:var( --hsds-color-background-surface );--hsds-verificationCode-color-digit:var(--hsds-color-charcoal-1000);--hsds-color-blue-100:#f3fbff;--hsds-color-blue-100-rgb:243,251,255;--hsds-color-blue-200:#d6edff;--hsds-color-blue-200-rgb:214,237,255;--hsds-color-blue-300:#a0d4ff;--hsds-color-blue-300-rgb:160,212,255;--hsds-color-blue-400:#57b0fb;--hsds-color-blue-400-rgb:87,176,251;--hsds-color-blue-500:#1292ee;--hsds-color-blue-500-rgb:18,146,238;--hsds-color-blue-600:#0077cc;--hsds-color-blue-600-rgb:0,119,204;--hsds-color-blue-700:#005ca4;--hsds-color-blue-700-rgb:0,92,164;--hsds-color-blue-800:#034077;--hsds-color-blue-800-rgb:3,64,119;--hsds-color-blue-900:#002651;--hsds-color-blue-900-rgb:0,38,81;--hsds-color-blue-default:var(--hsds-color-blue-500);--hsds-color-blue-accent:var(--hsds-color-blue-500);--hsds-color-charcoal-100:#f9fafa;--hsds-color-charcoal-100-rgb:249,250,250;--hsds-color-charcoal-200:#f1f3f5;--hsds-color-charcoal-200-rgb:241,243,245;--hsds-color-charcoal-300:#e1e7eb;--hsds-color-charcoal-300-rgb:225,231,235;--hsds-color-charcoal-400:#ccd6de;--hsds-color-charcoal-400-rgb:204,214,222;--hsds-color-charcoal-500:#c5ced6;--hsds-color-charcoal-500-rgb:197,206,214;--hsds-color-charcoal-530:#b7c2cc;--hsds-color-charcoal-530-rgb:183,194,204;--hsds-color-charcoal-550:#a5b2bd;--hsds-color-charcoal-550-rgb:165,178,189;--hsds-color-charcoal-600:#93a1b0;--hsds-color-charcoal-600-rgb:147,161,176;--hsds-color-charcoal-650:#748494;--hsds-color-charcoal-650-rgb:116,132,148;--hsds-color-charcoal-700:#556575;--hsds-color-charcoal-700-rgb:85,101,117;--hsds-color-charcoal-800:#405261;--hsds-color-charcoal-800-rgb:64,82,97;--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:#1d2b36;--hsds-color-charcoal-1200-rgb:29,43,54;--hsds-color-charcoal-default:var(--hsds-color-charcoal-500);--hsds-color-charcoal-accent:var(--hsds-color-charcoal-500);--hsds-color-grey-200:var(--hsds-color-charcoal-100);--hsds-color-grey-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-grey-300:var(--hsds-color-charcoal-200);--hsds-color-grey-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-grey-400:var(--hsds-color-charcoal-300);--hsds-color-grey-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-grey-500:var(--hsds-color-charcoal-400);--hsds-color-grey-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-grey-600:var(--hsds-color-charcoal-500);--hsds-color-grey-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-700:var(--hsds-color-charcoal-530);--hsds-color-grey-700-rgb:var(--hsds-color-charcoal-530-rgb);--hsds-color-grey-800:var(--hsds-color-charcoal-550);--hsds-color-grey-800-rgb:var(--hsds-color-charcoal-550-rgb);--hsds-color-grey-default:var(--hsds-color-charcoal-400);--hsds-color-grey-accent:var(--hsds-color-charcoal-400);--hsds-color-indigo-100:#f2f6ff;--hsds-color-indigo-100-rgb:242,246,255;--hsds-color-indigo-200:#dfe7ff;--hsds-color-indigo-200-rgb:223,231,255;--hsds-color-indigo-300:#b2c8fb;--hsds-color-indigo-300-rgb:178,200,251;--hsds-color-indigo-400:#79a1f8;--hsds-color-indigo-400-rgb:121,161,248;--hsds-color-indigo-500:#527ceb;--hsds-color-indigo-500-rgb:82,124,235;--hsds-color-indigo-600:#3b64d2;--hsds-color-indigo-600-rgb:59,100,210;--hsds-color-indigo-700:#2549a8;--hsds-color-indigo-700-rgb:37,73,168;--hsds-color-indigo-800:#16337f;--hsds-color-indigo-800-rgb:22,51,127;--hsds-color-indigo-900:#071e57;--hsds-color-indigo-900-rgb:7,30,87;--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-indigo-accent:var(--hsds-color-indigo-500);--hsds-color-lavender-100:#f9f9ff;--hsds-color-lavender-100-rgb:249,249,255;--hsds-color-lavender-200:#ebecff;--hsds-color-lavender-200-rgb:235,236,255;--hsds-color-lavender-300:#d9dcfd;--hsds-color-lavender-300-rgb:217,220,253;--hsds-color-lavender-400:#b9beff;--hsds-color-lavender-400-rgb:185,190,255;--hsds-color-lavender-500:#9fa6ff;--hsds-color-lavender-500-rgb:159,166,255;--hsds-color-lavender-600:#818aec;--hsds-color-lavender-600-rgb:129,138,236;--hsds-color-lavender-700:#6269c5;--hsds-color-lavender-700-rgb:98,105,197;--hsds-color-lavender-800:#404996;--hsds-color-lavender-800-rgb:64,73,150;--hsds-color-lavender-900:#232a5c;--hsds-color-lavender-900-rgb:35,42,92;--hsds-color-lavender-default:var(--hsds-color-lavender-500);--hsds-color-lavender-accent:var(--hsds-color-lavender-500);--hsds-color-pink-100:#fff9fb;--hsds-color-pink-100-rgb:255,249,251;--hsds-color-pink-200:#ffeef1;--hsds-color-pink-200-rgb:255,238,241;--hsds-color-pink-300:#ffe1e7;--hsds-color-pink-300-rgb:255,225,231;--hsds-color-pink-400:#ffccd7;--hsds-color-pink-400-rgb:255,204,215;--hsds-color-pink-500:#ffb3c3;--hsds-color-pink-500-rgb:255,179,195;--hsds-color-pink-600:#fd9aae;--hsds-color-pink-600-rgb:253,154,174;--hsds-color-pink-700:#fd9aae;--hsds-color-pink-700-rgb:253,154,174;--hsds-color-pink-800:#fc5d7d;--hsds-color-pink-800-rgb:252,93,125;--hsds-color-pink-900:#f23459;--hsds-color-pink-900-rgb:242,52,89;--hsds-color-pink-950:#e9074b;--hsds-color-pink-950-rgb:233,7,75;--hsds-color-pink-1000:#c5003b;--hsds-color-pink-1000-rgb:197,0,59;--hsds-color-pink-default:var(--hsds-color-pink-500);--hsds-color-pink-accent:var(--hsds-color-pink-500);--hsds-color-green-100:#f5fff9;--hsds-color-green-100-rgb:245,255,249;--hsds-color-green-200:#e3fbee;--hsds-color-green-200-rgb:227,251,238;--hsds-color-green-300:#c2f0d7;--hsds-color-green-300-rgb:194,240,215;--hsds-color-green-400:#87dbae;--hsds-color-green-400-rgb:135,219,174;--hsds-color-green-500:#56c288;--hsds-color-green-500-rgb:86,194,136;--hsds-color-green-600:#39ac6e;--hsds-color-green-600-rgb:57,172,110;--hsds-color-green-700:#268c55;--hsds-color-green-700-rgb:38,140,85;--hsds-color-green-750:#248451;--hsds-color-green-750-rgb:36,132,81;--hsds-color-green-800:#106236;--hsds-color-green-800-rgb:16,98,54;--hsds-color-green-900:#003c1c;--hsds-color-green-900-rgb:0,60,28;--hsds-color-green-1000:#222923ff;--hsds-color-green-1000-rgb:34,41,35;--hsds-color-green-accent:var(--hsds-color-green-500);--hsds-color-green-default:var(--hsds-color-green-500);--hsds-color-yellow-50:#fffbf3;--hsds-color-yellow-100:#fff9ef;--hsds-color-yellow-100-rgb:255,249,239;--hsds-color-yellow-200:#fff2d7;--hsds-color-yellow-200-rgb:255,242,215;--hsds-color-yellow-300:#ffe7b8;--hsds-color-yellow-300-rgb:255,231,184;--hsds-color-yellow-400:#fdd88e;--hsds-color-yellow-400-rgb:253,216,142;--hsds-color-yellow-500:#ffc555;--hsds-color-yellow-500-rgb:255,197,85;--hsds-color-yellow-600:#fab347;--hsds-color-yellow-600-rgb:250,179,71;--hsds-color-yellow-700:#e89635;--hsds-color-yellow-700-rgb:232,150,53;--hsds-color-yellow-800:#ce7129;--hsds-color-yellow-800-rgb:206,113,41;--hsds-color-yellow-900:#b24319;--hsds-color-yellow-900-rgb:178,67,25;--hsds-color-yellow-950:#84142d;--hsds-color-yellow-950-rgb:132,20,45;--hsds-color-yellow-1000:#2b261dff;--hsds-color-yellow-1000-rgb:43,38,29;--hsds-color-yellow-accent:var(--hsds-color-yellow-500);--hsds-color-yellow-default:var(--hsds-color-yellow-500);--hsds-color-link-default:var(--hsds-color-blue-600);--hsds-color-link-base:var(--hsds-color-blue-600);--hsds-color-link-hover:var(--hsds-color-blue-500);--hsds-color-link-active:var(--hsds-color-blue-500);--hsds-color-link-focus:var(--hsds-color-blue-500);--hsds-color-link-disabled:var(--hsds-color-grey-800);--hsds-color-focusRing-default-innerColor:var(--hsds-color-blue-500);--hsds-color-focusRing-default-outerColor:var(--hsds-color-blue-500);--hsds-color-focusRing-default-innerColorOverDark:var(--hsds-color-blue-500);--hsds-color-focusRing-default-outerColorOverDark:var(--hsds-color-blue-500);--hsds-color-focusRing-error-innerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColor:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-innerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-error-outerColorOverDark:var( --hsds-color-state-error-borderColor );--hsds-color-focusRing-warning-innerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColor:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-innerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-warning-outerColorOverDark:var( --hsds-color-state-warning-borderColor );--hsds-color-focusRing-success-innerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColor:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-innerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-color-focusRing-success-outerColorOverDark:var( --hsds-color-state-success-borderColor );--hsds-color-text-default:currentColor;--hsds-color-text-headline:var(--hsds-color-charcoal-1200);--hsds-color-text-dark:var(--hsds-color-charcoal-900);--hsds-color-text-light:var(--hsds-color-charcoal-700);--hsds-color-text-disabled:var(--hsds-color-charcoal-600);--hsds-color-text-subtle:var(--hsds-color-charcoal-800);--hsds-color-text-slightlyMuted:var(--hsds-color-charcoal-700);--hsds-color-text-muted:var(--hsds-color-charcoal-650);--hsds-color-text-faint:var(--hsds-color-charcoal-600);--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-500);--hsds-color-state-error-backgroundDark:var(--hsds-color-red-500);--hsds-color-state-error-icon:var(--hsds-color-red-500);--hsds-color-state-error-borderColor:var(--hsds-color-red-500);--hsds-color-state-error-backgroundLight:var(--hsds-color-red-200);--hsds-color-state-error-default:var(--hsds-color-red-500);--hsds-color-state-error-color:var(--hsds-color-red-500);--hsds-color-state-error-backgroundColor:var(--hsds-color-red-200);--hsds-color-state-info-text:var(--hsds-color-blue-500);--hsds-color-state-info-backgroundDark:var( --hsds-color-state-info-borderColor );--hsds-color-state-info-icon:var(--hsds-color-blue-500);--hsds-color-state-info-borderColor:var(--hsds-color-blue-500);--hsds-color-state-info-backgroundLight:var(--hsds-color-blue-200);--hsds-color-state-info-default:var(--hsds-color-blue-500);--hsds-color-state-info-color:var(--hsds-color-blue-500);--hsds-color-state-info-backgroundColor:var(--hsds-color-blue-200);--hsds-color-state-success-text:var(--hsds-color-green-500);--hsds-color-state-success-backgroundDark:var( --hsds-color-state-success-borderColor );--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-200);--hsds-color-state-success-default:var(--hsds-color-green-500);--hsds-color-state-success-color:var(--hsds-color-green-500);--hsds-color-state-success-backgroundColor:var(--hsds-color-green-200);--hsds-color-state-warning-text:var(--hsds-color-yellow-500);--hsds-color-state-warning-backgroundDark:var( --hsds-color-state-warning-borderColor );--hsds-color-state-warning-icon:var(--hsds-color-yellow-500);--hsds-color-state-warning-borderColor:var(--hsds-color-yellow-500);--hsds-color-state-warning-backgroundLight:var(--hsds-color-yellow-200);--hsds-color-state-warning-color:var(--hsds-color-yellow-500);--hsds-color-state-warning-default:var(--hsds-color-yellow-500);--hsds-color-state-warning-backgroundColor:var(--hsds-color-yellow-200);--hsds-color-state-danger-default:var(--hsds-color-state-error-default);--hsds-color-state-danger-backgroundLight:var( --hsds-color-state-error-backgroundColor );--hsds-color-state-danger-backgroundDark:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-borderColor:var( --hsds-color-state-error-borderColor );--hsds-color-state-danger-color:var(--hsds-color-state-error-borderColor);--hsds-color-state-danger-text:var(--hsds-color-state-error-borderColor);--hsds-color-state-danger-icon:var(--hsds-color-state-error-borderColor);--hsds-color-state-danger-backgroundColor:var( --hsds-color-state-error-backgroundColor );--hsds-color-background-surface:#ffffffff;--hsds-color-background-body:var(--hsds-color-grey-300);--hsds-color-red-100:#fef7f6;--hsds-color-red-100-rgb:254,247,246;--hsds-color-red-200:#ffe3e2;--hsds-color-red-200-rgb:255,227,226;--hsds-color-red-300:#ffa2a2;--hsds-color-red-300-rgb:255,162,162;--hsds-color-red-400:#f45b55;--hsds-color-red-400-rgb:244,91,85;--hsds-color-red-500:#e52f28;--hsds-color-red-500-rgb:229,47,40;--hsds-color-red-600:#d21b14;--hsds-color-red-600-rgb:210,27,20;--hsds-color-red-700:#ba1f19;--hsds-color-red-700-rgb:186,31,25;--hsds-color-red-800:#9d1f1a;--hsds-color-red-800-rgb:157,31,26;--hsds-color-red-900:#731814;--hsds-color-red-900-rgb:115,24,20;--hsds-color-red-1000:#2b2123ff;--hsds-color-red-1000-rgb:43,33,35;--hsds-color-red-accent:var(--hsds-color-red-500);--hsds-color-red-default:var(--hsds-color-red-500);--hsds-color-orange-100:#fff8f2;--hsds-color-orange-100-rgb:255,248,242;--hsds-color-orange-200:#ffead8;--hsds-color-orange-200-rgb:255,234,216;--hsds-color-orange-300:#ffd3ae;--hsds-color-orange-300-rgb:255,211,174;--hsds-color-orange-400:#ffa75a;--hsds-color-orange-400-rgb:255,167,90;--hsds-color-orange-500:#ff9139;--hsds-color-orange-500-rgb:255,145,57;--hsds-color-orange-600:#e87800;--hsds-color-orange-600-rgb:232,120,0;--hsds-color-orange-700:#c76400;--hsds-color-orange-700-rgb:199,100,0;--hsds-color-orange-800:#a45300;--hsds-color-orange-800-rgb:164,83,0;--hsds-color-orange-900:#813c00;--hsds-color-orange-900-rgb:129,60,0;--hsds-color-orange-1000:#2b241dff;--hsds-color-orange-1000-rgb:43,36,29;--hsds-color-orange-accent:var(--hsds-color-orange-500);--hsds-color-orange-default:var(--hsds-color-orange-500);--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:#fbfbfe;--hsds-color-purple-100-rgb:251,251,254;--hsds-color-purple-200:#eaeafc;--hsds-color-purple-200-rgb:234,234,252;--hsds-color-purple-300:#d1d2f6;--hsds-color-purple-300-rgb:209,210,246;--hsds-color-purple-400:#a3a4f3;--hsds-color-purple-400-rgb:163,164,243;--hsds-color-purple-500:#7e80e7;--hsds-color-purple-500-rgb:126,128,231;--hsds-color-purple-600:#696aca;--hsds-color-purple-600-rgb:105,106,202;--hsds-color-purple-700:#585b9e;--hsds-color-purple-700-rgb:88,91,158;--hsds-color-purple-800:#45467d;--hsds-color-purple-800-rgb:69,70,125;--hsds-color-purple-900:#383966;--hsds-color-purple-900-rgb:56,57,102;--hsds-color-purple-1000:#271f2eff;--hsds-color-purple-1000-rgb:39,31,46;--hsds-color-purple-accent:var(--hsds-color-purple-500);--hsds-color-purple-default:var(--hsds-color-purple-500);--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-color-ash-200:var(--hsds-color-charcoal-100);--hsds-color-ash-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-ash-300:var(--hsds-color-charcoal-200);--hsds-color-ash-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-ash-400:var(--hsds-color-charcoal-300);--hsds-color-ash-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-ash-500:var(--hsds-color-charcoal-400);--hsds-color-ash-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-ash-600:var(--hsds-color-charcoal-500);--hsds-color-ash-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-ash-700:var(--hsds-color-charcoal-530);--hsds-color-ash-700-rgb:var(--hsds-color-charcoal-530-rgb);--hsds-color-ash-800:var(--hsds-color-charcoal-550);--hsds-color-ash-800-rgb:var(--hsds-color-charcoal-550-rgb);--hsds-color-ash-default:var(--hsds-color-charcoal-400);--hsds-color-ash-accent:var(--hsds-color-charcoal-400);--hsds-color-whaletail-100:#f3f7ff;--hsds-color-whaletail-100-rgb:243,247,255;--hsds-color-whaletail-200:#e5edfe;--hsds-color-whaletail-200-rgb:229,237,254;--hsds-color-whaletail-300:#d0defd;--hsds-color-whaletail-300-rgb:208,222,253;--hsds-color-whaletail-400:#afc7f9;--hsds-color-whaletail-400-rgb:175,199,249;--hsds-color-whaletail-500:#8aabf1;--hsds-color-whaletail-500-rgb:138,171,241;--hsds-color-whaletail-600:#7296e1;--hsds-color-whaletail-600-rgb:114,150,225;--hsds-color-whaletail-700:#5174bb;--hsds-color-whaletail-700-rgb:81,116,187;--hsds-color-whaletail-800:#304f8b;--hsds-color-whaletail-800-rgb:48,79,139;--hsds-color-whaletail-900:#142f5e;--hsds-color-whaletail-900-rgb:20,47,94;--hsds-color-whaletail-default:var(--hsds-color-whaletail-500);--hsds-color-whaletail-accent:var(--hsds-color-whaletail-500);--hsds-color-button-border:#d5d5d5;--hsds-color-button-hover:#e6e6e6;--hsds-color-button-active:#b6b6b6;--hsds-font-family:'Aktiv Grotesk','Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--hsds-font-system:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--hsds-font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;--hsds-font-size:13px;--hsds-measure-focusRing-innerBoxShadowSize:1px;--hsds-measure-focusRing-outerBoxShadowSize:2px;--hsds-measure-focusRing-insetBoxShadowSize:2px;"]);
		exports.tokens = tokens;

js/default/switchComponent.js

		@@ -7,5 +7,6 @@ "use strict";
		color: {
		error: '#F23459'
		error: '#F23459',
		background: '#ffffffff'
		}
		};
		exports.switchComponent = switchComponent;

js/default/verificationCode.js

		@@ -7,5 +7,7 @@ "use strict";
		color: {
		error: '#F23459'
		error: '#F23459',
		background: '#ffffffff',
		digit: '#253642'
		}
		};
		exports.verificationCode = verificationCode;

js/newBrand/attachment.js

		@@ -7,2 +7,3 @@ "use strict";
		color: {
		background: '#ffffffff',
		removeButton: {
		@@ -12,5 +13,14 @@ hover: '#822824ff',
		},
		error: '#b83525ff'
		error: '#b83525ff',
		brokenButton: {
		text: '#556575ff',
		icon: '#7e8e9eff'
		},
		downloadAll: {
		icon: '#7e8e9eff',
		iconHover: '#556575ff',
		backgroundHover: '#f1f3f5ff'
		}
		}
		};
		exports.attachment = attachment;

js/newBrand/badge.js

		@@ -7,5 +7,13 @@ "use strict";
		color: {
		default: '#253642ff'
		}
		background: '#ffffffff',
		fill: {
		text: '#ffffffff'
		},
		square: {
		text: '#556575ff',
		background: '#f9fafaff'
		}
		},
		default: '#253642ff'
		};
		exports.badge = badge;

js/newBrand/button.js

		@@ -10,4 +10,5 @@ "use strict";
		hover: '#263aadff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#4176faff',
		@@ -25,4 +26,5 @@ borderHover: '#4176faff',
		hover: '#822824ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#e54a32ff',
		@@ -40,4 +42,5 @@ borderHover: '#e54a32ff',
		hover: '#283b2dff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#47c47dff',
		@@ -55,4 +58,5 @@ borderHover: '#47c47dff',
		hover: '#405261ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#c8d3deff',
		@@ -70,4 +74,5 @@ borderHover: '#abb9c7ff',
		hover: '#7a4518ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#fabf5aff',
		@@ -84,4 +89,5 @@ borderHover: '#fabf5aff',
		main: '#c8d3deff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#abb9c7ff',
		@@ -88,0 +94,0 @@ text: '#abb9c7ff'

js/newBrand/color.js

		@@ -148,2 +148,6 @@ "use strict";
		default: '#405261ff',
		headline: '#131b24ff',
		dark: '#314351ff',
		light: '#556575ff',
		disabled: '#7e8e9eff',
		subtle: '#405261ff',
		@@ -210,2 +214,6 @@ slightlyMuted: '#556575ff',
		},
		background: {
		surface: '#ffffffff',
		body: '#f1f3f5ff'
		},
		red: {
		@@ -212,0 +220,0 @@ 100: '#fff0e8ff',

js/newBrand/datePicker.js

		@@ -13,8 +13,23 @@ "use strict";
		},
		current: {
		currentDay: {
		background: '#dfe6ebff',
		text: '#253642ff'
		}
		},
		deepNavigator: {
		text: '#314351ff'
		},
		nav: {
		text: '#405261ff',
		disabled: '#7e8e9eff'
		},
		weekdays: {
		text: '#405261ff'
		},
		day: {
		text: '#314351ff',
		disabled: '#7e8e9eff'
		},
		background: '#ffffffff'
		}
		};
		exports.datePicker = datePicker;

js/newBrand/floatingBar.js

		@@ -10,3 +10,3 @@ "use strict";
		iconDefault: '#7e8e9eff',
		iconHover: 'white',
		iconHover: '#ffffffff',
		backgroundDefault: 'transparent',
		@@ -13,0 +13,0 @@ backgroundHover: 'transparent'

js/newBrand/index.js

		@@ -5,25 +5,105 @@ "use strict";
		exports.default = void 0;
		var _accordion = require("./accordion");
		var _attachment = require("./attachment");
		var _avatar = require("./avatar");
		var _avatarRow = require("./avatarRow");
		var _badge = require("./badge");
		var _blankSlate = require("./blankSlate");
		var _button = require("./button");
		var _card = require("./card");
		var _checkmarkCard = require("./checkmarkCard");
		var _choice = require("./choice");
		var _closeButton = require("./closeButton");
		var _color = require("./color");
		var _condition = require("./condition");
		var _copyValue = require("./copyValue");
		var _datePicker = require("./datePicker");
		var _dropList = require("./dropList");
		var _editableField = require("./editableField");
		var _emojiPicker = require("./emojiPicker");
		var _filteredList = require("./filteredList");
		var _floatingBar = require("./floatingBar");
		var _font = require("./font");
		var _formField = require("./formField");
		var _heading = require("./heading");
		var _input = require("./input");
		var _keyboardBadge = require("./keyboardBadge");
		var _loadingDots = require("./loadingDots");
		var _measure = require("./measure");
		var _message = require("./message");
		var _messageCard = require("./messageCard");
		var _modal = require("./modal");
		var _nav = require("./nav");
		var _page = require("./page");
		var _pagination = require("./pagination");
		var _popover = require("./popover");
		var _radioCard = require("./radioCard");
		var _scrollable = require("./scrollable");
		var _scrollableContainer = require("./scrollableContainer");
		var _sidePanel = require("./sidePanel");
		var _simpleModal = require("./simpleModal");
		var _sortable = require("./sortable");
		var _statusBar = require("./statusBar");
		var _statusDot = require("./statusDot");
		var _stepper = require("./stepper");
		var _styledComponents = require("./styled-components");
		var _switchComponent = require("./switchComponent");
		var _tabBar = require("./tabBar");
		var _table = require("./table");
		var _tag = require("./tag");
		var _timeline = require("./timeline");
		var _toolbar = require("./toolbar");
		var _typingDots = require("./typingDots");
		var _verificationCode = require("./verificationCode");
		var _default = {
		accordion: _accordion.accordion,
		attachment: _attachment.attachment,
		avatar: _avatar.avatar,
		avatarRow: _avatarRow.avatarRow,
		badge: _badge.badge,
		blankSlate: _blankSlate.blankSlate,
		button: _button.button,
		card: _card.card,
		checkmarkCard: _checkmarkCard.checkmarkCard,
		choice: _choice.choice,
		closeButton: _closeButton.closeButton,
		condition: _condition.condition,
		copyValue: _copyValue.copyValue,
		datePicker: _datePicker.datePicker,
		dropList: _dropList.dropList,
		editableField: _editableField.editableField,
		emojiPicker: _emojiPicker.emojiPicker,
		filteredList: _filteredList.filteredList,
		floatingBar: _floatingBar.floatingBar,
		formField: _formField.formField,
		heading: _heading.heading,
		input: _input.input,
		keyboardBadge: _keyboardBadge.keyboardBadge,
		loadingDots: _loadingDots.loadingDots,
		message: _message.message,
		messageCard: _messageCard.messageCard,
		modal: _modal.modal,
		nav: _nav.nav,
		page: _page.page,
		pagination: _pagination.pagination,
		popover: _popover.popover,
		radioCard: _radioCard.radioCard,
		scrollable: _scrollable.scrollable,
		scrollableContainer: _scrollableContainer.scrollableContainer,
		sidePanel: _sidePanel.sidePanel,
		simpleModal: _simpleModal.simpleModal,
		sortable: _sortable.sortable,
		statusBar: _statusBar.statusBar,
		statusDot: _statusDot.statusDot,
		stepper: _stepper.stepper,
		switchComponent: _switchComponent.switchComponent,
		tabBar: _tabBar.tabBar,
		table: _table.table,
		tag: _tag.tag,
		timeline: _timeline.timeline,
		toolbar: _toolbar.toolbar,
		typingDots: _typingDots.typingDots,
		verificationCode: _verificationCode.verificationCode,
		color: _color.color,
		font: _font.font,
		measure: _measure.measure,
		@@ -30,0 +110,0 @@ tokens: _styledComponents.tokens

js/newBrand/statusDot.js

		@@ -7,2 +7,3 @@ "use strict";
		color: {
		background: '#ffffffff',
		light: {
		@@ -9,0 +10,0 @@ default: '#82a7baff',

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-1000);--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-700);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-800);--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-800);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-800);--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-1100 );--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-1000);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1200);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-600);--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-100:#f9fafaff;--hsds-color-charcoal-100-rgb:249,250,250;--hsds-color-charcoal-200:#f1f3f5ff;--hsds-color-charcoal-200-rgb:241,243,245;--hsds-color-charcoal-300:#dfe6ebff;--hsds-color-charcoal-300-rgb:223,230,235;--hsds-color-charcoal-400:#c8d3deff;--hsds-color-charcoal-400-rgb:200,211,222;--hsds-color-charcoal-500:#abb9c7ff;--hsds-color-charcoal-500-rgb:171,185,199;--hsds-color-charcoal-530:var(--hsds-color-charcoal-500);--hsds-color-charcoal-530-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-charcoal-550:var(--hsds-color-charcoal-500);--hsds-color-charcoal-550-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-charcoal-600:#7e8e9eff;--hsds-color-charcoal-600-rgb:126,142,158;--hsds-color-charcoal-650:var(--hsds-color-charcoal-600);--hsds-color-charcoal-650-rgb:var(--hsds-color-charcoal-600-rgb);--hsds-color-charcoal-700:#556575ff;--hsds-color-charcoal-700-rgb:85,101,117;--hsds-color-charcoal-800:#405261ff;--hsds-color-charcoal-800-rgb:64,82,97;--hsds-color-charcoal-900:#314351ff;--hsds-color-charcoal-900-rgb:49,67,81;--hsds-color-charcoal-1000:#253642ff;--hsds-color-charcoal-1000-rgb:37,54,66;--hsds-color-charcoal-1100:#1d2b36ff;--hsds-color-charcoal-1100-rgb:29,43,54;--hsds-color-charcoal-1200:#131b24ff;--hsds-color-charcoal-1200-rgb:19,27,36;--hsds-color-charcoal-default:var(--hsds-color-charcoal-800);--hsds-color-grey-200:var(--hsds-color-charcoal-100);--hsds-color-grey-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-grey-300:var(--hsds-color-charcoal-200);--hsds-color-grey-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-grey-400:var(--hsds-color-charcoal-300);--hsds-color-grey-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-grey-500:var(--hsds-color-charcoal-400);--hsds-color-grey-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-grey-600:var(--hsds-color-charcoal-500);--hsds-color-grey-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-700:var(--hsds-color-charcoal-500);--hsds-color-grey-700-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-800:var(--hsds-color-charcoal-500);--hsds-color-grey-800-rgb:var(--hsds-color-charcoal-500-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-800);--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-900 );--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-800);--hsds-color-text-subtle:var(--hsds-color-charcoal-800);--hsds-color-text-slightlyMuted:var(--hsds-color-charcoal-700);--hsds-color-text-muted:var(--hsds-color-charcoal-700);--hsds-color-text-faint:var(--hsds-color-charcoal-600);--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-accordion-color-background:var(--hsds-color-background-surface);--hsds-accordion-color-text-default:var(--hsds-color-text-default);--hsds-attachment-color-background:var(--hsds-color-background-surface);--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-attachment-color-brokenButton-text:var(--hsds-color-text-light);--hsds-attachment-color-brokenButton-icon:var(--hsds-color-text-disabled);--hsds-attachment-color-downloadAll-icon:var(--hsds-color-text-disabled);--hsds-attachment-color-downloadAll-iconHover:var(--hsds-color-text-light);--hsds-attachment-color-downloadAll-backgroundHover:var( --hsds-color-charcoal-200 );--hsds-avatar-color-initials-text:var(--hsds-color-text-light);--hsds-avatar-color-initials-light:var(--hsds-color-charcoal-400);--hsds-avatarRow-color-counter-text:var(--hsds-color-text-dark);--hsds-badge-color-background:var(--hsds-color-background-surface);--hsds-badge-color-fill-text:#ffffffff;--hsds-badge-color-square-text:var(--hsds-color-text-light);--hsds-badge-color-square-background:var(--hsds-color-charcoal-100);--hsds-badge-default:var(--hsds-color-charcoal-1000);--hsds-blankSlate-color-heading:var(--hsds-color-text-headline);--hsds-blankSlate-color-text:var(--hsds-color-text-disabled);--hsds-blankSlate-color-textBold:var(--hsds-color-text-default);--hsds-blankSlate-color-light-background:var(--hsds-color-charcoal-100);--hsds-blankSlate-color-light-text:var(--hsds-color-text-light);--hsds-blankSlate-color-light-textBold:var(--hsds-color-text-dark);--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:#ffffffff;--hsds-button-color-blue-outline-background:var( --hsds-color-background-surface );--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:#ffffffff;--hsds-button-color-red-outline-background:var( --hsds-color-background-surface );--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:#ffffffff;--hsds-button-color-green-outline-background:var( --hsds-color-background-surface );--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-700);--hsds-button-color-grey-hover:var(--hsds-color-charcoal-800);--hsds-button-color-grey-text:#ffffffff;--hsds-button-color-grey-outline-background:var( --hsds-color-background-surface );--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-800);--hsds-button-color-grey-outline-textHover:var(--hsds-color-charcoal-800);--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-1100 );--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:#ffffffff;--hsds-button-color-yellow-outline-background:var( --hsds-color-background-surface );--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:#ffffffff;--hsds-button-color-disabled-outline-background:var( --hsds-color-background-surface );--hsds-button-color-disabled-outline-border:var(--hsds-color-grey-600);--hsds-button-color-disabled-outline-text:var(--hsds-color-grey-800);--hsds-card-color-background:var(--hsds-color-background-surface);--hsds-checkmarkCard-color-text-heading:var(--hsds-color-text-dark);--hsds-checkmarkCard-color-text-subtitle:var(--hsds-color-text-light);--hsds-checkmarkCard-color-text-disabled:var(--hsds-color-text-light);--hsds-choice-color-disabled:var(--hsds-color-charcoal-500);--hsds-closeButton-color-background:var(--hsds-color-background-surface);--hsds-condition-color-selected-text:var(--hsds-color-text-dark);--hsds-copyValue-color-icon:var(--hsds-color-text-default);--hsds-copyValue-color-text:var(--hsds-color-text-light);--hsds-copyValue-color-prefix:var(--hsds-color-charcoal-500);--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-currentDay-background:var(--hsds-color-grey-400);--hsds-datePicker-color-currentDay-text:var(--hsds-color-charcoal-1000);--hsds-datePicker-color-deepNavigator-text:var(--hsds-color-text-dark);--hsds-datePicker-color-nav-text:var(--hsds-color-text-default);--hsds-datePicker-color-nav-disabled:var(--hsds-color-text-disabled);--hsds-datePicker-color-weekdays-text:var(--hsds-color-text-default);--hsds-datePicker-color-day-text:var(--hsds-color-text-dark);--hsds-datePicker-color-day-disabled:var(--hsds-color-text-disabled);--hsds-datePicker-color-background:var(--hsds-color-background-surface);--hsds-dropList-color-wrapper-border:var(--hsds-color-grey-600);--hsds-dropList-color-wrapper-text:var(--hsds-color-grey-600);--hsds-dropList-color-background:var(--hsds-color-background-surface);--hsds-dropList-color-input-text:var(--hsds-color-charcoal-900);--hsds-dropList-color-listItem-text:var(--hsds-color-charcoal-1000);--hsds-dropList-color-listItem-disabled-text:var(--hsds-color-charcoal-650);--hsds-dropList-color-listItem-selected-text:#ffffffff;--hsds-dropList-color-listItem-selected-background:var( --hsds-color-blue-600 );--hsds-dropList-color-listItem-highlighted-text:var( --hsds-color-charcoal-1100 );--hsds-dropList-color-listItem-highlighted-background:var( --hsds-color-blue-100 );--hsds-dropList-color-listItem-multiple-highlighted-text:var( --hsds-color-charcoal-1000 );--hsds-dropList-color-selectedBadge-border:var(--hsds-color-grey-600);--hsds-dropList-color-selectedBadge-hover:var(--hsds-color-blue-500);--hsds-dropList-color-selectedBadge-disabled-border:var( --hsds-color-grey-600 );--hsds-dropList-color-selectedBadge-disabled-shadow:var( --hsds-color-grey-500 );--hsds-dropList-color-selectedBadge-disabled-background:var( --hsds-color-grey-200 );--hsds-dropList-color-divider:var(--hsds-color-grey-500);--hsds-dropList-color-groupLabel:var(--hsds-color-charcoal-600);--hsds-dropList-color-togglers-navLink-text:var(--hsds-color-blue-300);--hsds-dropList-color-togglers-splitButton-shadowDisabled:var( --hsds-button-color-disabled-outline-border );--hsds-dropList-color-togglers-select-shadow:var(--hsds-color-grey-800);--hsds-dropList-color-togglers-select-text:var(--hsds-color-charcoal-900);--hsds-dropList-color-togglers-select-shadowError:var( --hsds-color-state-error-borderColor );--hsds-dropList-color-togglers-select-disabled:var( --hsds-color-charcoal-600 );--hsds-dropList-color-togglers-selectArrow-border:var( --hsds-color-charcoal-1000 );--hsds-editableField-color-background:var(--hsds-color-background-surface);--hsds-emojiPicker-color-icon:var(--hsds-color-charcoal-500);--hsds-filteredList-color-background:var(--hsds-color-background-surface);--hsds-filteredList-color-item-text:var(--hsds-color-text-light);--hsds-filteredList-color-badge-text:var(--hsds-color-text-dark);--hsds-filteredList-color-separator:var(--hsds-color-charcoal-500);--hsds-floatingBar-color-background:var(--hsds-color-charcoal-1200);--hsds-floatingBar-color-button-iconDefault:var(--hsds-color-charcoal-600);--hsds-floatingBar-color-button-iconHover:#ffffffff;--hsds-floatingBar-color-button-backgroundDefault:transparent;--hsds-floatingBar-color-button-backgroundHover:transparent;--hsds-floatingBar-color-divider:var(--hsds-color-charcoal-900);--hsds-formField-color-background:var(--hsds-color-background-surface);--hsds-formField-color-label-text:var(--hsds-color-text-default);--hsds-formField-color-itemMain-text:var(--hsds-color-text-dark);--hsds-formField-color-itemSecondary-text:var(--hsds-color-text-light);--hsds-heading-color-text:var(--hsds-color-text-dark);--hsds-heading-color-small-text:var(--hsds-color-text-default);--hsds-input-color-background:var(--hsds-color-background-surface);--hsds-input-color-text:var(--hsds-color-text-default);--hsds-input-color-addOn-text:var(--hsds-color-text-dark);--hsds-input-color-placeholder:var(--hsds-color-text-disabled);--hsds-keyboardBadge-color-text:var(--hsds-color-text-default);--hsds-loadingDots-color-icon:var(--hsds-color-charcoal-500);--hsds-message-color-background:var(--hsds-color-background-surface);--hsds-message-color-action:var(--hsds-color-charcoal-1000);--hsds-message-color-bubble-text:var(--hsds-color-charcoal-1000);--hsds-message-color-bubble-embedBodyText:var(--hsds-color-text-default);--hsds-message-color-bubble-embedFromText:var(--hsds-color-text-default);--hsds-message-color-embed:var(--hsds-color-text-disabled);--hsds-message-color-media:var(--hsds-color-text-disabled);--hsds-messageCard-color-background:var(--hsds-color-background-surface);--hsds-messageCard-color-subtitle:var(--hsds-color-text-light);--hsds-messageCard-color-body:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-blockquote:var(--hsds-color-text-light);--hsds-messageCard-color-pre:var(--hsds-color-charcoal-1100);--hsds-messageCard-color-strong:var(--hsds-color-charcoal-1100);--hsds-messageCard-color-articleCard-title:var(--hsds-color-text-dark);--hsds-messageCard-color-articleCard-meta:var(--hsds-color-text-light);--hsds-messageCard-color-articleCard-content:var(--hsds-color-text-light);--hsds-messageCard-color-surveyNps:var(--hsds-color-text-light);--hsds-messageCard-color-survey-feedback:var(--hsds-color-text-default);--hsds-messageCard-color-survey-spinner:var(--hsds-color-text-default);--hsds-messageCard-color-survey-confirmation:var(--hsds-color-text-default);--hsds-messageCard-color-survey-multiple:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-title:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-label:var(--hsds-color-text-light);--hsds-messageCard-color-modal-body:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-modal-closeButton:var(--hsds-color-text-disabled);--hsds-messageCard-color-modal-closeButtonHover:var(--hsds-color-text-dark);--hsds-messageCard-color-nps-poweredby:var(--hsds-color-text-light);--hsds-messageCard-color-nps-question:var(--hsds-color-charcoal-1000);--hsds-messageCard-color-nps-feedback:var(--hsds-color-charcoal-1000);--hsds-modal-color-background:var(--hsds-color-background-surface);--hsds-modal-color-header-title:var(--hsds-color-text-default);--hsds-modal-color-header-description:var(--hsds-color-text-disabled);--hsds-nav-color-item-text:var(--hsds-color-text-disabled);--hsds-nav-color-item-hover:var(--hsds-color-text-light);--hsds-nav-color-item-active:var(--hsds-color-text-default);--hsds-nav-color-text:var(--hsds-color-text-default);--hsds-page-color-background:var(--hsds-color-background-surface);--hsds-pagination-color-information:var(--hsds-color-text-disabled);--hsds-pagination-color-range:var(--hsds-color-text-dark);--hsds-pagination-color-buttonOutlined:var(--hsds-color-charcoal-1000);--hsds-popover-color-background:var(--hsds-color-background-surface);--hsds-popover-color-heading:var(--hsds-color-text-disabled);--hsds-radioCard-color-background:var(--hsds-color-background-surface);--hsds-radioCard-color-icon:var(--hsds-color-text-disabled);--hsds-radioCard-color-checked:var(--hsds-color-text-dark);--hsds-radioCard-color-heading:var(--hsds-color-charcoal-1000);--hsds-radioCard-color-content:var(--hsds-color-text-default);--hsds-radioCard-color-contentWithHeading:var(--hsds-color-text-disabled);--hsds-scrollable-color-background:var(--hsds-color-background-surface);--hsds-scrollableContainer-color-background:var( --hsds-color-background-surface );--hsds-sidePanel-color-background:var(--hsds-color-background-surface);--hsds-sidePanel-color-heading:var(--hsds-color-charcoal-1000);--hsds-sidePanel-color-subheading:var(--hsds-color-text-disabled);--hsds-sidePanel-color-close:var(--hsds-color-text-light);--hsds-sidePanel-color-closeHover:var(--hsds-color-text-dark);--hsds-simpleModal-color-background:var(--hsds-color-background-surface);--hsds-simpleModal-color-heading:var(--hsds-color-text-headline);--hsds-simpleModal-color-confirmationBody:var(--hsds-color-text-dark);--hsds-sortable-color-dragHandler-default:var(--hsds-color-charcoal-500);--hsds-sortable-color-dragHandler-active:var(--hsds-color-text-light);--hsds-sortable-color-dragHandler-disabled:var(--hsds-color-charcoal-500);--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-background:var(--hsds-color-background-surface);--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-stepper-color-background:var(--hsds-color-background-surface);--hsds-switchComponent-color-error:var(--hsds-color-state-error-default);--hsds-switchComponent-color-background:var(--hsds-color-background-surface);--hsds-tabBar-color-secContent:var(--hsds-color-text-disabled);--hsds-tabBar-color-strong:var(--hsds-color-text-dark);--hsds-table-color-background:var(--hsds-color-background-surface);--hsds-table-color-typeAction:var(--hsds-color-text-disabled);--hsds-table-color-sortableCell:var(--hsds-color-charcoal-1000);--hsds-tag-color-background:var(--hsds-color-background-surface);--hsds-tag-color-text:var(--hsds-color-text-dark);--hsds-tag-color-showAll:var(--hsds-color-text-dark);--hsds-tag-color-clearAll:var(--hsds-color-text-disabled);--hsds-tag-color-clearAllHover:var(--hsds-color-text-light);--hsds-timeline-color-background:var(--hsds-color-background-surface);--hsds-toolbar-color-background:var(--hsds-color-background-surface);--hsds-typingDots-color-icon:var(--hsds-color-charcoal-500);--hsds-verificationCode-color-error:var(--hsds-color-state-error-default);--hsds-verificationCode-color-background:var( --hsds-color-background-surface );--hsds-verificationCode-color-digit:var(--hsds-color-charcoal-1000);--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-100:#f9fafaff;--hsds-color-charcoal-100-rgb:249,250,250;--hsds-color-charcoal-200:#f1f3f5ff;--hsds-color-charcoal-200-rgb:241,243,245;--hsds-color-charcoal-300:#dfe6ebff;--hsds-color-charcoal-300-rgb:223,230,235;--hsds-color-charcoal-400:#c8d3deff;--hsds-color-charcoal-400-rgb:200,211,222;--hsds-color-charcoal-500:#abb9c7ff;--hsds-color-charcoal-500-rgb:171,185,199;--hsds-color-charcoal-530:var(--hsds-color-charcoal-500);--hsds-color-charcoal-530-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-charcoal-550:var(--hsds-color-charcoal-500);--hsds-color-charcoal-550-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-charcoal-600:#7e8e9eff;--hsds-color-charcoal-600-rgb:126,142,158;--hsds-color-charcoal-650:var(--hsds-color-charcoal-600);--hsds-color-charcoal-650-rgb:var(--hsds-color-charcoal-600-rgb);--hsds-color-charcoal-700:#556575ff;--hsds-color-charcoal-700-rgb:85,101,117;--hsds-color-charcoal-800:#405261ff;--hsds-color-charcoal-800-rgb:64,82,97;--hsds-color-charcoal-900:#314351ff;--hsds-color-charcoal-900-rgb:49,67,81;--hsds-color-charcoal-1000:#253642ff;--hsds-color-charcoal-1000-rgb:37,54,66;--hsds-color-charcoal-1100:#1d2b36ff;--hsds-color-charcoal-1100-rgb:29,43,54;--hsds-color-charcoal-1200:#131b24ff;--hsds-color-charcoal-1200-rgb:19,27,36;--hsds-color-charcoal-default:var(--hsds-color-charcoal-800);--hsds-color-grey-200:var(--hsds-color-charcoal-100);--hsds-color-grey-200-rgb:var(--hsds-color-charcoal-100-rgb);--hsds-color-grey-300:var(--hsds-color-charcoal-200);--hsds-color-grey-300-rgb:var(--hsds-color-charcoal-200-rgb);--hsds-color-grey-400:var(--hsds-color-charcoal-300);--hsds-color-grey-400-rgb:var(--hsds-color-charcoal-300-rgb);--hsds-color-grey-500:var(--hsds-color-charcoal-400);--hsds-color-grey-500-rgb:var(--hsds-color-charcoal-400-rgb);--hsds-color-grey-600:var(--hsds-color-charcoal-500);--hsds-color-grey-600-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-700:var(--hsds-color-charcoal-500);--hsds-color-grey-700-rgb:var(--hsds-color-charcoal-500-rgb);--hsds-color-grey-800:var(--hsds-color-charcoal-500);--hsds-color-grey-800-rgb:var(--hsds-color-charcoal-500-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-800);--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-900 );--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-800);--hsds-color-text-headline:var(--hsds-color-charcoal-1200);--hsds-color-text-dark:var(--hsds-color-charcoal-900);--hsds-color-text-light:var(--hsds-color-charcoal-700);--hsds-color-text-disabled:var(--hsds-color-charcoal-600);--hsds-color-text-subtle:var(--hsds-color-text-default);--hsds-color-text-slightlyMuted:var(--hsds-color-text-light);--hsds-color-text-muted:var(--hsds-color-text-light);--hsds-color-text-faint:var(--hsds-color-text-disabled);--hsds-color-text-extraMuted:var(--hsds-color-charcoal-500);--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-background-surface:#ffffffff;--hsds-color-background-body:var(--hsds-color-grey-300);--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-font-family:'Aktiv Grotesk','Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--hsds-font-system:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--hsds-font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;--hsds-font-size:13px;--hsds-measure-focusRing-innerBoxShadowSize:1px;--hsds-measure-focusRing-outerBoxShadowSize:3px;--hsds-measure-focusRing-insetBoxShadowSize:2px;"]);
		exports.tokens = tokens;

js/newBrand/switchComponent.js

		@@ -7,5 +7,6 @@ "use strict";
		color: {
		error: '#b83525ff'
		error: '#b83525ff',
		background: '#ffffffff'
		}
		};
		exports.switchComponent = switchComponent;

js/newBrand/verificationCode.js

		@@ -7,5 +7,7 @@ "use strict";
		color: {
		error: '#b83525ff'
		error: '#b83525ff',
		background: '#ffffffff',
		digit: '#253642ff'
		}
		};
		exports.verificationCode = verificationCode;

package.json

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

src/js/default/attachment.js

		export const attachment = {
		color: {
		background: '#ffffffff',
		removeButton: {
		@@ -8,3 +9,12 @@ hover: '#C5003B',
		error: '#e52f28',
		brokenButton: {
		text: '#556575',
		icon: '#93A1B0',
		},
		downloadAll: {
		icon: '#93A1B0',
		iconHover: '#556575',
		backgroundHover: '#f1f3f5',
		},
		},
		}

src/js/default/badge.js

		export const badge = {
		color: {
		background: '#ffffffff',
		fill: {
		text: '#ffffffff',
		},
		square: {
		text: '#556575',
		background: '#f9fafa',
		},
		default: '#93A1B0',
		},
		default: '#253642',
		}

src/js/default/button.js

		@@ -6,4 +6,5 @@ export const button = {
		hover: '#0077CC',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#1292EE',
		@@ -21,4 +22,5 @@ borderHover: '#1292EE',
		hover: '#C5003B',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#F23459',
		@@ -36,4 +38,5 @@ borderHover: '#F23459',
		hover: '#106236',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#56C288',
		@@ -51,4 +54,5 @@ borderHover: '#56C288',
		hover: '#405261',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#B7C2CC',
		@@ -66,4 +70,5 @@ borderHover: '#A5B2BD',
		hover: '#c76400',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#FDD88E',
		@@ -80,4 +85,5 @@ borderHover: '#FDD88E',
		main: '#ccd6de',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#C5CED6',
		@@ -87,3 +93,4 @@ text: '#A5B2BD',
		},
		outlined: {},
		},
		}

441

src/js/default/color.js

		export const color = {
		red: {
		100: '#fef7f6',
		200: '#ffe3e2',
		300: '#ffa2a2',
		400: '#f45b55',
		500: '#e52f28',
		600: '#d21b14',
		700: '#ba1f19',
		800: '#9d1f1a',
		900: '#731814',
		default: '#e52f28',
		accent: '#e52f28',
		},
		purple: {
		100: '#fbfbfe',
		200: '#eaeafc',
		300: '#d1d2f6',
		400: '#a3a4f3',
		500: '#7e80e7',
		600: '#696aca',
		700: '#585b9e',
		800: '#45467d',
		900: '#383966',
		default: '#7e80e7',
		accent: '#7e80e7',
		},
		orange: {
		100: '#fff8f2',
		200: '#ffead8',
		300: '#ffd3ae',
		400: '#ffa75a',
		500: '#ff9139',
		600: '#e87800',
		700: '#c76400',
		800: '#a45300',
		900: '#813c00',
		default: '#ff9139',
		accent: '#ff9139',
		},
		blue: {
		@@ -73,13 +34,2 @@ 100: '#F3FBFF',
		},
		ash: {
		200: '#f9fafa',
		300: '#f1f3f5',
		400: '#e1e7eb',
		500: '#ccd6de',
		600: '#C5CED6',
		700: '#B7C2CC',
		800: '#A5B2BD',
		default: '#ccd6de',
		accent: '#ccd6de',
		},
		grey: {
		@@ -96,30 +46,28 @@ 200: '#f9fafa',
		},
		yellow: {
		50: '#FFFBF3',
		100: '#FFF9EF',
		200: '#FFF2D7',
		300: '#FFE7B8',
		400: '#FDD88E',
		500: '#FFC555',
		600: '#FAB347',
		700: '#E89635',
		800: '#CE7129',
		900: '#B24319',
		950: '#84142D',
		default: '#FFC555',
		accent: '#FFC555',
		indigo: {
		100: '#F2F6FF',
		200: '#DFE7FF',
		300: '#B2C8FB',
		400: '#79A1F8',
		500: '#527CEB',
		600: '#3B64D2',
		700: '#2549A8',
		800: '#16337F',
		900: '#071E57',
		1000: '#171952ff',
		default: '#527CEB',
		accent: '#527CEB',
		},
		green: {
		100: '#F5FFF9',
		200: '#E3FBEE',
		300: '#C2F0D7',
		400: '#87DBAE',
		500: '#56C288',
		600: '#39AC6E',
		700: '#268C55',
		750: '#248451',
		800: '#106236',
		900: '#003C1C',
		default: '#56C288',
		accent: '#56C288',
		lavender: {
		100: '#F9F9FF',
		200: '#EBECFF',
		300: '#D9DCFD',
		400: '#B9BEFF',
		500: '#9FA6FF',
		600: '#818AEC',
		700: '#6269C5',
		800: '#404996',
		900: '#232A5C',
		default: '#9FA6FF',
		accent: '#9FA6FF',
		},
		@@ -141,41 +89,33 @@ pink: {
		},
		lavender: {
		100: '#F9F9FF',
		200: '#EBECFF',
		300: '#D9DCFD',
		400: '#B9BEFF',
		500: '#9FA6FF',
		600: '#818AEC',
		700: '#6269C5',
		800: '#404996',
		900: '#232A5C',
		default: '#9FA6FF',
		accent: '#9FA6FF',
		green: {
		100: '#F5FFF9',
		200: '#E3FBEE',
		300: '#C2F0D7',
		400: '#87DBAE',
		500: '#56C288',
		600: '#39AC6E',
		700: '#268C55',
		750: '#248451',
		800: '#106236',
		900: '#003C1C',
		1000: '#222923ff',
		accent: '#56C288',
		default: '#56C288',
		},
		indigo: {
		100: '#F2F6FF',
		200: '#DFE7FF',
		300: '#B2C8FB',
		400: '#79A1F8',
		500: '#527CEB',
		600: '#3B64D2',
		700: '#2549A8',
		800: '#16337F',
		900: '#071E57',
		default: '#527CEB',
		accent: '#527CEB',
		yellow: {
		50: '#FFFBF3',
		100: '#FFF9EF',
		200: '#FFF2D7',
		300: '#FFE7B8',
		400: '#FDD88E',
		500: '#FFC555',
		600: '#FAB347',
		700: '#E89635',
		800: '#CE7129',
		900: '#B24319',
		950: '#84142D',
		1000: '#2b261dff',
		accent: '#FFC555',
		default: '#FFC555',
		},
		whaletail: {
		100: '#F3F7FF',
		200: '#E5EDFE',
		300: '#D0DEFD',
		400: '#AFC7F9',
		500: '#8AABF1',
		600: '#7296E1',
		700: '#5174BB',
		800: '#304F8B',
		900: '#142F5E',
		default: '#8AABF1',
		accent: '#8AABF1',
		},
		link: {
		@@ -189,4 +129,34 @@ default: '#0077CC',
		},
		focusRing: {
		default: {
		innerColor: '#1292EE',
		outerColor: '#1292EE',
		innerColorOverDark: '#1292EE',
		outerColorOverDark: '#1292EE',
		},
		error: {
		innerColor: '#e52f28',
		outerColor: '#e52f28',
		innerColorOverDark: '#e52f28',
		outerColorOverDark: '#e52f28',
		},
		warning: {
		innerColor: '#FFC555',
		outerColor: '#FFC555',
		innerColorOverDark: '#FFC555',
		outerColorOverDark: '#FFC555',
		},
		success: {
		innerColor: '#56C288',
		outerColor: '#56C288',
		innerColorOverDark: '#56C288',
		outerColorOverDark: '#56C288',
		},
		},
		text: {
		default: 'currentColor',
		headline: '#1d2b36',
		dark: '#314351',
		light: '#556575',
		disabled: '#93A1B0',
		subtle: '#405261',
		@@ -207,84 +177,219 @@ slightlyMuted: '#556575',
		state: {
		danger: {
		default: '#e52f28',
		backgroundColor: '#ffe3e2',
		backgroundLight: '#ffe3e2',
		error: {
		text: '#e52f28',
		backgroundDark: '#e52f28',
		icon: '#e52f28',
		borderColor: '#e52f28',
		icon: '#e52f28',
		backgroundLight: '#ffe3e2',
		default: '#e52f28',
		color: '#e52f28',
		text: '#e52f28',
		},
		error: {
		default: '#e52f28',
		backgroundColor: '#ffe3e2',
		backgroundLight: '#ffe3e2',
		backgroundDark: '#e52f28',
		borderColor: '#e52f28',
		icon: '#e52f28',
		color: '#e52f28',
		text: '#e52f28',
		},
		info: {
		default: '#1292EE',
		backgroundColor: '#D6EDFF',
		backgroundLight: '#D6EDFF',
		text: '#1292EE',
		backgroundDark: '#1292EE',
		icon: '#1292EE',
		borderColor: '#1292EE',
		icon: '#1292EE',
		backgroundLight: '#D6EDFF',
		default: '#1292EE',
		color: '#1292EE',
		text: '#1292EE',
		backgroundColor: '#D6EDFF',
		},
		success: {
		default: '#56C288',
		backgroundColor: '#E3FBEE',
		backgroundLight: '#E3FBEE',
		text: '#56C288',
		backgroundDark: '#56C288',
		icon: '#56C288',
		borderColor: '#56C288',
		icon: '#56C288',
		backgroundLight: '#E3FBEE',
		default: '#56C288',
		color: '#56C288',
		text: '#56C288',
		backgroundColor: '#E3FBEE',
		},
		warning: {
		default: '#FFC555',
		backgroundColor: '#FFF2D7',
		backgroundLight: '#FFF2D7',
		text: '#FFC555',
		backgroundDark: '#FFC555',
		icon: '#FFC555',
		borderColor: '#FFC555',
		icon: '#FFC555',
		backgroundLight: '#FFF2D7',
		color: '#FFC555',
		text: '#FFC555',
		default: '#FFC555',
		backgroundColor: '#FFF2D7',
		},
		danger: {
		default: '#e52f28',
		backgroundLight: '#ffe3e2',
		backgroundDark: '#e52f28',
		borderColor: '#e52f28',
		color: '#e52f28',
		text: '#e52f28',
		icon: '#e52f28',
		backgroundColor: '#ffe3e2',
		},
		},
		button: {
		border: '#d5d5d5',
		hover: '#e6e6e6',
		active: '#b6b6b6',
		background: {
		surface: '#ffffffff',
		body: '#f1f3f5',
		},
		focusRing: {
		default: {
		innerColor: '#1292EE',
		outerColor: '#1292EE',
		innerColorOverDark: '#1292EE',
		outerColorOverDark: '#1292EE',
		red: {
		100: '#fef7f6',
		200: '#ffe3e2',
		300: '#ffa2a2',
		400: '#f45b55',
		500: '#e52f28',
		600: '#d21b14',
		700: '#ba1f19',
		800: '#9d1f1a',
		900: '#731814',
		1000: '#2b2123ff',
		accent: '#e52f28',
		default: '#e52f28',
		},
		orange: {
		100: '#fff8f2',
		200: '#ffead8',
		300: '#ffd3ae',
		400: '#ffa75a',
		500: '#ff9139',
		600: '#e87800',
		700: '#c76400',
		800: '#a45300',
		900: '#813c00',
		1000: '#2b241dff',
		accent: '#ff9139',
		default: '#ff9139',
		},
		slate: {
		100: '#f2f9fcff',
		200: '#e1eef5ff',
		300: '#ccdee8ff',
		400: '#a9c4d4ff',
		500: '#82a7baff',
		600: '#658b9eff',
		700: '#486878ff',
		800: '#344852ff',
		900: '#283338ff',
		1000: '#1f2426ff',
		accent: '#47c2ffff',
		},
		cobalt: {
		100: '#ebf5ffff',
		200: '#d1e8ffff',
		300: '#9ecbffff',
		400: '#66a3ffff',
		500: '#4176faff',
		600: '#304ddbff',
		700: '#263aadff',
		800: '#1c2674ff',
		900: '#171952ff',
		1000: '#0e0e33ff',
		accent: '#47a3ffff',
		},
		purple: {
		100: '#fbfbfe',
		200: '#eaeafc',
		300: '#d1d2f6',
		400: '#a3a4f3',
		500: '#7e80e7',
		600: '#696aca',
		700: '#585b9e',
		800: '#45467d',
		900: '#383966',
		1000: '#271f2eff',
		accent: '#7e80e7',
		default: '#7e80e7',
		},
		magenta: {
		100: '#fff2f4ff',
		200: '#ffe5eaff',
		300: '#ffc7d3ff',
		400: '#e5859fff',
		500: '#bf5878ff',
		600: '#a34b6bff',
		700: '#863e5cff',
		800: '#5e3146ff',
		900: '#3d2531ff',
		1000: '#2e2126ff',
		accent: '#ff5caaff',
		},
		clay: {
		100: '#faf8f7ff',
		200: '#f5f2f0ff',
		300: '#ede8e6ff',
		400: '#ded5d1ff',
		500: '#c2b4acff',
		600: '#9e8f88ff',
		700: '#8a7b74ff',
		800: '#756963ff',
		900: '#574f4bff',
		1000: '#4a4441ff',
		1100: '#33302eff',
		1200: '#262423ff',
		},
		functional: {
		link: {
		default: '#304ddbff',
		hovered: '#263aadff',
		pressed: '#1c2674ff',
		disabled: '#C5CED6',
		},
		text: {
		headline: '#1d2b36',
		dark: '#314351',
		default: '#405261',
		light: '#556575',
		},
		success: {
		text: '#106236',
		icon: '#56C288',
		border: '#C2F0D7',
		background: '#F5FFF9',
		},
		error: {
		innerColor: '#e52f28',
		outerColor: '#e52f28',
		innerColorOverDark: '#e52f28',
		outerColorOverDark: '#e52f28',
		text: '#ba1f19',
		icon: '#e52f28',
		border: '#ffa2a2',
		background: '#fef7f6',
		},
		warning: {
		innerColor: '#FFC555',
		outerColor: '#FFC555',
		innerColorOverDark: '#FFC555',
		outerColorOverDark: '#FFC555',
		text: '#CE7129',
		icon: '#FDD88E',
		border: '#FFF2D7',
		background: '#FFF9EF',
		},
		success: {
		innerColor: '#56C288',
		outerColor: '#56C288',
		innerColorOverDark: '#56C288',
		outerColorOverDark: '#56C288',
		},
		},
		basics: {
		white: '#ffffffff',
		black: '#000000ff',
		magenta: '#ff00ffff',
		cyan: '#00ffffff',
		},
		ash: {
		200: '#f9fafa',
		300: '#f1f3f5',
		400: '#e1e7eb',
		500: '#ccd6de',
		600: '#C5CED6',
		700: '#B7C2CC',
		800: '#A5B2BD',
		default: '#ccd6de',
		accent: '#ccd6de',
		},
		whaletail: {
		100: '#F3F7FF',
		200: '#E5EDFE',
		300: '#D0DEFD',
		400: '#AFC7F9',
		500: '#8AABF1',
		600: '#7296E1',
		700: '#5174BB',
		800: '#304F8B',
		900: '#142F5E',
		default: '#8AABF1',
		accent: '#8AABF1',
		},
		button: {
		border: '#d5d5d5',
		hover: '#e6e6e6',
		active: '#b6b6b6',
		},
		}

src/js/default/datePicker.js

		@@ -9,2 +9,21 @@ export const datePicker = {
		},
		currentDay: {
		background: '#e1e7eb',
		text: '#253642',
		},
		deepNavigator: {
		text: '#314351',
		},
		nav: {
		text: 'currentColor',
		disabled: '#93A1B0',
		},
		weekdays: {
		text: 'currentColor',
		},
		day: {
		text: '#314351',
		disabled: '#93A1B0',
		},
		background: '#ffffffff',
		current: {
		@@ -11,0 +30,0 @@ background: '#f1f3f5',

src/js/default/floatingBar.js

		@@ -6,3 +6,3 @@ export const floatingBar = {
		iconDefault: '#93A1B0',
		iconHover: 'white',
		iconHover: '#ffffffff',
		backgroundDefault: 'transparent',
		@@ -9,0 +9,0 @@ backgroundHover: '#314351',

src/js/default/index.js

		@@ -0,27 +1,107 @@
		import { accordion } from './accordion'
		import { attachment } from './attachment'
		import { avatar } from './avatar'
		import { avatarRow } from './avatarRow'
		import { badge } from './badge'
		import { blankSlate } from './blankSlate'
		import { button } from './button'
		import { card } from './card'
		import { checkmarkCard } from './checkmarkCard'
		import { choice } from './choice'
		import { closeButton } from './closeButton'
		import { color } from './color'
		import { condition } from './condition'
		import { copyValue } from './copyValue'
		import { datePicker } from './datePicker'
		import { dropList } from './dropList'
		import { editableField } from './editableField'
		import { emojiPicker } from './emojiPicker'
		import { filteredList } from './filteredList'
		import { floatingBar } from './floatingBar'
		import { font } from './font'
		import { formField } from './formField'
		import { heading } from './heading'
		import { input } from './input'
		import { keyboardBadge } from './keyboardBadge'
		import { loadingDots } from './loadingDots'
		import { measure } from './measure'
		import { message } from './message'
		import { messageCard } from './messageCard'
		import { modal } from './modal'
		import { nav } from './nav'
		import { page } from './page'
		import { pagination } from './pagination'
		import { popover } from './popover'
		import { radioCard } from './radioCard'
		import { scrollable } from './scrollable'
		import { scrollableContainer } from './scrollableContainer'
		import { sidePanel } from './sidePanel'
		import { simpleModal } from './simpleModal'
		import { sortable } from './sortable'
		import { statusBar } from './statusBar'
		import { statusDot } from './statusDot'
		import { stepper } from './stepper'
		import { tokens } from './styled-components'
		import { switchComponent } from './switchComponent'
		import { tabBar } from './tabBar'
		import { table } from './table'
		import { tag } from './tag'
		import { timeline } from './timeline'
		import { toolbar } from './toolbar'
		import { typingDots } from './typingDots'
		import { verificationCode } from './verificationCode'

		export default {
		accordion,
		attachment,
		avatar,
		avatarRow,
		badge,
		blankSlate,
		button,
		card,
		checkmarkCard,
		choice,
		closeButton,
		condition,
		copyValue,
		datePicker,
		dropList,
		editableField,
		emojiPicker,
		filteredList,
		floatingBar,
		formField,
		heading,
		input,
		keyboardBadge,
		loadingDots,
		message,
		messageCard,
		modal,
		nav,
		page,
		pagination,
		popover,
		radioCard,
		scrollable,
		scrollableContainer,
		sidePanel,
		simpleModal,
		sortable,
		statusBar,
		statusDot,
		stepper,
		switchComponent,
		tabBar,
		table,
		tag,
		timeline,
		toolbar,
		typingDots,
		verificationCode,
		color,
		font,
		measure,
		tokens,
		}

src/js/default/statusDot.js

		export const statusDot = {
		color: {
		background: '#ffffffff',
		light: {
		@@ -4,0 +5,0 @@ default: '#C5CED6',

855

src/js/default/styled-components.js

		import { css } from 'styled-components'

		export const tokens = css`
		--hsds-accordion-color-background: var(--hsds-color-background-surface);
		--hsds-accordion-color-text-default: var(--hsds-color-text-default);
		--hsds-attachment-color-background: var(--hsds-color-background-surface);
		--hsds-attachment-color-removeButton-hover: var(--hsds-color-pink-1000);
		--hsds-attachment-color-removeButton-borderHover: var(--hsds-color-pink-900);
		--hsds-attachment-color-error: var(--hsds-color-red-500);
		--hsds-attachment-color-brokenButton-text: var(--hsds-color-text-light);
		--hsds-attachment-color-brokenButton-icon: var(--hsds-color-text-disabled);
		--hsds-attachment-color-downloadAll-icon: var(--hsds-color-text-disabled);
		--hsds-attachment-color-downloadAll-iconHover: var(--hsds-color-text-light);
		--hsds-attachment-color-downloadAll-backgroundHover: var(
		--hsds-color-charcoal-200
		);
		--hsds-avatar-color-initials-text: var(--hsds-color-text-light);
		--hsds-avatar-color-initials-light: var(--hsds-color-charcoal-400);
		--hsds-avatarRow-color-counter-text: var(--hsds-color-text-dark);
		--hsds-badge-color-background: var(--hsds-color-background-surface);
		--hsds-badge-color-fill-text: #ffffffff;
		--hsds-badge-color-square-text: var(--hsds-color-text-light);
		--hsds-badge-color-square-background: var(--hsds-color-charcoal-100);
		--hsds-badge-color-default: var(--hsds-color-charcoal-600);
		--hsds-badge-default: var(--hsds-color-charcoal-1000);
		--hsds-blankSlate-color-heading: var(--hsds-color-text-headline);
		--hsds-blankSlate-color-text: var(--hsds-color-text-disabled);
		--hsds-blankSlate-color-textBold: var(--hsds-color-text-default);
		--hsds-blankSlate-color-light-background: var(--hsds-color-charcoal-100);
		--hsds-blankSlate-color-light-text: var(--hsds-color-text-light);
		--hsds-blankSlate-color-light-textBold: var(--hsds-color-text-dark);
		--hsds-button-color-blue-main: var(--hsds-color-blue-500);
		--hsds-button-color-blue-hover: var(--hsds-color-blue-600);
		--hsds-button-color-blue-text: white;
		--hsds-button-color-blue-text: #ffffffff;
		--hsds-button-color-blue-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-blue-outline-border: var(--hsds-color-blue-500);
		@@ -22,3 +49,6 @@ --hsds-button-color-blue-outline-borderHover: var(--hsds-color-blue-500);
		--hsds-button-color-red-hover: var(--hsds-color-pink-1000);
		--hsds-button-color-red-text: white;
		--hsds-button-color-red-text: #ffffffff;
		--hsds-button-color-red-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-red-outline-border: var(--hsds-color-pink-900);
		@@ -35,3 +65,6 @@ --hsds-button-color-red-outline-borderHover: var(--hsds-color-pink-900);
		--hsds-button-color-green-hover: var(--hsds-color-green-800);
		--hsds-button-color-green-text: white;
		--hsds-button-color-green-text: #ffffffff;
		--hsds-button-color-green-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-green-outline-border: var(--hsds-color-green-500);
		@@ -48,3 +81,6 @@ --hsds-button-color-green-outline-borderHover: var(--hsds-color-green-500);
		--hsds-button-color-grey-hover: var(--hsds-color-charcoal-800);
		--hsds-button-color-grey-text: white;
		--hsds-button-color-grey-text: #ffffffff;
		--hsds-button-color-grey-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-grey-outline-border: var(--hsds-color-grey-700);
		@@ -61,3 +97,6 @@ --hsds-button-color-grey-outline-borderHover: var(--hsds-color-grey-800);
		--hsds-button-color-yellow-hover: var(--hsds-color-orange-700);
		--hsds-button-color-yellow-text: white;
		--hsds-button-color-yellow-text: #ffffffff;
		--hsds-button-color-yellow-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-yellow-outline-border: var(--hsds-color-yellow-400);
		@@ -75,5 +114,18 @@ --hsds-button-color-yellow-outline-borderHover: var(--hsds-color-yellow-400);
		--hsds-button-color-disabled-main: var(--hsds-color-grey-500);
		--hsds-button-color-disabled-text: white;
		--hsds-button-color-disabled-text: #ffffffff;
		--hsds-button-color-disabled-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-disabled-outline-border: var(--hsds-color-grey-600);
		--hsds-button-color-disabled-outline-text: var(--hsds-color-grey-800);
		--hsds-card-color-background: var(--hsds-color-background-surface);
		--hsds-checkmarkCard-color-text-heading: var(--hsds-color-text-dark);
		--hsds-checkmarkCard-color-text-subtitle: var(--hsds-color-text-light);
		--hsds-checkmarkCard-color-text-disabled: var(--hsds-color-text-light);
		--hsds-choice-color-disabled: var(--hsds-color-charcoal-500);
		--hsds-closeButton-color-background: var(--hsds-color-background-surface);
		--hsds-condition-color-selected-text: var(--hsds-color-text-dark);
		--hsds-copyValue-color-icon: var(--hsds-color-text-default);
		--hsds-copyValue-color-text: var(--hsds-color-text-light);
		--hsds-copyValue-color-prefix: var(--hsds-color-charcoal-500);
		--hsds-datePicker-color-range-background: var(--hsds-color-blue-200);
		@@ -83,7 +135,69 @@ --hsds-datePicker-color-range-selectedBackground: var(--hsds-color-blue-500);
		--hsds-datePicker-color-range-textHover: var(--hsds-color-blue-600);
		--hsds-datePicker-color-currentDay-background: var(--hsds-color-grey-400);
		--hsds-datePicker-color-currentDay-text: var(--hsds-color-charcoal-1000);
		--hsds-datePicker-color-deepNavigator-text: var(--hsds-color-text-dark);
		--hsds-datePicker-color-nav-text: var(--hsds-color-text-default);
		--hsds-datePicker-color-nav-disabled: var(--hsds-color-text-disabled);
		--hsds-datePicker-color-weekdays-text: var(--hsds-color-text-default);
		--hsds-datePicker-color-day-text: var(--hsds-color-text-dark);
		--hsds-datePicker-color-day-disabled: var(--hsds-color-text-disabled);
		--hsds-datePicker-color-background: var(--hsds-color-background-surface);
		--hsds-datePicker-color-current-background: var(--hsds-color-grey-300);
		--hsds-datePicker-color-current-text: var(--hsds-color-charcoal-1000);
		--hsds-dropList-color-wrapper-border: var(--hsds-color-grey-600);
		--hsds-dropList-color-wrapper-text: var(--hsds-color-grey-600);
		--hsds-dropList-color-background: var(--hsds-color-background-surface);
		--hsds-dropList-color-input-text: var(--hsds-color-charcoal-900);
		--hsds-dropList-color-listItem-text: var(--hsds-color-charcoal-1000);
		--hsds-dropList-color-listItem-disabled-text: var(--hsds-color-charcoal-650);
		--hsds-dropList-color-listItem-selected-text: #ffffffff;
		--hsds-dropList-color-listItem-selected-background: var(
		--hsds-color-blue-600
		);
		--hsds-dropList-color-listItem-highlighted-text: var(
		--hsds-color-charcoal-1100
		);
		--hsds-dropList-color-listItem-highlighted-background: var(
		--hsds-color-blue-100
		);
		--hsds-dropList-color-listItem-multiple-highlighted-text: var(
		--hsds-color-charcoal-1000
		);
		--hsds-dropList-color-selectedBadge-border: var(--hsds-color-grey-600);
		--hsds-dropList-color-selectedBadge-hover: var(--hsds-color-blue-500);
		--hsds-dropList-color-selectedBadge-disabled-border: var(
		--hsds-color-grey-600
		);
		--hsds-dropList-color-selectedBadge-disabled-shadow: var(
		--hsds-color-grey-500
		);
		--hsds-dropList-color-selectedBadge-disabled-background: var(
		--hsds-color-grey-200
		);
		--hsds-dropList-color-divider: var(--hsds-color-grey-500);
		--hsds-dropList-color-groupLabel: var(--hsds-color-charcoal-600);
		--hsds-dropList-color-togglers-navLink-text: var(--hsds-color-blue-300);
		--hsds-dropList-color-togglers-splitButton-shadowDisabled: var(
		--hsds-button-color-disabled-outline-border
		);
		--hsds-dropList-color-togglers-select-shadow: var(--hsds-color-grey-800);
		--hsds-dropList-color-togglers-select-text: var(--hsds-color-charcoal-900);
		--hsds-dropList-color-togglers-select-shadowError: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-dropList-color-togglers-select-disabled: var(
		--hsds-color-charcoal-600
		);
		--hsds-dropList-color-togglers-selectArrow-border: var(
		--hsds-color-charcoal-1000
		);
		--hsds-editableField-color-background: var(--hsds-color-background-surface);
		--hsds-emojiPicker-color-icon: var(--hsds-color-charcoal-500);
		--hsds-filteredList-color-background: var(--hsds-color-background-surface);
		--hsds-filteredList-color-item-text: var(--hsds-color-text-light);
		--hsds-filteredList-color-badge-text: var(--hsds-color-text-dark);
		--hsds-filteredList-color-separator: var(--hsds-color-charcoal-500);
		--hsds-floatingBar-color-background: var(--hsds-color-charcoal-1100);
		--hsds-floatingBar-color-button-iconDefault: var(--hsds-color-charcoal-600);
		--hsds-floatingBar-color-button-iconHover: white;
		--hsds-floatingBar-color-button-iconHover: #ffffffff;
		--hsds-floatingBar-color-button-backgroundDefault: transparent;
		@@ -94,2 +208,77 @@ --hsds-floatingBar-color-button-backgroundHover: var(
		--hsds-floatingBar-color-divider: var(--hsds-color-charcoal-800);
		--hsds-formField-color-background: var(--hsds-color-background-surface);
		--hsds-formField-color-label-text: var(--hsds-color-text-default);
		--hsds-formField-color-itemMain-text: var(--hsds-color-text-dark);
		--hsds-formField-color-itemSecondary-text: var(--hsds-color-text-light);
		--hsds-heading-color-text: var(--hsds-color-text-dark);
		--hsds-heading-color-small-text: var(--hsds-color-text-default);
		--hsds-input-color-background: var(--hsds-color-background-surface);
		--hsds-input-color-text: var(--hsds-color-text-default);
		--hsds-input-color-addOn-text: var(--hsds-color-text-dark);
		--hsds-input-color-placeholder: var(--hsds-color-text-disabled);
		--hsds-keyboardBadge-color-text: var(--hsds-color-text-default);
		--hsds-loadingDots-color-icon: var(--hsds-color-charcoal-500);
		--hsds-message-color-background: var(--hsds-color-background-surface);
		--hsds-message-color-action: var(--hsds-color-charcoal-1000);
		--hsds-message-color-bubble-text: var(--hsds-color-charcoal-1000);
		--hsds-message-color-bubble-embedBodyText: var(--hsds-color-text-default);
		--hsds-message-color-bubble-embedFromText: var(--hsds-color-text-default);
		--hsds-message-color-embed: var(--hsds-color-text-disabled);
		--hsds-message-color-media: var(--hsds-color-text-disabled);
		--hsds-messageCard-color-background: var(--hsds-color-background-surface);
		--hsds-messageCard-color-subtitle: var(--hsds-color-text-light);
		--hsds-messageCard-color-body: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-blockquote: var(--hsds-color-text-light);
		--hsds-messageCard-color-pre: var(--hsds-color-charcoal-1100);
		--hsds-messageCard-color-strong: var(--hsds-color-charcoal-1100);
		--hsds-messageCard-color-articleCard-title: var(--hsds-color-text-dark);
		--hsds-messageCard-color-articleCard-meta: var(--hsds-color-text-light);
		--hsds-messageCard-color-articleCard-content: var(--hsds-color-text-light);
		--hsds-messageCard-color-surveyNps: var(--hsds-color-text-light);
		--hsds-messageCard-color-survey-feedback: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-spinner: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-confirmation: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-multiple: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-title: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-label: var(--hsds-color-text-light);
		--hsds-messageCard-color-modal-body: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-closeButton: var(--hsds-color-text-disabled);
		--hsds-messageCard-color-modal-closeButtonHover: var(--hsds-color-text-dark);
		--hsds-messageCard-color-nps-poweredby: var(--hsds-color-text-light);
		--hsds-messageCard-color-nps-question: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-nps-feedback: var(--hsds-color-charcoal-1000);
		--hsds-modal-color-background: var(--hsds-color-background-surface);
		--hsds-modal-color-header-title: var(--hsds-color-text-default);
		--hsds-modal-color-header-description: var(--hsds-color-text-disabled);
		--hsds-nav-color-item-text: var(--hsds-color-text-disabled);
		--hsds-nav-color-item-hover: var(--hsds-color-text-light);
		--hsds-nav-color-item-active: var(--hsds-color-text-default);
		--hsds-nav-color-text: var(--hsds-color-text-default);
		--hsds-page-color-background: var(--hsds-color-background-surface);
		--hsds-pagination-color-information: var(--hsds-color-text-disabled);
		--hsds-pagination-color-range: var(--hsds-color-text-dark);
		--hsds-pagination-color-buttonOutlined: var(--hsds-color-charcoal-1000);
		--hsds-popover-color-background: var(--hsds-color-background-surface);
		--hsds-popover-color-heading: var(--hsds-color-text-disabled);
		--hsds-radioCard-color-background: var(--hsds-color-background-surface);
		--hsds-radioCard-color-icon: var(--hsds-color-text-disabled);
		--hsds-radioCard-color-checked: var(--hsds-color-text-dark);
		--hsds-radioCard-color-heading: var(--hsds-color-charcoal-1000);
		--hsds-radioCard-color-content: var(--hsds-color-text-default);
		--hsds-radioCard-color-contentWithHeading: var(--hsds-color-text-disabled);
		--hsds-scrollable-color-background: var(--hsds-color-background-surface);
		--hsds-scrollableContainer-color-background: var(
		--hsds-color-background-surface
		);
		--hsds-sidePanel-color-background: var(--hsds-color-background-surface);
		--hsds-sidePanel-color-heading: var(--hsds-color-charcoal-1000);
		--hsds-sidePanel-color-subheading: var(--hsds-color-text-disabled);
		--hsds-sidePanel-color-close: var(--hsds-color-text-light);
		--hsds-sidePanel-color-closeHover: var(--hsds-color-text-dark);
		--hsds-simpleModal-color-background: var(--hsds-color-background-surface);
		--hsds-simpleModal-color-heading: var(--hsds-color-text-headline);
		--hsds-simpleModal-color-confirmationBody: var(--hsds-color-text-dark);
		--hsds-sortable-color-dragHandler-default: var(--hsds-color-charcoal-500);
		--hsds-sortable-color-dragHandler-active: var(--hsds-color-text-light);
		--hsds-sortable-color-dragHandler-disabled: var(--hsds-color-charcoal-500);
		--hsds-statusBar-color-light-error-border: var(--hsds-color-red-300);
		@@ -107,2 +296,3 @@ --hsds-statusBar-color-light-info-border: var(--hsds-color-blue-300);
		--hsds-statusBar-color-bold-warning-button: var(--hsds-color-yellow-700);
		--hsds-statusDot-color-background: var(--hsds-color-background-surface);
		--hsds-statusDot-color-light-default: var(--hsds-color-grey-600);
		@@ -120,64 +310,23 @@ --hsds-statusDot-color-light-active: var(--hsds-color-green-500);
		--hsds-statusDot-color-dark-custom: var(--hsds-color-purple-400);
		--hsds-stepper-color-background: var(--hsds-color-background-surface);
		--hsds-switchComponent-color-error: var(--hsds-color-pink-900);
		--hsds-switchComponent-color-background: var(--hsds-color-background-surface);
		--hsds-tabBar-color-secContent: var(--hsds-color-text-disabled);
		--hsds-tabBar-color-strong: var(--hsds-color-text-dark);
		--hsds-table-color-background: var(--hsds-color-background-surface);
		--hsds-table-color-typeAction: var(--hsds-color-text-disabled);
		--hsds-table-color-sortableCell: var(--hsds-color-charcoal-1000);
		--hsds-tag-color-background: var(--hsds-color-background-surface);
		--hsds-tag-color-text: var(--hsds-color-text-dark);
		--hsds-tag-color-showAll: var(--hsds-color-text-dark);
		--hsds-tag-color-clearAll: var(--hsds-color-text-disabled);
		--hsds-tag-color-clearAllHover: var(--hsds-color-text-light);
		--hsds-timeline-color-background: var(--hsds-color-background-surface);
		--hsds-toolbar-color-background: var(--hsds-color-background-surface);
		--hsds-typingDots-color-icon: var(--hsds-color-charcoal-500);
		--hsds-verificationCode-color-error: var(--hsds-color-pink-900);
		--hsds-color-red-100: #fef7f6;
		--hsds-color-red-100-rgb: 254, 247, 246;
		--hsds-color-red-200: #ffe3e2;
		--hsds-color-red-200-rgb: 255, 227, 226;
		--hsds-color-red-300: #ffa2a2;
		--hsds-color-red-300-rgb: 255, 162, 162;
		--hsds-color-red-400: #f45b55;
		--hsds-color-red-400-rgb: 244, 91, 85;
		--hsds-color-red-500: #e52f28;
		--hsds-color-red-500-rgb: 229, 47, 40;
		--hsds-color-red-600: #d21b14;
		--hsds-color-red-600-rgb: 210, 27, 20;
		--hsds-color-red-700: #ba1f19;
		--hsds-color-red-700-rgb: 186, 31, 25;
		--hsds-color-red-800: #9d1f1a;
		--hsds-color-red-800-rgb: 157, 31, 26;
		--hsds-color-red-900: #731814;
		--hsds-color-red-900-rgb: 115, 24, 20;
		--hsds-color-red-default: var(--hsds-color-red-500);
		--hsds-color-red-accent: var(--hsds-color-red-500);
		--hsds-color-purple-100: #fbfbfe;
		--hsds-color-purple-100-rgb: 251, 251, 254;
		--hsds-color-purple-200: #eaeafc;
		--hsds-color-purple-200-rgb: 234, 234, 252;
		--hsds-color-purple-300: #d1d2f6;
		--hsds-color-purple-300-rgb: 209, 210, 246;
		--hsds-color-purple-400: #a3a4f3;
		--hsds-color-purple-400-rgb: 163, 164, 243;
		--hsds-color-purple-500: #7e80e7;
		--hsds-color-purple-500-rgb: 126, 128, 231;
		--hsds-color-purple-600: #696aca;
		--hsds-color-purple-600-rgb: 105, 106, 202;
		--hsds-color-purple-700: #585b9e;
		--hsds-color-purple-700-rgb: 88, 91, 158;
		--hsds-color-purple-800: #45467d;
		--hsds-color-purple-800-rgb: 69, 70, 125;
		--hsds-color-purple-900: #383966;
		--hsds-color-purple-900-rgb: 56, 57, 102;
		--hsds-color-purple-default: var(--hsds-color-purple-500);
		--hsds-color-purple-accent: var(--hsds-color-purple-500);
		--hsds-color-orange-100: #fff8f2;
		--hsds-color-orange-100-rgb: 255, 248, 242;
		--hsds-color-orange-200: #ffead8;
		--hsds-color-orange-200-rgb: 255, 234, 216;
		--hsds-color-orange-300: #ffd3ae;
		--hsds-color-orange-300-rgb: 255, 211, 174;
		--hsds-color-orange-400: #ffa75a;
		--hsds-color-orange-400-rgb: 255, 167, 90;
		--hsds-color-orange-500: #ff9139;
		--hsds-color-orange-500-rgb: 255, 145, 57;
		--hsds-color-orange-600: #e87800;
		--hsds-color-orange-600-rgb: 232, 120, 0;
		--hsds-color-orange-700: #c76400;
		--hsds-color-orange-700-rgb: 199, 100, 0;
		--hsds-color-orange-800: #a45300;
		--hsds-color-orange-800-rgb: 164, 83, 0;
		--hsds-color-orange-900: #813c00;
		--hsds-color-orange-900-rgb: 129, 60, 0;
		--hsds-color-orange-default: var(--hsds-color-orange-500);
		--hsds-color-orange-accent: var(--hsds-color-orange-500);
		--hsds-verificationCode-color-background: var(
		--hsds-color-background-surface
		);
		--hsds-verificationCode-color-digit: var(--hsds-color-charcoal-1000);
		--hsds-color-blue-100: #f3fbff;
		@@ -235,18 +384,2 @@ --hsds-color-blue-100-rgb: 243, 251, 255;
		--hsds-color-charcoal-accent: var(--hsds-color-charcoal-500);
		--hsds-color-ash-200: var(--hsds-color-charcoal-100);
		--hsds-color-ash-200-rgb: var(--hsds-color-charcoal-100-rgb);
		--hsds-color-ash-300: var(--hsds-color-charcoal-200);
		--hsds-color-ash-300-rgb: var(--hsds-color-charcoal-200-rgb);
		--hsds-color-ash-400: var(--hsds-color-charcoal-300);
		--hsds-color-ash-400-rgb: var(--hsds-color-charcoal-300-rgb);
		--hsds-color-ash-500: var(--hsds-color-charcoal-400);
		--hsds-color-ash-500-rgb: var(--hsds-color-charcoal-400-rgb);
		--hsds-color-ash-600: var(--hsds-color-charcoal-500);
		--hsds-color-ash-600-rgb: var(--hsds-color-charcoal-500-rgb);
		--hsds-color-ash-700: var(--hsds-color-charcoal-530);
		--hsds-color-ash-700-rgb: var(--hsds-color-charcoal-530-rgb);
		--hsds-color-ash-800: var(--hsds-color-charcoal-550);
		--hsds-color-ash-800-rgb: var(--hsds-color-charcoal-550-rgb);
		--hsds-color-ash-default: var(--hsds-color-charcoal-400);
		--hsds-color-ash-accent: var(--hsds-color-charcoal-400);
		--hsds-color-grey-200: var(--hsds-color-charcoal-100);
		@@ -268,47 +401,44 @@ --hsds-color-grey-200-rgb: var(--hsds-color-charcoal-100-rgb);
		--hsds-color-grey-accent: var(--hsds-color-charcoal-400);
		--hsds-color-yellow-50: #fffbf3;
		--hsds-color-yellow-100: #fff9ef;
		--hsds-color-yellow-100-rgb: 255, 249, 239;
		--hsds-color-yellow-200: #fff2d7;
		--hsds-color-yellow-200-rgb: 255, 242, 215;
		--hsds-color-yellow-300: #ffe7b8;
		--hsds-color-yellow-300-rgb: 255, 231, 184;
		--hsds-color-yellow-400: #fdd88e;
		--hsds-color-yellow-400-rgb: 253, 216, 142;
		--hsds-color-yellow-500: #ffc555;
		--hsds-color-yellow-500-rgb: 255, 197, 85;
		--hsds-color-yellow-600: #fab347;
		--hsds-color-yellow-600-rgb: 250, 179, 71;
		--hsds-color-yellow-700: #e89635;
		--hsds-color-yellow-700-rgb: 232, 150, 53;
		--hsds-color-yellow-800: #ce7129;
		--hsds-color-yellow-800-rgb: 206, 113, 41;
		--hsds-color-yellow-900: #b24319;
		--hsds-color-yellow-900-rgb: 178, 67, 25;
		--hsds-color-yellow-950: #84142d;
		--hsds-color-yellow-950-rgb: 132, 20, 45;
		--hsds-color-yellow-default: var(--hsds-color-yellow-500);
		--hsds-color-yellow-accent: var(--hsds-color-yellow-500);
		--hsds-color-green-100: #f5fff9;
		--hsds-color-green-100-rgb: 245, 255, 249;
		--hsds-color-green-200: #e3fbee;
		--hsds-color-green-200-rgb: 227, 251, 238;
		--hsds-color-green-300: #c2f0d7;
		--hsds-color-green-300-rgb: 194, 240, 215;
		--hsds-color-green-400: #87dbae;
		--hsds-color-green-400-rgb: 135, 219, 174;
		--hsds-color-green-500: #56c288;
		--hsds-color-green-500-rgb: 86, 194, 136;
		--hsds-color-green-600: #39ac6e;
		--hsds-color-green-600-rgb: 57, 172, 110;
		--hsds-color-green-700: #268c55;
		--hsds-color-green-700-rgb: 38, 140, 85;
		--hsds-color-green-750: #248451;
		--hsds-color-green-750-rgb: 36, 132, 81;
		--hsds-color-green-800: #106236;
		--hsds-color-green-800-rgb: 16, 98, 54;
		--hsds-color-green-900: #003c1c;
		--hsds-color-green-900-rgb: 0, 60, 28;
		--hsds-color-green-default: var(--hsds-color-green-500);
		--hsds-color-green-accent: var(--hsds-color-green-500);
		--hsds-color-indigo-100: #f2f6ff;
		--hsds-color-indigo-100-rgb: 242, 246, 255;
		--hsds-color-indigo-200: #dfe7ff;
		--hsds-color-indigo-200-rgb: 223, 231, 255;
		--hsds-color-indigo-300: #b2c8fb;
		--hsds-color-indigo-300-rgb: 178, 200, 251;
		--hsds-color-indigo-400: #79a1f8;
		--hsds-color-indigo-400-rgb: 121, 161, 248;
		--hsds-color-indigo-500: #527ceb;
		--hsds-color-indigo-500-rgb: 82, 124, 235;
		--hsds-color-indigo-600: #3b64d2;
		--hsds-color-indigo-600-rgb: 59, 100, 210;
		--hsds-color-indigo-700: #2549a8;
		--hsds-color-indigo-700-rgb: 37, 73, 168;
		--hsds-color-indigo-800: #16337f;
		--hsds-color-indigo-800-rgb: 22, 51, 127;
		--hsds-color-indigo-900: #071e57;
		--hsds-color-indigo-900-rgb: 7, 30, 87;
		--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-indigo-accent: var(--hsds-color-indigo-500);
		--hsds-color-lavender-100: #f9f9ff;
		--hsds-color-lavender-100-rgb: 249, 249, 255;
		--hsds-color-lavender-200: #ebecff;
		--hsds-color-lavender-200-rgb: 235, 236, 255;
		--hsds-color-lavender-300: #d9dcfd;
		--hsds-color-lavender-300-rgb: 217, 220, 253;
		--hsds-color-lavender-400: #b9beff;
		--hsds-color-lavender-400-rgb: 185, 190, 255;
		--hsds-color-lavender-500: #9fa6ff;
		--hsds-color-lavender-500-rgb: 159, 166, 255;
		--hsds-color-lavender-600: #818aec;
		--hsds-color-lavender-600-rgb: 129, 138, 236;
		--hsds-color-lavender-700: #6269c5;
		--hsds-color-lavender-700-rgb: 98, 105, 197;
		--hsds-color-lavender-800: #404996;
		--hsds-color-lavender-800-rgb: 64, 73, 150;
		--hsds-color-lavender-900: #232a5c;
		--hsds-color-lavender-900-rgb: 35, 42, 92;
		--hsds-color-lavender-default: var(--hsds-color-lavender-500);
		--hsds-color-lavender-accent: var(--hsds-color-lavender-500);
		--hsds-color-pink-100: #fff9fb;
		@@ -338,62 +468,51 @@ --hsds-color-pink-100-rgb: 255, 249, 251;
		--hsds-color-pink-accent: var(--hsds-color-pink-500);
		--hsds-color-lavender-100: #f9f9ff;
		--hsds-color-lavender-100-rgb: 249, 249, 255;
		--hsds-color-lavender-200: #ebecff;
		--hsds-color-lavender-200-rgb: 235, 236, 255;
		--hsds-color-lavender-300: #d9dcfd;
		--hsds-color-lavender-300-rgb: 217, 220, 253;
		--hsds-color-lavender-400: #b9beff;
		--hsds-color-lavender-400-rgb: 185, 190, 255;
		--hsds-color-lavender-500: #9fa6ff;
		--hsds-color-lavender-500-rgb: 159, 166, 255;
		--hsds-color-lavender-600: #818aec;
		--hsds-color-lavender-600-rgb: 129, 138, 236;
		--hsds-color-lavender-700: #6269c5;
		--hsds-color-lavender-700-rgb: 98, 105, 197;
		--hsds-color-lavender-800: #404996;
		--hsds-color-lavender-800-rgb: 64, 73, 150;
		--hsds-color-lavender-900: #232a5c;
		--hsds-color-lavender-900-rgb: 35, 42, 92;
		--hsds-color-lavender-default: var(--hsds-color-lavender-500);
		--hsds-color-lavender-accent: var(--hsds-color-lavender-500);
		--hsds-color-indigo-100: #f2f6ff;
		--hsds-color-indigo-100-rgb: 242, 246, 255;
		--hsds-color-indigo-200: #dfe7ff;
		--hsds-color-indigo-200-rgb: 223, 231, 255;
		--hsds-color-indigo-300: #b2c8fb;
		--hsds-color-indigo-300-rgb: 178, 200, 251;
		--hsds-color-indigo-400: #79a1f8;
		--hsds-color-indigo-400-rgb: 121, 161, 248;
		--hsds-color-indigo-500: #527ceb;
		--hsds-color-indigo-500-rgb: 82, 124, 235;
		--hsds-color-indigo-600: #3b64d2;
		--hsds-color-indigo-600-rgb: 59, 100, 210;
		--hsds-color-indigo-700: #2549a8;
		--hsds-color-indigo-700-rgb: 37, 73, 168;
		--hsds-color-indigo-800: #16337f;
		--hsds-color-indigo-800-rgb: 22, 51, 127;
		--hsds-color-indigo-900: #071e57;
		--hsds-color-indigo-900-rgb: 7, 30, 87;
		--hsds-color-indigo-default: var(--hsds-color-indigo-500);
		--hsds-color-indigo-accent: var(--hsds-color-indigo-500);
		--hsds-color-whaletail-100: #f3f7ff;
		--hsds-color-whaletail-100-rgb: 243, 247, 255;
		--hsds-color-whaletail-200: #e5edfe;
		--hsds-color-whaletail-200-rgb: 229, 237, 254;
		--hsds-color-whaletail-300: #d0defd;
		--hsds-color-whaletail-300-rgb: 208, 222, 253;
		--hsds-color-whaletail-400: #afc7f9;
		--hsds-color-whaletail-400-rgb: 175, 199, 249;
		--hsds-color-whaletail-500: #8aabf1;
		--hsds-color-whaletail-500-rgb: 138, 171, 241;
		--hsds-color-whaletail-600: #7296e1;
		--hsds-color-whaletail-600-rgb: 114, 150, 225;
		--hsds-color-whaletail-700: #5174bb;
		--hsds-color-whaletail-700-rgb: 81, 116, 187;
		--hsds-color-whaletail-800: #304f8b;
		--hsds-color-whaletail-800-rgb: 48, 79, 139;
		--hsds-color-whaletail-900: #142f5e;
		--hsds-color-whaletail-900-rgb: 20, 47, 94;
		--hsds-color-whaletail-default: var(--hsds-color-whaletail-500);
		--hsds-color-whaletail-accent: var(--hsds-color-whaletail-500);
		--hsds-color-green-100: #f5fff9;
		--hsds-color-green-100-rgb: 245, 255, 249;
		--hsds-color-green-200: #e3fbee;
		--hsds-color-green-200-rgb: 227, 251, 238;
		--hsds-color-green-300: #c2f0d7;
		--hsds-color-green-300-rgb: 194, 240, 215;
		--hsds-color-green-400: #87dbae;
		--hsds-color-green-400-rgb: 135, 219, 174;
		--hsds-color-green-500: #56c288;
		--hsds-color-green-500-rgb: 86, 194, 136;
		--hsds-color-green-600: #39ac6e;
		--hsds-color-green-600-rgb: 57, 172, 110;
		--hsds-color-green-700: #268c55;
		--hsds-color-green-700-rgb: 38, 140, 85;
		--hsds-color-green-750: #248451;
		--hsds-color-green-750-rgb: 36, 132, 81;
		--hsds-color-green-800: #106236;
		--hsds-color-green-800-rgb: 16, 98, 54;
		--hsds-color-green-900: #003c1c;
		--hsds-color-green-900-rgb: 0, 60, 28;
		--hsds-color-green-1000: #222923ff;
		--hsds-color-green-1000-rgb: 34, 41, 35;
		--hsds-color-green-accent: var(--hsds-color-green-500);
		--hsds-color-green-default: var(--hsds-color-green-500);
		--hsds-color-yellow-50: #fffbf3;
		--hsds-color-yellow-100: #fff9ef;
		--hsds-color-yellow-100-rgb: 255, 249, 239;
		--hsds-color-yellow-200: #fff2d7;
		--hsds-color-yellow-200-rgb: 255, 242, 215;
		--hsds-color-yellow-300: #ffe7b8;
		--hsds-color-yellow-300-rgb: 255, 231, 184;
		--hsds-color-yellow-400: #fdd88e;
		--hsds-color-yellow-400-rgb: 253, 216, 142;
		--hsds-color-yellow-500: #ffc555;
		--hsds-color-yellow-500-rgb: 255, 197, 85;
		--hsds-color-yellow-600: #fab347;
		--hsds-color-yellow-600-rgb: 250, 179, 71;
		--hsds-color-yellow-700: #e89635;
		--hsds-color-yellow-700-rgb: 232, 150, 53;
		--hsds-color-yellow-800: #ce7129;
		--hsds-color-yellow-800-rgb: 206, 113, 41;
		--hsds-color-yellow-900: #b24319;
		--hsds-color-yellow-900-rgb: 178, 67, 25;
		--hsds-color-yellow-950: #84142d;
		--hsds-color-yellow-950-rgb: 132, 20, 45;
		--hsds-color-yellow-1000: #2b261dff;
		--hsds-color-yellow-1000-rgb: 43, 38, 29;
		--hsds-color-yellow-accent: var(--hsds-color-yellow-500);
		--hsds-color-yellow-default: var(--hsds-color-yellow-500);
		--hsds-color-link-default: var(--hsds-color-blue-600);
		@@ -405,69 +524,2 @@ --hsds-color-link-base: var(--hsds-color-blue-600);
		--hsds-color-link-disabled: var(--hsds-color-grey-800);
		--hsds-color-text-default: currentColor;
		--hsds-color-text-subtle: var(--hsds-color-charcoal-800);
		--hsds-color-text-slightlyMuted: var(--hsds-color-charcoal-700);
		--hsds-color-text-muted: var(--hsds-color-charcoal-650);
		--hsds-color-text-faint: var(--hsds-color-charcoal-600);
		--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-danger-default: var(--hsds-color-state-error-default);
		--hsds-color-state-danger-backgroundColor: var(
		--hsds-color-state-error-backgroundColor
		);
		--hsds-color-state-danger-backgroundLight: var(
		--hsds-color-state-error-backgroundColor
		);
		--hsds-color-state-danger-backgroundDark: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-color-state-danger-borderColor: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-color-state-danger-icon: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-danger-color: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-danger-text: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-error-default: var(--hsds-color-red-500);
		--hsds-color-state-error-backgroundColor: var(--hsds-color-red-200);
		--hsds-color-state-error-backgroundLight: var(--hsds-color-red-200);
		--hsds-color-state-error-backgroundDark: var(--hsds-color-red-500);
		--hsds-color-state-error-borderColor: var(--hsds-color-red-500);
		--hsds-color-state-error-icon: var(--hsds-color-red-500);
		--hsds-color-state-error-color: var(--hsds-color-red-500);
		--hsds-color-state-error-text: var(--hsds-color-red-500);
		--hsds-color-state-info-default: var(--hsds-color-blue-500);
		--hsds-color-state-info-backgroundColor: var(--hsds-color-blue-200);
		--hsds-color-state-info-backgroundLight: var(--hsds-color-blue-200);
		--hsds-color-state-info-backgroundDark: var(
		--hsds-color-state-info-borderColor
		);
		--hsds-color-state-info-borderColor: var(--hsds-color-blue-500);
		--hsds-color-state-info-icon: var(--hsds-color-blue-500);
		--hsds-color-state-info-color: var(--hsds-color-blue-500);
		--hsds-color-state-info-text: var(--hsds-color-blue-500);
		--hsds-color-state-success-default: var(--hsds-color-green-500);
		--hsds-color-state-success-backgroundColor: var(--hsds-color-green-200);
		--hsds-color-state-success-backgroundLight: var(--hsds-color-green-200);
		--hsds-color-state-success-backgroundDark: var(
		--hsds-color-state-success-borderColor
		);
		--hsds-color-state-success-borderColor: var(--hsds-color-green-500);
		--hsds-color-state-success-icon: var(--hsds-color-green-500);
		--hsds-color-state-success-color: var(--hsds-color-green-500);
		--hsds-color-state-success-text: var(--hsds-color-green-500);
		--hsds-color-state-warning-default: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-backgroundColor: var(--hsds-color-yellow-200);
		--hsds-color-state-warning-backgroundLight: var(--hsds-color-yellow-200);
		--hsds-color-state-warning-backgroundDark: var(
		--hsds-color-state-warning-borderColor
		);
		--hsds-color-state-warning-borderColor: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-icon: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-color: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-text: var(--hsds-color-yellow-500);
		--hsds-color-button-border: #d5d5d5;
		--hsds-color-button-hover: #e6e6e6;
		--hsds-color-button-active: #b6b6b6;
		--hsds-color-focusRing-default-innerColor: var(--hsds-color-blue-500);
		@@ -513,2 +565,295 @@ --hsds-color-focusRing-default-outerColor: var(--hsds-color-blue-500);
		);
		--hsds-color-text-default: currentColor;
		--hsds-color-text-headline: var(--hsds-color-charcoal-1200);
		--hsds-color-text-dark: var(--hsds-color-charcoal-900);
		--hsds-color-text-light: var(--hsds-color-charcoal-700);
		--hsds-color-text-disabled: var(--hsds-color-charcoal-600);
		--hsds-color-text-subtle: var(--hsds-color-charcoal-800);
		--hsds-color-text-slightlyMuted: var(--hsds-color-charcoal-700);
		--hsds-color-text-muted: var(--hsds-color-charcoal-650);
		--hsds-color-text-faint: var(--hsds-color-charcoal-600);
		--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-500);
		--hsds-color-state-error-backgroundDark: var(--hsds-color-red-500);
		--hsds-color-state-error-icon: var(--hsds-color-red-500);
		--hsds-color-state-error-borderColor: var(--hsds-color-red-500);
		--hsds-color-state-error-backgroundLight: var(--hsds-color-red-200);
		--hsds-color-state-error-default: var(--hsds-color-red-500);
		--hsds-color-state-error-color: var(--hsds-color-red-500);
		--hsds-color-state-error-backgroundColor: var(--hsds-color-red-200);
		--hsds-color-state-info-text: var(--hsds-color-blue-500);
		--hsds-color-state-info-backgroundDark: var(
		--hsds-color-state-info-borderColor
		);
		--hsds-color-state-info-icon: var(--hsds-color-blue-500);
		--hsds-color-state-info-borderColor: var(--hsds-color-blue-500);
		--hsds-color-state-info-backgroundLight: var(--hsds-color-blue-200);
		--hsds-color-state-info-default: var(--hsds-color-blue-500);
		--hsds-color-state-info-color: var(--hsds-color-blue-500);
		--hsds-color-state-info-backgroundColor: var(--hsds-color-blue-200);
		--hsds-color-state-success-text: var(--hsds-color-green-500);
		--hsds-color-state-success-backgroundDark: var(
		--hsds-color-state-success-borderColor
		);
		--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-200);
		--hsds-color-state-success-default: var(--hsds-color-green-500);
		--hsds-color-state-success-color: var(--hsds-color-green-500);
		--hsds-color-state-success-backgroundColor: var(--hsds-color-green-200);
		--hsds-color-state-warning-text: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-backgroundDark: var(
		--hsds-color-state-warning-borderColor
		);
		--hsds-color-state-warning-icon: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-borderColor: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-backgroundLight: var(--hsds-color-yellow-200);
		--hsds-color-state-warning-color: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-default: var(--hsds-color-yellow-500);
		--hsds-color-state-warning-backgroundColor: var(--hsds-color-yellow-200);
		--hsds-color-state-danger-default: var(--hsds-color-state-error-default);
		--hsds-color-state-danger-backgroundLight: var(
		--hsds-color-state-error-backgroundColor
		);
		--hsds-color-state-danger-backgroundDark: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-color-state-danger-borderColor: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-color-state-danger-color: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-danger-text: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-danger-icon: var(--hsds-color-state-error-borderColor);
		--hsds-color-state-danger-backgroundColor: var(
		--hsds-color-state-error-backgroundColor
		);
		--hsds-color-background-surface: #ffffffff;
		--hsds-color-background-body: var(--hsds-color-grey-300);
		--hsds-color-red-100: #fef7f6;
		--hsds-color-red-100-rgb: 254, 247, 246;
		--hsds-color-red-200: #ffe3e2;
		--hsds-color-red-200-rgb: 255, 227, 226;
		--hsds-color-red-300: #ffa2a2;
		--hsds-color-red-300-rgb: 255, 162, 162;
		--hsds-color-red-400: #f45b55;
		--hsds-color-red-400-rgb: 244, 91, 85;
		--hsds-color-red-500: #e52f28;
		--hsds-color-red-500-rgb: 229, 47, 40;
		--hsds-color-red-600: #d21b14;
		--hsds-color-red-600-rgb: 210, 27, 20;
		--hsds-color-red-700: #ba1f19;
		--hsds-color-red-700-rgb: 186, 31, 25;
		--hsds-color-red-800: #9d1f1a;
		--hsds-color-red-800-rgb: 157, 31, 26;
		--hsds-color-red-900: #731814;
		--hsds-color-red-900-rgb: 115, 24, 20;
		--hsds-color-red-1000: #2b2123ff;
		--hsds-color-red-1000-rgb: 43, 33, 35;
		--hsds-color-red-accent: var(--hsds-color-red-500);
		--hsds-color-red-default: var(--hsds-color-red-500);
		--hsds-color-orange-100: #fff8f2;
		--hsds-color-orange-100-rgb: 255, 248, 242;
		--hsds-color-orange-200: #ffead8;
		--hsds-color-orange-200-rgb: 255, 234, 216;
		--hsds-color-orange-300: #ffd3ae;
		--hsds-color-orange-300-rgb: 255, 211, 174;
		--hsds-color-orange-400: #ffa75a;
		--hsds-color-orange-400-rgb: 255, 167, 90;
		--hsds-color-orange-500: #ff9139;
		--hsds-color-orange-500-rgb: 255, 145, 57;
		--hsds-color-orange-600: #e87800;
		--hsds-color-orange-600-rgb: 232, 120, 0;
		--hsds-color-orange-700: #c76400;
		--hsds-color-orange-700-rgb: 199, 100, 0;
		--hsds-color-orange-800: #a45300;
		--hsds-color-orange-800-rgb: 164, 83, 0;
		--hsds-color-orange-900: #813c00;
		--hsds-color-orange-900-rgb: 129, 60, 0;
		--hsds-color-orange-1000: #2b241dff;
		--hsds-color-orange-1000-rgb: 43, 36, 29;
		--hsds-color-orange-accent: var(--hsds-color-orange-500);
		--hsds-color-orange-default: var(--hsds-color-orange-500);
		--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: #fbfbfe;
		--hsds-color-purple-100-rgb: 251, 251, 254;
		--hsds-color-purple-200: #eaeafc;
		--hsds-color-purple-200-rgb: 234, 234, 252;
		--hsds-color-purple-300: #d1d2f6;
		--hsds-color-purple-300-rgb: 209, 210, 246;
		--hsds-color-purple-400: #a3a4f3;
		--hsds-color-purple-400-rgb: 163, 164, 243;
		--hsds-color-purple-500: #7e80e7;
		--hsds-color-purple-500-rgb: 126, 128, 231;
		--hsds-color-purple-600: #696aca;
		--hsds-color-purple-600-rgb: 105, 106, 202;
		--hsds-color-purple-700: #585b9e;
		--hsds-color-purple-700-rgb: 88, 91, 158;
		--hsds-color-purple-800: #45467d;
		--hsds-color-purple-800-rgb: 69, 70, 125;
		--hsds-color-purple-900: #383966;
		--hsds-color-purple-900-rgb: 56, 57, 102;
		--hsds-color-purple-1000: #271f2eff;
		--hsds-color-purple-1000-rgb: 39, 31, 46;
		--hsds-color-purple-accent: var(--hsds-color-purple-500);
		--hsds-color-purple-default: var(--hsds-color-purple-500);
		--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-color-ash-200: var(--hsds-color-charcoal-100);
		--hsds-color-ash-200-rgb: var(--hsds-color-charcoal-100-rgb);
		--hsds-color-ash-300: var(--hsds-color-charcoal-200);
		--hsds-color-ash-300-rgb: var(--hsds-color-charcoal-200-rgb);
		--hsds-color-ash-400: var(--hsds-color-charcoal-300);
		--hsds-color-ash-400-rgb: var(--hsds-color-charcoal-300-rgb);
		--hsds-color-ash-500: var(--hsds-color-charcoal-400);
		--hsds-color-ash-500-rgb: var(--hsds-color-charcoal-400-rgb);
		--hsds-color-ash-600: var(--hsds-color-charcoal-500);
		--hsds-color-ash-600-rgb: var(--hsds-color-charcoal-500-rgb);
		--hsds-color-ash-700: var(--hsds-color-charcoal-530);
		--hsds-color-ash-700-rgb: var(--hsds-color-charcoal-530-rgb);
		--hsds-color-ash-800: var(--hsds-color-charcoal-550);
		--hsds-color-ash-800-rgb: var(--hsds-color-charcoal-550-rgb);
		--hsds-color-ash-default: var(--hsds-color-charcoal-400);
		--hsds-color-ash-accent: var(--hsds-color-charcoal-400);
		--hsds-color-whaletail-100: #f3f7ff;
		--hsds-color-whaletail-100-rgb: 243, 247, 255;
		--hsds-color-whaletail-200: #e5edfe;
		--hsds-color-whaletail-200-rgb: 229, 237, 254;
		--hsds-color-whaletail-300: #d0defd;
		--hsds-color-whaletail-300-rgb: 208, 222, 253;
		--hsds-color-whaletail-400: #afc7f9;
		--hsds-color-whaletail-400-rgb: 175, 199, 249;
		--hsds-color-whaletail-500: #8aabf1;
		--hsds-color-whaletail-500-rgb: 138, 171, 241;
		--hsds-color-whaletail-600: #7296e1;
		--hsds-color-whaletail-600-rgb: 114, 150, 225;
		--hsds-color-whaletail-700: #5174bb;
		--hsds-color-whaletail-700-rgb: 81, 116, 187;
		--hsds-color-whaletail-800: #304f8b;
		--hsds-color-whaletail-800-rgb: 48, 79, 139;
		--hsds-color-whaletail-900: #142f5e;
		--hsds-color-whaletail-900-rgb: 20, 47, 94;
		--hsds-color-whaletail-default: var(--hsds-color-whaletail-500);
		--hsds-color-whaletail-accent: var(--hsds-color-whaletail-500);
		--hsds-color-button-border: #d5d5d5;
		--hsds-color-button-hover: #e6e6e6;
		--hsds-color-button-active: #b6b6b6;
		--hsds-font-family: 'Aktiv Grotesk', 'Segoe UI', Helvetica, Arial, sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--hsds-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
		Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--hsds-font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,
		Courier, monospace;
		--hsds-font-size: 13px;
		--hsds-measure-focusRing-innerBoxShadowSize: 1px;
		@@ -515,0 +860,0 @@ --hsds-measure-focusRing-outerBoxShadowSize: 2px;

src/js/default/switchComponent.js

		export const switchComponent = {
		color: {
		error: '#F23459',
		background: '#ffffffff',
		},
		}

src/js/default/verificationCode.js

		export const verificationCode = {
		color: {
		error: '#F23459',
		background: '#ffffffff',
		digit: '#253642',
		},
		}

src/js/newBrand/attachment.js

		export const attachment = {
		color: {
		background: '#ffffffff',
		removeButton: {
		@@ -8,3 +9,12 @@ hover: '#822824ff',
		error: '#b83525ff',
		brokenButton: {
		text: '#556575ff',
		icon: '#7e8e9eff',
		},
		downloadAll: {
		icon: '#7e8e9eff',
		iconHover: '#556575ff',
		backgroundHover: '#f1f3f5ff',
		},
		},
		}

src/js/newBrand/badge.js

		export const badge = {
		color: {
		default: '#253642ff',
		background: '#ffffffff',
		fill: {
		text: '#ffffffff',
		},
		square: {
		text: '#556575ff',
		background: '#f9fafaff',
		},
		},
		default: '#253642ff',
		}

src/js/newBrand/button.js

		@@ -6,4 +6,5 @@ export const button = {
		hover: '#263aadff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#4176faff',
		@@ -21,4 +22,5 @@ borderHover: '#4176faff',
		hover: '#822824ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#e54a32ff',
		@@ -36,4 +38,5 @@ borderHover: '#e54a32ff',
		hover: '#283b2dff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#47c47dff',
		@@ -51,4 +54,5 @@ borderHover: '#47c47dff',
		hover: '#405261ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#c8d3deff',
		@@ -66,4 +70,5 @@ borderHover: '#abb9c7ff',
		hover: '#7a4518ff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#fabf5aff',
		@@ -80,4 +85,5 @@ borderHover: '#fabf5aff',
		main: '#c8d3deff',
		text: 'white',
		text: '#ffffffff',
		outline: {
		background: '#ffffffff',
		border: '#abb9c7ff',
		@@ -84,0 +90,0 @@ text: '#abb9c7ff',

src/js/newBrand/color.js

		@@ -144,2 +144,6 @@ export const color = {
		default: '#405261ff',
		headline: '#131b24ff',
		dark: '#314351ff',
		light: '#556575ff',
		disabled: '#7e8e9eff',
		subtle: '#405261ff',
		@@ -206,2 +210,6 @@ slightlyMuted: '#556575ff',
		},
		background: {
		surface: '#ffffffff',
		body: '#f1f3f5ff',
		},
		red: {
		@@ -208,0 +216,0 @@ 100: '#fff0e8ff',

src/js/newBrand/datePicker.js

		@@ -9,7 +9,22 @@ export const datePicker = {
		},
		current: {
		currentDay: {
		background: '#dfe6ebff',
		text: '#253642ff',
		},
		deepNavigator: {
		text: '#314351ff',
		},
		nav: {
		text: '#405261ff',
		disabled: '#7e8e9eff',
		},
		weekdays: {
		text: '#405261ff',
		},
		day: {
		text: '#314351ff',
		disabled: '#7e8e9eff',
		},
		background: '#ffffffff',
		},
		}

src/js/newBrand/floatingBar.js

		@@ -6,3 +6,3 @@ export const floatingBar = {
		iconDefault: '#7e8e9eff',
		iconHover: 'white',
		iconHover: '#ffffffff',
		backgroundDefault: 'transparent',
		@@ -9,0 +9,0 @@ backgroundHover: 'transparent',

src/js/newBrand/index.js

		@@ -0,27 +1,107 @@
		import { accordion } from './accordion'
		import { attachment } from './attachment'
		import { avatar } from './avatar'
		import { avatarRow } from './avatarRow'
		import { badge } from './badge'
		import { blankSlate } from './blankSlate'
		import { button } from './button'
		import { card } from './card'
		import { checkmarkCard } from './checkmarkCard'
		import { choice } from './choice'
		import { closeButton } from './closeButton'
		import { color } from './color'
		import { condition } from './condition'
		import { copyValue } from './copyValue'
		import { datePicker } from './datePicker'
		import { dropList } from './dropList'
		import { editableField } from './editableField'
		import { emojiPicker } from './emojiPicker'
		import { filteredList } from './filteredList'
		import { floatingBar } from './floatingBar'
		import { font } from './font'
		import { formField } from './formField'
		import { heading } from './heading'
		import { input } from './input'
		import { keyboardBadge } from './keyboardBadge'
		import { loadingDots } from './loadingDots'
		import { measure } from './measure'
		import { message } from './message'
		import { messageCard } from './messageCard'
		import { modal } from './modal'
		import { nav } from './nav'
		import { page } from './page'
		import { pagination } from './pagination'
		import { popover } from './popover'
		import { radioCard } from './radioCard'
		import { scrollable } from './scrollable'
		import { scrollableContainer } from './scrollableContainer'
		import { sidePanel } from './sidePanel'
		import { simpleModal } from './simpleModal'
		import { sortable } from './sortable'
		import { statusBar } from './statusBar'
		import { statusDot } from './statusDot'
		import { stepper } from './stepper'
		import { tokens } from './styled-components'
		import { switchComponent } from './switchComponent'
		import { tabBar } from './tabBar'
		import { table } from './table'
		import { tag } from './tag'
		import { timeline } from './timeline'
		import { toolbar } from './toolbar'
		import { typingDots } from './typingDots'
		import { verificationCode } from './verificationCode'

		export default {
		accordion,
		attachment,
		avatar,
		avatarRow,
		badge,
		blankSlate,
		button,
		card,
		checkmarkCard,
		choice,
		closeButton,
		condition,
		copyValue,
		datePicker,
		dropList,
		editableField,
		emojiPicker,
		filteredList,
		floatingBar,
		formField,
		heading,
		input,
		keyboardBadge,
		loadingDots,
		message,
		messageCard,
		modal,
		nav,
		page,
		pagination,
		popover,
		radioCard,
		scrollable,
		scrollableContainer,
		sidePanel,
		simpleModal,
		sortable,
		statusBar,
		statusDot,
		stepper,
		switchComponent,
		tabBar,
		table,
		tag,
		timeline,
		toolbar,
		typingDots,
		verificationCode,
		color,
		font,
		measure,
		tokens,
		}

src/js/newBrand/statusDot.js

		export const statusDot = {
		color: {
		background: '#ffffffff',
		light: {
		@@ -4,0 +5,0 @@ default: '#82a7baff',

249

src/js/newBrand/styled-components.js

		import { css } from 'styled-components'

		export const tokens = css`
		--hsds-accordion-color-background: var(--hsds-color-background-surface);
		--hsds-accordion-color-text-default: var(--hsds-color-text-default);
		--hsds-attachment-color-background: var(--hsds-color-background-surface);
		--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-1000);
		--hsds-attachment-color-brokenButton-text: var(--hsds-color-text-light);
		--hsds-attachment-color-brokenButton-icon: var(--hsds-color-text-disabled);
		--hsds-attachment-color-downloadAll-icon: var(--hsds-color-text-disabled);
		--hsds-attachment-color-downloadAll-iconHover: var(--hsds-color-text-light);
		--hsds-attachment-color-downloadAll-backgroundHover: var(
		--hsds-color-charcoal-200
		);
		--hsds-avatar-color-initials-text: var(--hsds-color-text-light);
		--hsds-avatar-color-initials-light: var(--hsds-color-charcoal-400);
		--hsds-avatarRow-color-counter-text: var(--hsds-color-text-dark);
		--hsds-badge-color-background: var(--hsds-color-background-surface);
		--hsds-badge-color-fill-text: #ffffffff;
		--hsds-badge-color-square-text: var(--hsds-color-text-light);
		--hsds-badge-color-square-background: var(--hsds-color-charcoal-100);
		--hsds-badge-default: var(--hsds-color-charcoal-1000);
		--hsds-blankSlate-color-heading: var(--hsds-color-text-headline);
		--hsds-blankSlate-color-text: var(--hsds-color-text-disabled);
		--hsds-blankSlate-color-textBold: var(--hsds-color-text-default);
		--hsds-blankSlate-color-light-background: var(--hsds-color-charcoal-100);
		--hsds-blankSlate-color-light-text: var(--hsds-color-text-light);
		--hsds-blankSlate-color-light-textBold: var(--hsds-color-text-dark);
		--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-text: #ffffffff;
		--hsds-button-color-blue-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-blue-outline-border: var(--hsds-color-cobalt-500);
		@@ -22,3 +48,6 @@ --hsds-button-color-blue-outline-borderHover: var(--hsds-color-cobalt-500);
		--hsds-button-color-red-hover: var(--hsds-color-red-700);
		--hsds-button-color-red-text: white;
		--hsds-button-color-red-text: #ffffffff;
		--hsds-button-color-red-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-red-outline-border: var(--hsds-color-red-500);
		@@ -33,3 +62,6 @@ --hsds-button-color-red-outline-borderHover: var(--hsds-color-red-500);
		--hsds-button-color-green-hover: var(--hsds-color-green-900);
		--hsds-button-color-green-text: white;
		--hsds-button-color-green-text: #ffffffff;
		--hsds-button-color-green-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-green-outline-border: var(--hsds-color-green-500);
		@@ -46,3 +78,6 @@ --hsds-button-color-green-outline-borderHover: var(--hsds-color-green-500);
		--hsds-button-color-grey-hover: var(--hsds-color-charcoal-800);
		--hsds-button-color-grey-text: white;
		--hsds-button-color-grey-text: #ffffffff;
		--hsds-button-color-grey-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-grey-outline-border: var(--hsds-color-grey-500);
		@@ -59,3 +94,6 @@ --hsds-button-color-grey-outline-borderHover: var(--hsds-color-grey-600);
		--hsds-button-color-yellow-hover: var(--hsds-color-orange-700);
		--hsds-button-color-yellow-text: white;
		--hsds-button-color-yellow-text: #ffffffff;
		--hsds-button-color-yellow-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-yellow-outline-border: var(--hsds-color-yellow-400);
		@@ -73,5 +111,18 @@ --hsds-button-color-yellow-outline-borderHover: var(--hsds-color-yellow-400);
		--hsds-button-color-disabled-main: var(--hsds-color-grey-500);
		--hsds-button-color-disabled-text: white;
		--hsds-button-color-disabled-text: #ffffffff;
		--hsds-button-color-disabled-outline-background: var(
		--hsds-color-background-surface
		);
		--hsds-button-color-disabled-outline-border: var(--hsds-color-grey-600);
		--hsds-button-color-disabled-outline-text: var(--hsds-color-grey-800);
		--hsds-card-color-background: var(--hsds-color-background-surface);
		--hsds-checkmarkCard-color-text-heading: var(--hsds-color-text-dark);
		--hsds-checkmarkCard-color-text-subtitle: var(--hsds-color-text-light);
		--hsds-checkmarkCard-color-text-disabled: var(--hsds-color-text-light);
		--hsds-choice-color-disabled: var(--hsds-color-charcoal-500);
		--hsds-closeButton-color-background: var(--hsds-color-background-surface);
		--hsds-condition-color-selected-text: var(--hsds-color-text-dark);
		--hsds-copyValue-color-icon: var(--hsds-color-text-default);
		--hsds-copyValue-color-text: var(--hsds-color-text-light);
		--hsds-copyValue-color-prefix: var(--hsds-color-charcoal-500);
		--hsds-datePicker-color-range-background: var(--hsds-color-cobalt-100);
		@@ -83,10 +134,145 @@ --hsds-datePicker-color-range-selectedBackground: var(
		--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-1000);
		--hsds-datePicker-color-currentDay-background: var(--hsds-color-grey-400);
		--hsds-datePicker-color-currentDay-text: var(--hsds-color-charcoal-1000);
		--hsds-datePicker-color-deepNavigator-text: var(--hsds-color-text-dark);
		--hsds-datePicker-color-nav-text: var(--hsds-color-text-default);
		--hsds-datePicker-color-nav-disabled: var(--hsds-color-text-disabled);
		--hsds-datePicker-color-weekdays-text: var(--hsds-color-text-default);
		--hsds-datePicker-color-day-text: var(--hsds-color-text-dark);
		--hsds-datePicker-color-day-disabled: var(--hsds-color-text-disabled);
		--hsds-datePicker-color-background: var(--hsds-color-background-surface);
		--hsds-dropList-color-wrapper-border: var(--hsds-color-grey-600);
		--hsds-dropList-color-wrapper-text: var(--hsds-color-grey-600);
		--hsds-dropList-color-background: var(--hsds-color-background-surface);
		--hsds-dropList-color-input-text: var(--hsds-color-charcoal-900);
		--hsds-dropList-color-listItem-text: var(--hsds-color-charcoal-1000);
		--hsds-dropList-color-listItem-disabled-text: var(--hsds-color-charcoal-650);
		--hsds-dropList-color-listItem-selected-text: #ffffffff;
		--hsds-dropList-color-listItem-selected-background: var(
		--hsds-color-blue-600
		);
		--hsds-dropList-color-listItem-highlighted-text: var(
		--hsds-color-charcoal-1100
		);
		--hsds-dropList-color-listItem-highlighted-background: var(
		--hsds-color-blue-100
		);
		--hsds-dropList-color-listItem-multiple-highlighted-text: var(
		--hsds-color-charcoal-1000
		);
		--hsds-dropList-color-selectedBadge-border: var(--hsds-color-grey-600);
		--hsds-dropList-color-selectedBadge-hover: var(--hsds-color-blue-500);
		--hsds-dropList-color-selectedBadge-disabled-border: var(
		--hsds-color-grey-600
		);
		--hsds-dropList-color-selectedBadge-disabled-shadow: var(
		--hsds-color-grey-500
		);
		--hsds-dropList-color-selectedBadge-disabled-background: var(
		--hsds-color-grey-200
		);
		--hsds-dropList-color-divider: var(--hsds-color-grey-500);
		--hsds-dropList-color-groupLabel: var(--hsds-color-charcoal-600);
		--hsds-dropList-color-togglers-navLink-text: var(--hsds-color-blue-300);
		--hsds-dropList-color-togglers-splitButton-shadowDisabled: var(
		--hsds-button-color-disabled-outline-border
		);
		--hsds-dropList-color-togglers-select-shadow: var(--hsds-color-grey-800);
		--hsds-dropList-color-togglers-select-text: var(--hsds-color-charcoal-900);
		--hsds-dropList-color-togglers-select-shadowError: var(
		--hsds-color-state-error-borderColor
		);
		--hsds-dropList-color-togglers-select-disabled: var(
		--hsds-color-charcoal-600
		);
		--hsds-dropList-color-togglers-selectArrow-border: var(
		--hsds-color-charcoal-1000
		);
		--hsds-editableField-color-background: var(--hsds-color-background-surface);
		--hsds-emojiPicker-color-icon: var(--hsds-color-charcoal-500);
		--hsds-filteredList-color-background: var(--hsds-color-background-surface);
		--hsds-filteredList-color-item-text: var(--hsds-color-text-light);
		--hsds-filteredList-color-badge-text: var(--hsds-color-text-dark);
		--hsds-filteredList-color-separator: var(--hsds-color-charcoal-500);
		--hsds-floatingBar-color-background: var(--hsds-color-charcoal-1200);
		--hsds-floatingBar-color-button-iconDefault: var(--hsds-color-charcoal-600);
		--hsds-floatingBar-color-button-iconHover: white;
		--hsds-floatingBar-color-button-iconHover: #ffffffff;
		--hsds-floatingBar-color-button-backgroundDefault: transparent;
		--hsds-floatingBar-color-button-backgroundHover: transparent;
		--hsds-floatingBar-color-divider: var(--hsds-color-charcoal-900);
		--hsds-formField-color-background: var(--hsds-color-background-surface);
		--hsds-formField-color-label-text: var(--hsds-color-text-default);
		--hsds-formField-color-itemMain-text: var(--hsds-color-text-dark);
		--hsds-formField-color-itemSecondary-text: var(--hsds-color-text-light);
		--hsds-heading-color-text: var(--hsds-color-text-dark);
		--hsds-heading-color-small-text: var(--hsds-color-text-default);
		--hsds-input-color-background: var(--hsds-color-background-surface);
		--hsds-input-color-text: var(--hsds-color-text-default);
		--hsds-input-color-addOn-text: var(--hsds-color-text-dark);
		--hsds-input-color-placeholder: var(--hsds-color-text-disabled);
		--hsds-keyboardBadge-color-text: var(--hsds-color-text-default);
		--hsds-loadingDots-color-icon: var(--hsds-color-charcoal-500);
		--hsds-message-color-background: var(--hsds-color-background-surface);
		--hsds-message-color-action: var(--hsds-color-charcoal-1000);
		--hsds-message-color-bubble-text: var(--hsds-color-charcoal-1000);
		--hsds-message-color-bubble-embedBodyText: var(--hsds-color-text-default);
		--hsds-message-color-bubble-embedFromText: var(--hsds-color-text-default);
		--hsds-message-color-embed: var(--hsds-color-text-disabled);
		--hsds-message-color-media: var(--hsds-color-text-disabled);
		--hsds-messageCard-color-background: var(--hsds-color-background-surface);
		--hsds-messageCard-color-subtitle: var(--hsds-color-text-light);
		--hsds-messageCard-color-body: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-blockquote: var(--hsds-color-text-light);
		--hsds-messageCard-color-pre: var(--hsds-color-charcoal-1100);
		--hsds-messageCard-color-strong: var(--hsds-color-charcoal-1100);
		--hsds-messageCard-color-articleCard-title: var(--hsds-color-text-dark);
		--hsds-messageCard-color-articleCard-meta: var(--hsds-color-text-light);
		--hsds-messageCard-color-articleCard-content: var(--hsds-color-text-light);
		--hsds-messageCard-color-surveyNps: var(--hsds-color-text-light);
		--hsds-messageCard-color-survey-feedback: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-spinner: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-confirmation: var(--hsds-color-text-default);
		--hsds-messageCard-color-survey-multiple: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-title: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-label: var(--hsds-color-text-light);
		--hsds-messageCard-color-modal-body: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-modal-closeButton: var(--hsds-color-text-disabled);
		--hsds-messageCard-color-modal-closeButtonHover: var(--hsds-color-text-dark);
		--hsds-messageCard-color-nps-poweredby: var(--hsds-color-text-light);
		--hsds-messageCard-color-nps-question: var(--hsds-color-charcoal-1000);
		--hsds-messageCard-color-nps-feedback: var(--hsds-color-charcoal-1000);
		--hsds-modal-color-background: var(--hsds-color-background-surface);
		--hsds-modal-color-header-title: var(--hsds-color-text-default);
		--hsds-modal-color-header-description: var(--hsds-color-text-disabled);
		--hsds-nav-color-item-text: var(--hsds-color-text-disabled);
		--hsds-nav-color-item-hover: var(--hsds-color-text-light);
		--hsds-nav-color-item-active: var(--hsds-color-text-default);
		--hsds-nav-color-text: var(--hsds-color-text-default);
		--hsds-page-color-background: var(--hsds-color-background-surface);
		--hsds-pagination-color-information: var(--hsds-color-text-disabled);
		--hsds-pagination-color-range: var(--hsds-color-text-dark);
		--hsds-pagination-color-buttonOutlined: var(--hsds-color-charcoal-1000);
		--hsds-popover-color-background: var(--hsds-color-background-surface);
		--hsds-popover-color-heading: var(--hsds-color-text-disabled);
		--hsds-radioCard-color-background: var(--hsds-color-background-surface);
		--hsds-radioCard-color-icon: var(--hsds-color-text-disabled);
		--hsds-radioCard-color-checked: var(--hsds-color-text-dark);
		--hsds-radioCard-color-heading: var(--hsds-color-charcoal-1000);
		--hsds-radioCard-color-content: var(--hsds-color-text-default);
		--hsds-radioCard-color-contentWithHeading: var(--hsds-color-text-disabled);
		--hsds-scrollable-color-background: var(--hsds-color-background-surface);
		--hsds-scrollableContainer-color-background: var(
		--hsds-color-background-surface
		);
		--hsds-sidePanel-color-background: var(--hsds-color-background-surface);
		--hsds-sidePanel-color-heading: var(--hsds-color-charcoal-1000);
		--hsds-sidePanel-color-subheading: var(--hsds-color-text-disabled);
		--hsds-sidePanel-color-close: var(--hsds-color-text-light);
		--hsds-sidePanel-color-closeHover: var(--hsds-color-text-dark);
		--hsds-simpleModal-color-background: var(--hsds-color-background-surface);
		--hsds-simpleModal-color-heading: var(--hsds-color-text-headline);
		--hsds-simpleModal-color-confirmationBody: var(--hsds-color-text-dark);
		--hsds-sortable-color-dragHandler-default: var(--hsds-color-charcoal-500);
		--hsds-sortable-color-dragHandler-active: var(--hsds-color-text-light);
		--hsds-sortable-color-dragHandler-disabled: var(--hsds-color-charcoal-500);
		--hsds-statusBar-color-light-error-border: var(--hsds-color-red-200);
		@@ -104,2 +290,3 @@ --hsds-statusBar-color-light-info-border: var(--hsds-color-cobalt-200);
		--hsds-statusBar-color-bold-warning-button: var(--hsds-color-orange-700);
		--hsds-statusDot-color-background: var(--hsds-color-background-surface);
		--hsds-statusDot-color-light-default: var(--hsds-color-slate-500);
		@@ -117,4 +304,23 @@ --hsds-statusDot-color-light-active: var(--hsds-color-green-500);
		--hsds-statusDot-color-dark-custom: var(--hsds-color-purple-accent);
		--hsds-stepper-color-background: var(--hsds-color-background-surface);
		--hsds-switchComponent-color-error: var(--hsds-color-state-error-default);
		--hsds-switchComponent-color-background: var(--hsds-color-background-surface);
		--hsds-tabBar-color-secContent: var(--hsds-color-text-disabled);
		--hsds-tabBar-color-strong: var(--hsds-color-text-dark);
		--hsds-table-color-background: var(--hsds-color-background-surface);
		--hsds-table-color-typeAction: var(--hsds-color-text-disabled);
		--hsds-table-color-sortableCell: var(--hsds-color-charcoal-1000);
		--hsds-tag-color-background: var(--hsds-color-background-surface);
		--hsds-tag-color-text: var(--hsds-color-text-dark);
		--hsds-tag-color-showAll: var(--hsds-color-text-dark);
		--hsds-tag-color-clearAll: var(--hsds-color-text-disabled);
		--hsds-tag-color-clearAllHover: var(--hsds-color-text-light);
		--hsds-timeline-color-background: var(--hsds-color-background-surface);
		--hsds-toolbar-color-background: var(--hsds-color-background-surface);
		--hsds-typingDots-color-icon: var(--hsds-color-charcoal-500);
		--hsds-verificationCode-color-error: var(--hsds-color-state-error-default);
		--hsds-verificationCode-color-background: var(
		--hsds-color-background-surface
		);
		--hsds-verificationCode-color-digit: var(--hsds-color-charcoal-1000);
		--hsds-color-blue-100: var(--hsds-color-cobalt-100);
		@@ -343,7 +549,11 @@ --hsds-color-blue-100-rgb: var(--hsds-color-cobalt-100-rgb);
		--hsds-color-text-default: var(--hsds-color-charcoal-800);
		--hsds-color-text-subtle: var(--hsds-color-charcoal-800);
		--hsds-color-text-slightlyMuted: var(--hsds-color-charcoal-700);
		--hsds-color-text-muted: var(--hsds-color-charcoal-700);
		--hsds-color-text-faint: var(--hsds-color-charcoal-600);
		--hsds-color-text-extraMuted: var(--hsds-color-grey-600);
		--hsds-color-text-headline: var(--hsds-color-charcoal-1200);
		--hsds-color-text-dark: var(--hsds-color-charcoal-900);
		--hsds-color-text-light: var(--hsds-color-charcoal-700);
		--hsds-color-text-disabled: var(--hsds-color-charcoal-600);
		--hsds-color-text-subtle: var(--hsds-color-text-default);
		--hsds-color-text-slightlyMuted: var(--hsds-color-text-light);
		--hsds-color-text-muted: var(--hsds-color-text-light);
		--hsds-color-text-faint: var(--hsds-color-text-disabled);
		--hsds-color-text-extraMuted: var(--hsds-color-charcoal-500);
		--hsds-color-border-default: var(--hsds-color-grey-400);
		@@ -394,2 +604,4 @@ --hsds-color-border-divider: var(--hsds-color-grey-300);
		--hsds-color-state-danger-icon: var(--hsds-color-state-error-icon);
		--hsds-color-background-surface: #ffffffff;
		--hsds-color-background-body: var(--hsds-color-grey-300);
		--hsds-color-red-100: #fff0e8ff;
		@@ -569,2 +781,9 @@ --hsds-color-red-100-rgb: 255, 240, 232;
		--hsds-color-basics-cyan: #00ffffff;
		--hsds-font-family: 'Aktiv Grotesk', 'Segoe UI', Helvetica, Arial, sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--hsds-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
		Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
		--hsds-font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,
		Courier, monospace;
		--hsds-font-size: 13px;
		--hsds-measure-focusRing-innerBoxShadowSize: 1px;
		@@ -571,0 +790,0 @@ --hsds-measure-focusRing-outerBoxShadowSize: 3px;

src/js/newBrand/switchComponent.js

		export const switchComponent = {
		color: {
		error: '#b83525ff',
		background: '#ffffffff',
		},
		}

src/js/newBrand/verificationCode.js

		export const verificationCode = {
		color: {
		error: '#b83525ff',
		background: '#ffffffff',
		digit: '#253642ff',
		},
		}

src/json/default/attachment.json

		{
		"color": {
		"background": "#ffffffff",
		"removeButton": {
		@@ -7,4 +8,13 @@ "hover": "#C5003B",
		},
		"error": "#e52f28"
		"error": "#e52f28",
		"brokenButton": {
		"text": "#556575",
		"icon": "#93A1B0"
		},
		"downloadAll": {
		"icon": "#93A1B0",
		"iconHover": "#556575",
		"backgroundHover": "#f1f3f5"
		}
		}
		}

src/json/default/badge.json

		{
		"color": {
		"background": "#ffffffff",
		"fill": {
		"text": "#ffffffff"
		},
		"square": {
		"text": "#556575",
		"background": "#f9fafa"
		},
		"default": "#93A1B0"
		}
		},
		"default": "#253642"
		}

src/json/default/button.json

		@@ -6,4 +6,5 @@ {
		"hover": "#0077CC",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#1292EE",
		@@ -21,4 +22,5 @@ "borderHover": "#1292EE",
		"hover": "#C5003B",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#F23459",
		@@ -36,4 +38,5 @@ "borderHover": "#F23459",
		"hover": "#106236",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#56C288",
		@@ -51,4 +54,5 @@ "borderHover": "#56C288",
		"hover": "#405261",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#B7C2CC",
		@@ -66,4 +70,5 @@ "borderHover": "#A5B2BD",
		"hover": "#c76400",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#FDD88E",
		@@ -80,9 +85,11 @@ "borderHover": "#FDD88E",
		"main": "#ccd6de",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#C5CED6",
		"text": "#A5B2BD"
		}
		}
		},
		"outlined": {}
		}
		}

441

src/json/default/color.json

		{
		"red": {
		"100": "#fef7f6",
		"200": "#ffe3e2",
		"300": "#ffa2a2",
		"400": "#f45b55",
		"500": "#e52f28",
		"600": "#d21b14",
		"700": "#ba1f19",
		"800": "#9d1f1a",
		"900": "#731814",
		"default": "#e52f28",
		"accent": "#e52f28"
		},
		"purple": {
		"100": "#fbfbfe",
		"200": "#eaeafc",
		"300": "#d1d2f6",
		"400": "#a3a4f3",
		"500": "#7e80e7",
		"600": "#696aca",
		"700": "#585b9e",
		"800": "#45467d",
		"900": "#383966",
		"default": "#7e80e7",
		"accent": "#7e80e7"
		},
		"orange": {
		"100": "#fff8f2",
		"200": "#ffead8",
		"300": "#ffd3ae",
		"400": "#ffa75a",
		"500": "#ff9139",
		"600": "#e87800",
		"700": "#c76400",
		"800": "#a45300",
		"900": "#813c00",
		"default": "#ff9139",
		"accent": "#ff9139"
		},
		"blue": {
		@@ -73,13 +34,2 @@ "100": "#F3FBFF",
		},
		"ash": {
		"200": "#f9fafa",
		"300": "#f1f3f5",
		"400": "#e1e7eb",
		"500": "#ccd6de",
		"600": "#C5CED6",
		"700": "#B7C2CC",
		"800": "#A5B2BD",
		"default": "#ccd6de",
		"accent": "#ccd6de"
		},
		"grey": {
		@@ -96,30 +46,28 @@ "200": "#f9fafa",
		},
		"yellow": {
		"50": "#FFFBF3",
		"100": "#FFF9EF",
		"200": "#FFF2D7",
		"300": "#FFE7B8",
		"400": "#FDD88E",
		"500": "#FFC555",
		"600": "#FAB347",
		"700": "#E89635",
		"800": "#CE7129",
		"900": "#B24319",
		"950": "#84142D",
		"default": "#FFC555",
		"accent": "#FFC555"
		"indigo": {
		"100": "#F2F6FF",
		"200": "#DFE7FF",
		"300": "#B2C8FB",
		"400": "#79A1F8",
		"500": "#527CEB",
		"600": "#3B64D2",
		"700": "#2549A8",
		"800": "#16337F",
		"900": "#071E57",
		"1000": "#171952ff",
		"default": "#527CEB",
		"accent": "#527CEB"
		},
		"green": {
		"100": "#F5FFF9",
		"200": "#E3FBEE",
		"300": "#C2F0D7",
		"400": "#87DBAE",
		"500": "#56C288",
		"600": "#39AC6E",
		"700": "#268C55",
		"750": "#248451",
		"800": "#106236",
		"900": "#003C1C",
		"default": "#56C288",
		"accent": "#56C288"
		"lavender": {
		"100": "#F9F9FF",
		"200": "#EBECFF",
		"300": "#D9DCFD",
		"400": "#B9BEFF",
		"500": "#9FA6FF",
		"600": "#818AEC",
		"700": "#6269C5",
		"800": "#404996",
		"900": "#232A5C",
		"default": "#9FA6FF",
		"accent": "#9FA6FF"
		},
		@@ -141,41 +89,33 @@ "pink": {
		},
		"lavender": {
		"100": "#F9F9FF",
		"200": "#EBECFF",
		"300": "#D9DCFD",
		"400": "#B9BEFF",
		"500": "#9FA6FF",
		"600": "#818AEC",
		"700": "#6269C5",
		"800": "#404996",
		"900": "#232A5C",
		"default": "#9FA6FF",
		"accent": "#9FA6FF"
		"green": {
		"100": "#F5FFF9",
		"200": "#E3FBEE",
		"300": "#C2F0D7",
		"400": "#87DBAE",
		"500": "#56C288",
		"600": "#39AC6E",
		"700": "#268C55",
		"750": "#248451",
		"800": "#106236",
		"900": "#003C1C",
		"1000": "#222923ff",
		"accent": "#56C288",
		"default": "#56C288"
		},
		"indigo": {
		"100": "#F2F6FF",
		"200": "#DFE7FF",
		"300": "#B2C8FB",
		"400": "#79A1F8",
		"500": "#527CEB",
		"600": "#3B64D2",
		"700": "#2549A8",
		"800": "#16337F",
		"900": "#071E57",
		"default": "#527CEB",
		"accent": "#527CEB"
		"yellow": {
		"50": "#FFFBF3",
		"100": "#FFF9EF",
		"200": "#FFF2D7",
		"300": "#FFE7B8",
		"400": "#FDD88E",
		"500": "#FFC555",
		"600": "#FAB347",
		"700": "#E89635",
		"800": "#CE7129",
		"900": "#B24319",
		"950": "#84142D",
		"1000": "#2b261dff",
		"accent": "#FFC555",
		"default": "#FFC555"
		},
		"whaletail": {
		"100": "#F3F7FF",
		"200": "#E5EDFE",
		"300": "#D0DEFD",
		"400": "#AFC7F9",
		"500": "#8AABF1",
		"600": "#7296E1",
		"700": "#5174BB",
		"800": "#304F8B",
		"900": "#142F5E",
		"default": "#8AABF1",
		"accent": "#8AABF1"
		},
		"link": {
		@@ -189,4 +129,34 @@ "default": "#0077CC",
		},
		"focusRing": {
		"default": {
		"innerColor": "#1292EE",
		"outerColor": "#1292EE",
		"innerColorOverDark": "#1292EE",
		"outerColorOverDark": "#1292EE"
		},
		"error": {
		"innerColor": "#e52f28",
		"outerColor": "#e52f28",
		"innerColorOverDark": "#e52f28",
		"outerColorOverDark": "#e52f28"
		},
		"warning": {
		"innerColor": "#FFC555",
		"outerColor": "#FFC555",
		"innerColorOverDark": "#FFC555",
		"outerColorOverDark": "#FFC555"
		},
		"success": {
		"innerColor": "#56C288",
		"outerColor": "#56C288",
		"innerColorOverDark": "#56C288",
		"outerColorOverDark": "#56C288"
		}
		},
		"text": {
		"default": "currentColor",
		"headline": "#1d2b36",
		"dark": "#314351",
		"light": "#556575",
		"disabled": "#93A1B0",
		"subtle": "#405261",
		@@ -207,84 +177,219 @@ "slightlyMuted": "#556575",
		"state": {
		"danger": {
		"default": "#e52f28",
		"backgroundColor": "#ffe3e2",
		"backgroundLight": "#ffe3e2",
		"error": {
		"text": "#e52f28",
		"backgroundDark": "#e52f28",
		"icon": "#e52f28",
		"borderColor": "#e52f28",
		"icon": "#e52f28",
		"color": "#e52f28",
		"text": "#e52f28"
		},
		"error": {
		"backgroundLight": "#ffe3e2",
		"default": "#e52f28",
		"backgroundColor": "#ffe3e2",
		"backgroundLight": "#ffe3e2",
		"backgroundDark": "#e52f28",
		"borderColor": "#e52f28",
		"icon": "#e52f28",
		"color": "#e52f28",
		"text": "#e52f28"
		"backgroundColor": "#ffe3e2"
		},
		"info": {
		"default": "#1292EE",
		"backgroundColor": "#D6EDFF",
		"backgroundLight": "#D6EDFF",
		"text": "#1292EE",
		"backgroundDark": "#1292EE",
		"icon": "#1292EE",
		"borderColor": "#1292EE",
		"icon": "#1292EE",
		"backgroundLight": "#D6EDFF",
		"default": "#1292EE",
		"color": "#1292EE",
		"text": "#1292EE"
		"backgroundColor": "#D6EDFF"
		},
		"success": {
		"default": "#56C288",
		"backgroundColor": "#E3FBEE",
		"backgroundLight": "#E3FBEE",
		"text": "#56C288",
		"backgroundDark": "#56C288",
		"icon": "#56C288",
		"borderColor": "#56C288",
		"icon": "#56C288",
		"backgroundLight": "#E3FBEE",
		"default": "#56C288",
		"color": "#56C288",
		"text": "#56C288"
		"backgroundColor": "#E3FBEE"
		},
		"warning": {
		"default": "#FFC555",
		"backgroundColor": "#FFF2D7",
		"backgroundLight": "#FFF2D7",
		"text": "#FFC555",
		"backgroundDark": "#FFC555",
		"icon": "#FFC555",
		"borderColor": "#FFC555",
		"icon": "#FFC555",
		"backgroundLight": "#FFF2D7",
		"color": "#FFC555",
		"text": "#FFC555"
		"default": "#FFC555",
		"backgroundColor": "#FFF2D7"
		},
		"danger": {
		"default": "#e52f28",
		"backgroundLight": "#ffe3e2",
		"backgroundDark": "#e52f28",
		"borderColor": "#e52f28",
		"color": "#e52f28",
		"text": "#e52f28",
		"icon": "#e52f28",
		"backgroundColor": "#ffe3e2"
		}
		},
		"button": {
		"border": "#d5d5d5",
		"hover": "#e6e6e6",
		"active": "#b6b6b6"
		"background": {
		"surface": "#ffffffff",
		"body": "#f1f3f5"
		},
		"focusRing": {
		"default": {
		"innerColor": "#1292EE",
		"outerColor": "#1292EE",
		"innerColorOverDark": "#1292EE",
		"outerColorOverDark": "#1292EE"
		"red": {
		"100": "#fef7f6",
		"200": "#ffe3e2",
		"300": "#ffa2a2",
		"400": "#f45b55",
		"500": "#e52f28",
		"600": "#d21b14",
		"700": "#ba1f19",
		"800": "#9d1f1a",
		"900": "#731814",
		"1000": "#2b2123ff",
		"accent": "#e52f28",
		"default": "#e52f28"
		},
		"orange": {
		"100": "#fff8f2",
		"200": "#ffead8",
		"300": "#ffd3ae",
		"400": "#ffa75a",
		"500": "#ff9139",
		"600": "#e87800",
		"700": "#c76400",
		"800": "#a45300",
		"900": "#813c00",
		"1000": "#2b241dff",
		"accent": "#ff9139",
		"default": "#ff9139"
		},
		"slate": {
		"100": "#f2f9fcff",
		"200": "#e1eef5ff",
		"300": "#ccdee8ff",
		"400": "#a9c4d4ff",
		"500": "#82a7baff",
		"600": "#658b9eff",
		"700": "#486878ff",
		"800": "#344852ff",
		"900": "#283338ff",
		"1000": "#1f2426ff",
		"accent": "#47c2ffff"
		},
		"cobalt": {
		"100": "#ebf5ffff",
		"200": "#d1e8ffff",
		"300": "#9ecbffff",
		"400": "#66a3ffff",
		"500": "#4176faff",
		"600": "#304ddbff",
		"700": "#263aadff",
		"800": "#1c2674ff",
		"900": "#171952ff",
		"1000": "#0e0e33ff",
		"accent": "#47a3ffff"
		},
		"purple": {
		"100": "#fbfbfe",
		"200": "#eaeafc",
		"300": "#d1d2f6",
		"400": "#a3a4f3",
		"500": "#7e80e7",
		"600": "#696aca",
		"700": "#585b9e",
		"800": "#45467d",
		"900": "#383966",
		"1000": "#271f2eff",
		"accent": "#7e80e7",
		"default": "#7e80e7"
		},
		"magenta": {
		"100": "#fff2f4ff",
		"200": "#ffe5eaff",
		"300": "#ffc7d3ff",
		"400": "#e5859fff",
		"500": "#bf5878ff",
		"600": "#a34b6bff",
		"700": "#863e5cff",
		"800": "#5e3146ff",
		"900": "#3d2531ff",
		"1000": "#2e2126ff",
		"accent": "#ff5caaff"
		},
		"clay": {
		"100": "#faf8f7ff",
		"200": "#f5f2f0ff",
		"300": "#ede8e6ff",
		"400": "#ded5d1ff",
		"500": "#c2b4acff",
		"600": "#9e8f88ff",
		"700": "#8a7b74ff",
		"800": "#756963ff",
		"900": "#574f4bff",
		"1000": "#4a4441ff",
		"1100": "#33302eff",
		"1200": "#262423ff"
		},
		"functional": {
		"link": {
		"default": "#304ddbff",
		"hovered": "#263aadff",
		"pressed": "#1c2674ff",
		"disabled": "#C5CED6"
		},
		"text": {
		"headline": "#1d2b36",
		"dark": "#314351",
		"default": "#405261",
		"light": "#556575"
		},
		"success": {
		"text": "#106236",
		"icon": "#56C288",
		"border": "#C2F0D7",
		"background": "#F5FFF9"
		},
		"error": {
		"innerColor": "#e52f28",
		"outerColor": "#e52f28",
		"innerColorOverDark": "#e52f28",
		"outerColorOverDark": "#e52f28"
		"text": "#ba1f19",
		"icon": "#e52f28",
		"border": "#ffa2a2",
		"background": "#fef7f6"
		},
		"warning": {
		"innerColor": "#FFC555",
		"outerColor": "#FFC555",
		"innerColorOverDark": "#FFC555",
		"outerColorOverDark": "#FFC555"
		},
		"success": {
		"innerColor": "#56C288",
		"outerColor": "#56C288",
		"innerColorOverDark": "#56C288",
		"outerColorOverDark": "#56C288"
		"text": "#CE7129",
		"icon": "#FDD88E",
		"border": "#FFF2D7",
		"background": "#FFF9EF"
		}
		},
		"basics": {
		"white": "#ffffffff",
		"black": "#000000ff",
		"magenta": "#ff00ffff",
		"cyan": "#00ffffff"
		},
		"ash": {
		"200": "#f9fafa",
		"300": "#f1f3f5",
		"400": "#e1e7eb",
		"500": "#ccd6de",
		"600": "#C5CED6",
		"700": "#B7C2CC",
		"800": "#A5B2BD",
		"default": "#ccd6de",
		"accent": "#ccd6de"
		},
		"whaletail": {
		"100": "#F3F7FF",
		"200": "#E5EDFE",
		"300": "#D0DEFD",
		"400": "#AFC7F9",
		"500": "#8AABF1",
		"600": "#7296E1",
		"700": "#5174BB",
		"800": "#304F8B",
		"900": "#142F5E",
		"default": "#8AABF1",
		"accent": "#8AABF1"
		},
		"button": {
		"border": "#d5d5d5",
		"hover": "#e6e6e6",
		"active": "#b6b6b6"
		}
		}

src/json/default/datePicker.json

		@@ -9,2 +9,21 @@ {
		},
		"currentDay": {
		"background": "#e1e7eb",
		"text": "#253642"
		},
		"deepNavigator": {
		"text": "#314351"
		},
		"nav": {
		"text": "currentColor",
		"disabled": "#93A1B0"
		},
		"weekdays": {
		"text": "currentColor"
		},
		"day": {
		"text": "#314351",
		"disabled": "#93A1B0"
		},
		"background": "#ffffffff",
		"current": {
		@@ -11,0 +30,0 @@ "background": "#f1f3f5",

src/json/default/floatingBar.json

		@@ -6,3 +6,3 @@ {
		"iconDefault": "#93A1B0",
		"iconHover": "white",
		"iconHover": "#ffffffff",
		"backgroundDefault": "transparent",
		@@ -9,0 +9,0 @@ "backgroundHover": "#314351"

src/json/default/statusDot.json

		{
		"color": {
		"background": "#ffffffff",
		"light": {
		@@ -4,0 +5,0 @@ "default": "#C5CED6",

src/json/default/switchComponent.json

		{
		"color": {
		"error": "#F23459"
		"error": "#F23459",
		"background": "#ffffffff"
		}
		}

src/json/default/verificationCode.json

		{
		"color": {
		"error": "#F23459"
		"error": "#F23459",
		"background": "#ffffffff",
		"digit": "#253642"
		}
		}

src/json/newBrand/attachment.json

		{
		"color": {
		"background": "#ffffffff",
		"removeButton": {
		@@ -7,4 +8,13 @@ "hover": "#822824ff",
		},
		"error": "#b83525ff"
		"error": "#b83525ff",
		"brokenButton": {
		"text": "#556575ff",
		"icon": "#7e8e9eff"
		},
		"downloadAll": {
		"icon": "#7e8e9eff",
		"iconHover": "#556575ff",
		"backgroundHover": "#f1f3f5ff"
		}
		}
		}

src/json/newBrand/badge.json

		{
		"color": {
		"default": "#253642ff"
		}
		"background": "#ffffffff",
		"fill": {
		"text": "#ffffffff"
		},
		"square": {
		"text": "#556575ff",
		"background": "#f9fafaff"
		}
		},
		"default": "#253642ff"
		}

src/json/newBrand/button.json

		@@ -6,4 +6,5 @@ {
		"hover": "#263aadff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#4176faff",
		@@ -21,4 +22,5 @@ "borderHover": "#4176faff",
		"hover": "#822824ff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#e54a32ff",
		@@ -36,4 +38,5 @@ "borderHover": "#e54a32ff",
		"hover": "#283b2dff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#47c47dff",
		@@ -51,4 +54,5 @@ "borderHover": "#47c47dff",
		"hover": "#405261ff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#c8d3deff",
		@@ -66,4 +70,5 @@ "borderHover": "#abb9c7ff",
		"hover": "#7a4518ff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#fabf5aff",
		@@ -80,4 +85,5 @@ "borderHover": "#fabf5aff",
		"main": "#c8d3deff",
		"text": "white",
		"text": "#ffffffff",
		"outline": {
		"background": "#ffffffff",
		"border": "#abb9c7ff",
		@@ -84,0 +90,0 @@ "text": "#abb9c7ff"

src/json/newBrand/color.json

		@@ -144,2 +144,6 @@ {
		"default": "#405261ff",
		"headline": "#131b24ff",
		"dark": "#314351ff",
		"light": "#556575ff",
		"disabled": "#7e8e9eff",
		"subtle": "#405261ff",
		@@ -206,2 +210,6 @@ "slightlyMuted": "#556575ff",
		},
		"background": {
		"surface": "#ffffffff",
		"body": "#f1f3f5ff"
		},
		"red": {
		@@ -208,0 +216,0 @@ "100": "#fff0e8ff",

src/json/newBrand/datePicker.json

		@@ -9,7 +9,22 @@ {
		},
		"current": {
		"currentDay": {
		"background": "#dfe6ebff",
		"text": "#253642ff"
		}
		},
		"deepNavigator": {
		"text": "#314351ff"
		},
		"nav": {
		"text": "#405261ff",
		"disabled": "#7e8e9eff"
		},
		"weekdays": {
		"text": "#405261ff"
		},
		"day": {
		"text": "#314351ff",
		"disabled": "#7e8e9eff"
		},
		"background": "#ffffffff"
		}
		}

src/json/newBrand/floatingBar.json

		@@ -6,3 +6,3 @@ {
		"iconDefault": "#7e8e9eff",
		"iconHover": "white",
		"iconHover": "#ffffffff",
		"backgroundDefault": "transparent",
		@@ -9,0 +9,0 @@ "backgroundHover": "transparent"

src/json/newBrand/statusDot.json

		{
		"color": {
		"background": "#ffffffff",
		"light": {
		@@ -4,0 +5,0 @@ "default": "#82a7baff",

src/json/newBrand/switchComponent.json

		{
		"color": {
		"error": "#b83525ff"
		"error": "#b83525ff",
		"background": "#ffffffff"
		}
		}

src/json/newBrand/verificationCode.json

		{
		"color": {
		"error": "#b83525ff"
		"error": "#b83525ff",
		"background": "#ffffffff",
		"digit": "#253642ff"
		}
		}

		@@ -5,2 +5,52 @@ # Changelog

		## [2.2.0](https://github.com/helpscout/hsds/compare/tokens-2.1.1...tokens-2.2.0) (2024-03-14)


		### Features

		* components-avatar: more text tokens ([c022d54](https://github.com/helpscout/hsds/commit/c022d5492e2ac9cd1aeeadd227adf7162dd6d4ae))
		* components-choice: text to tokens ([71f9883](https://github.com/helpscout/hsds/commit/71f9883c437d25ed38f30e91d79064ef48112cb2))
		* components-condition: extract text to tokens ([63e814f](https://github.com/helpscout/hsds/commit/63e814f3664092cc02d24af525eb143e3b5518a9))
		* components-copy-value: extract text to tokens ([35e9fa1](https://github.com/helpscout/hsds/commit/35e9fa1a5fa3e51b2f3c5a377a5811839615ac45))
		* components-datepicker: extract text to tokens ([f5d0873](https://github.com/helpscout/hsds/commit/f5d087368c45b5dadbb994662264f1f0055cc4ce))
		* components-emoji-picker: icon color to token ([0f1c844](https://github.com/helpscout/hsds/commit/0f1c844f1eb7b847e468b7af0b37a9b963f94e57))
		* components-filtered-list: extract text to tokens ([045428e](https://github.com/helpscout/hsds/commit/045428e4734a4702c8b8c69eee93240c0aa212a8))
		* components-form-field: extract text to tokens ([ca56b0a](https://github.com/helpscout/hsds/commit/ca56b0ab0736fb5217ffeb850cb3ff24a7f3eb90))
		* components-heading: extract text to tokens ([f8f5288](https://github.com/helpscout/hsds/commit/f8f5288b7d80d7a90b7a154953129e219e22ca90))
		* components-input: extract text to tokens ([ca89367](https://github.com/helpscout/hsds/commit/ca89367ef195359a3ff627903cecb6625a215a0e))
		* components-keyboard-badge: extract text to tokens ([67385b6](https://github.com/helpscout/hsds/commit/67385b6e138f9bb59de950a1b593d1967dd16771))
		* components-loading-dots: icon to tokens ([b45764b](https://github.com/helpscout/hsds/commit/b45764b788f2e7239920122e8306185d7c95e04e))
		* components-message-card: extract text to tokens ([baa05cf](https://github.com/helpscout/hsds/commit/baa05cff36677a65da8cfa122db2995dc3cb5eb5))
		* components-message: extract text to tokens ([a08903b](https://github.com/helpscout/hsds/commit/a08903b2c878c9040d9c85eef998650ccd07523a))
		* components-message: text to tokens ([76ffc79](https://github.com/helpscout/hsds/commit/76ffc7942850e77a9f1f2e1e549e802a852e9d7f))
		* components-modal: extract text to tokens ([cdf83da](https://github.com/helpscout/hsds/commit/cdf83dab00ac6164ff3f917bd32bebaac57a3a75))
		* components-notification: extract text to tokens ([191da09](https://github.com/helpscout/hsds/commit/191da0997391d15983c198e014bd4dff6cf90a52))
		* components-pagination: extract text to tokens ([50adf27](https://github.com/helpscout/hsds/commit/50adf271a93a90cbf036610f21634fc55884fbd0))
		* components-popover: extract text to tokens ([27c22d1](https://github.com/helpscout/hsds/commit/27c22d11614122d05b643dcd51b82f9d58401f8d))
		* components-radio-card: extract text to tokens ([a4fe051](https://github.com/helpscout/hsds/commit/a4fe051f59b2e9d4f9725ad31ccb60d8bd250292))
		* components-side-panel: extract text to tokens ([3f8ff34](https://github.com/helpscout/hsds/commit/3f8ff3410b8ad66fcddf0047a850bdf3141294be))
		* components-side-panel: extract text to tokens ([1ddc1d5](https://github.com/helpscout/hsds/commit/1ddc1d5cabc8131ffcc027ce88a235268873f86a))
		* components-simple-modal: extract text to tokens ([4663700](https://github.com/helpscout/hsds/commit/4663700cb565f5d29ee13e27c7cdbd4e292770f4))
		* components-sortable: extract text to tokens ([2c63991](https://github.com/helpscout/hsds/commit/2c63991d920d94cda06501215fbcb3c4fb8720a6))
		* components-sortable: rename file ([a7e7f5c](https://github.com/helpscout/hsds/commit/a7e7f5c2f1edb359a23b114684825e944c8399ca))
		* components-tab-bar: extract text to tokens ([cb472f6](https://github.com/helpscout/hsds/commit/cb472f66c239ab5e3ba1bbb7d6d12a36d4f21217))
		* components-tag: text to tokens ([830545c](https://github.com/helpscout/hsds/commit/830545c4f8c59c3c6c562ea0d66d730f77d3002e))
		* components-typing-dots: icon to tokens ([1388cee](https://github.com/helpscout/hsds/commit/1388ceec4993a8df3f9b01bf1881bc5b31a2cb02))
		* components-verification-code: text to tokens ([6e41750](https://github.com/helpscout/hsds/commit/6e41750b725f606509f97feb256a39035e1bdec0))
		* tokens: add base theme, add some components tokens ([915e814](https://github.com/helpscout/hsds/commit/915e814c7e9a10b8deb13dc1fc6d2234ba2c150c))
		* tokens: add bg to components tokens, add droplist tokens ([cf79f35](https://github.com/helpscout/hsds/commit/cf79f3514c1ea8eec2b8c95c6301e3945eafe0c3))
		* tokens: add font and app background in global tokens ([29d5ca0](https://github.com/helpscout/hsds/commit/29d5ca0f06b06771a854115aee0bb9119e75891a))
		* tokens: create droplist tokens ([e812815](https://github.com/helpscout/hsds/commit/e81281584ef64f516e25e52ca66171e5f57898a7))
		* tokens: produce extra json file w/ all css vars & tokens ([b40c5f5](https://github.com/helpscout/hsds/commit/b40c5f5c0730d129e199390633d5ada4562e4438))
		* tokens: remove unused file ([853edfe](https://github.com/helpscout/hsds/commit/853edfeafb9f1f7348f4bbac335e08ac7720bac9))
		* tokens: rename background names ([6535a06](https://github.com/helpscout/hsds/commit/6535a06a46e9fbcb8e28fa4d12430c4a8a5f5560))
		* tokens: rename fonts to font ([e25e516](https://github.com/helpscout/hsds/commit/e25e516fcc3d5f2bf8d002c7bfe2306d514c50ed))
		* workspace: extract text colors into tokens ([24f90fe](https://github.com/helpscout/hsds/commit/24f90fede2619ca9d1ff584399b2bbff5aa9ebec))
		* workspace: rename some tokens ([8421c3b](https://github.com/helpscout/hsds/commit/8421c3b762b22a89f5bd7ce812dca2dfa6accc5c))


		### Bug Fixes

		* components-sortable: text to tokens ([0f54423](https://github.com/helpscout/hsds/commit/0f54423986869a56b3c9e6c83fa8bcd26001646f))

		## [2.1.1](https://github.com/helpscout/hsds/compare/tokens-2.1.1-next.4...tokens-2.1.1) (2024-03-01)
		@@ -7,0 +57,0 @@

New alerts

Fixed alerts

Improved metrics

Worsened metrics