@atlaskit/tokens 1.15.2 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +2 -1
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +31 -11
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/cjs/constants.js +4 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/index.js +8 -1
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +6 -6
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +9 -0
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +9 -0
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +9 -0
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +9 -0
- package/dist/cjs/tokens/default/utility/utility.js +12 -0
- package/dist/es2019/artifacts/themes/atlassian-dark.js +4 -3
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-light.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +2 -1
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +31 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/es2019/constants.js +2 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +6 -6
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +8 -0
- package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +8 -0
- package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +8 -0
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +8 -0
- package/dist/es2019/tokens/default/utility/utility.js +12 -0
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +2 -1
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +31 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/esm/constants.js +2 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +6 -6
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +8 -0
- package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +8 -0
- package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +8 -0
- package/dist/esm/tokens/atlassian-light/utility/utility.js +8 -0
- package/dist/esm/tokens/default/utility/utility.js +12 -0
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +2 -1
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -5
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/types.d.ts +5 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -5
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/constants.d.ts +1 -0
- package/dist/types-ts4.5/index.d.ts +1 -0
- package/dist/types-ts4.5/types.d.ts +5 -0
- package/figma/atlassian-dark.json +4 -5
- package/package.json +1 -1
- package/report.api.md +9 -2
- package/tmp/api-report-tmp.d.ts +7 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js +0 -13
- package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js +0 -49
- package/dist/esm/artifacts/themes/atlassian-dark-iteration.js +0 -6
- package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-iteration.d.ts +0 -7
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ee1744fd5bb4236aa11d6b04264c3f36>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::894461832aeb4a23b3e2b76aabc72aa2>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n color-scheme: dark;\n --ds-text: #E6EDFA;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-subtlest: #0747A6;\n --ds-background-brand-subtlest-hovered: #0052CC;\n --ds-background-brand-subtlest-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #B3D4FF;\n --ds-background-brand-boldest-hovered: #DEEBFF;\n --ds-background-brand-boldest-pressed: #4C9AFF;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n color-scheme: dark;\n --ds-text: #E6EDFA;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-subtlest: #0747A6;\n --ds-background-brand-subtlest-hovered: #0052CC;\n --ds-background-brand-subtlest-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #B3D4FF;\n --ds-background-brand-boldest-hovered: #DEEBFF;\n --ds-background-brand-boldest-pressed: #4C9AFF;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1B2638;\n}\n";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::bb1cb4ad45bcc3279ee350014d84f67d>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-icon: #505F79;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #2684FF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-magenta-subtlest: #E774BB;\n --ds-background-accent-magenta-subtler: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtle: #42526E;\n --ds-background-accent-gray-bolder: #505F79;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-subtlest: #B3D4FF;\n --ds-background-brand-subtlest-hovered: #DEEBFF;\n --ds-background-brand-subtlest-pressed: #4C9AFF;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #0747A6;\n --ds-background-brand-boldest-hovered: #0052CC;\n --ds-background-brand-boldest-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\n --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;\n --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-icon: #505F79;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #2684FF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-magenta-subtlest: #E774BB;\n --ds-background-accent-magenta-subtler: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtle: #42526E;\n --ds-background-accent-gray-bolder: #505F79;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-subtlest: #B3D4FF;\n --ds-background-brand-subtlest-hovered: #DEEBFF;\n --ds-background-brand-subtlest-pressed: #4C9AFF;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #0747A6;\n --ds-background-brand-boldest-hovered: #0052CC;\n --ds-background-brand-boldest-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\n --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;\n --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::4c22d0040bb94fc1c6de62360674bb8f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-brand-boldest: #092957;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #092957;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-brand-boldest: #092957;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #092957;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::840fd992afdcf5c5441bb2f2c6c314e7>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var defaultTokenValues = {
|
|
@@ -317,6 +317,7 @@ var defaultTokenValues = {
|
|
|
317
317
|
'opacity.disabled': '0.4',
|
|
318
318
|
'opacity.loading': '0.2',
|
|
319
319
|
'utility.UNSAFE.transparent': 'transparent',
|
|
320
|
+
'utility.elevation.surface.current': '#FFFFFF',
|
|
320
321
|
'border.radius.050': '0.125rem',
|
|
321
322
|
'border.radius': '0.25rem',
|
|
322
323
|
'border.radius.100': '0.25rem',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b711d4f618026dc282f82bd14b87c1b3>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = {
|
|
@@ -310,6 +310,7 @@ var tokens = {
|
|
|
310
310
|
'opacity.disabled': '--ds-opacity-disabled',
|
|
311
311
|
'opacity.loading': '--ds-opacity-loading',
|
|
312
312
|
'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
|
|
313
|
+
'utility.elevation.surface.current': '--ds-elevation-surface-current',
|
|
313
314
|
'border.radius.050': '--ds-border-radius-050',
|
|
314
315
|
'border.radius': '--ds-border-radius',
|
|
315
316
|
'border.radius.100': '--ds-border-radius-100',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::72b954bf07d3f88c91f182994cf842e8>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -6667,13 +6667,12 @@ var tokens = [{
|
|
|
6667
6667
|
"value": [{
|
|
6668
6668
|
"radius": 0,
|
|
6669
6669
|
"spread": 1,
|
|
6670
|
-
"color": "#
|
|
6670
|
+
"color": "#39424a",
|
|
6671
6671
|
"offset": {
|
|
6672
6672
|
"x": 0,
|
|
6673
6673
|
"y": 0
|
|
6674
6674
|
},
|
|
6675
|
-
"opacity":
|
|
6676
|
-
"inset": true
|
|
6675
|
+
"opacity": 1
|
|
6677
6676
|
}, {
|
|
6678
6677
|
"radius": 12,
|
|
6679
6678
|
"offset": {
|
|
@@ -6684,6 +6683,7 @@ var tokens = [{
|
|
|
6684
6683
|
"opacity": 0.36
|
|
6685
6684
|
}, {
|
|
6686
6685
|
"radius": 1,
|
|
6686
|
+
"spread": 1,
|
|
6687
6687
|
"offset": {
|
|
6688
6688
|
"x": 0,
|
|
6689
6689
|
"y": 0
|
|
@@ -6703,13 +6703,12 @@ var tokens = [{
|
|
|
6703
6703
|
"value": [{
|
|
6704
6704
|
"radius": 0,
|
|
6705
6705
|
"spread": 1,
|
|
6706
|
-
"color": "
|
|
6706
|
+
"color": "#39424a",
|
|
6707
6707
|
"offset": {
|
|
6708
6708
|
"x": 0,
|
|
6709
6709
|
"y": 0
|
|
6710
6710
|
},
|
|
6711
|
-
"opacity":
|
|
6712
|
-
"inset": true
|
|
6711
|
+
"opacity": 1
|
|
6713
6712
|
}, {
|
|
6714
6713
|
"radius": 12,
|
|
6715
6714
|
"offset": {
|
|
@@ -6720,6 +6719,7 @@ var tokens = [{
|
|
|
6720
6719
|
"opacity": 0.36
|
|
6721
6720
|
}, {
|
|
6722
6721
|
"radius": 1,
|
|
6722
|
+
"spread": 1,
|
|
6723
6723
|
"offset": {
|
|
6724
6724
|
"x": 0,
|
|
6725
6725
|
"y": 0
|
|
@@ -6746,8 +6746,7 @@ var tokens = [{
|
|
|
6746
6746
|
"x": 0,
|
|
6747
6747
|
"y": 0
|
|
6748
6748
|
},
|
|
6749
|
-
"opacity": 0
|
|
6750
|
-
"inset": true
|
|
6749
|
+
"opacity": 0
|
|
6751
6750
|
}, {
|
|
6752
6751
|
"radius": 1,
|
|
6753
6752
|
"offset": {
|
|
@@ -6782,8 +6781,7 @@ var tokens = [{
|
|
|
6782
6781
|
"x": 0,
|
|
6783
6782
|
"y": 0
|
|
6784
6783
|
},
|
|
6785
|
-
"opacity": 0
|
|
6786
|
-
"inset": true
|
|
6784
|
+
"opacity": 0
|
|
6787
6785
|
}, {
|
|
6788
6786
|
"radius": 1,
|
|
6789
6787
|
"offset": {
|
|
@@ -6871,5 +6869,27 @@ var tokens = [{
|
|
|
6871
6869
|
"name": "utility.UNSAFE.transparent",
|
|
6872
6870
|
"path": ["utility", "UNSAFE", "transparent"],
|
|
6873
6871
|
"cleanName": "utility.UNSAFE.transparent"
|
|
6872
|
+
}, {
|
|
6873
|
+
"attributes": {
|
|
6874
|
+
"group": "paint",
|
|
6875
|
+
"state": "active",
|
|
6876
|
+
"introduced": "1.14.0",
|
|
6877
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6878
|
+
},
|
|
6879
|
+
"value": "#1D2125",
|
|
6880
|
+
"filePath": "src/tokens/atlassian-dark/utility/utility.tsx",
|
|
6881
|
+
"isSource": true,
|
|
6882
|
+
"original": {
|
|
6883
|
+
"attributes": {
|
|
6884
|
+
"group": "paint",
|
|
6885
|
+
"state": "active",
|
|
6886
|
+
"introduced": "1.14.0",
|
|
6887
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6888
|
+
},
|
|
6889
|
+
"value": "DarkNeutral100"
|
|
6890
|
+
},
|
|
6891
|
+
"name": "utility.elevation.surface.current",
|
|
6892
|
+
"path": ["utility", "elevation", "surface", "current"],
|
|
6893
|
+
"cleanName": "utility.elevation.surface.current"
|
|
6874
6894
|
}];
|
|
6875
6895
|
export default tokens;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::2a0fae81b3c8b6bd958a5afee23d5c83>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -6871,5 +6871,27 @@ var tokens = [{
|
|
|
6871
6871
|
"name": "utility.UNSAFE.transparent",
|
|
6872
6872
|
"path": ["utility", "UNSAFE", "transparent"],
|
|
6873
6873
|
"cleanName": "utility.UNSAFE.transparent"
|
|
6874
|
+
}, {
|
|
6875
|
+
"attributes": {
|
|
6876
|
+
"group": "paint",
|
|
6877
|
+
"state": "active",
|
|
6878
|
+
"introduced": "1.14.0",
|
|
6879
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6880
|
+
},
|
|
6881
|
+
"value": "#1B2638",
|
|
6882
|
+
"filePath": "src/tokens/atlassian-legacy-dark/utility/utility.tsx",
|
|
6883
|
+
"isSource": true,
|
|
6884
|
+
"original": {
|
|
6885
|
+
"attributes": {
|
|
6886
|
+
"group": "paint",
|
|
6887
|
+
"state": "active",
|
|
6888
|
+
"introduced": "1.14.0",
|
|
6889
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6890
|
+
},
|
|
6891
|
+
"value": "DN30"
|
|
6892
|
+
},
|
|
6893
|
+
"name": "utility.elevation.surface.current",
|
|
6894
|
+
"path": ["utility", "elevation", "surface", "current"],
|
|
6895
|
+
"cleanName": "utility.elevation.surface.current"
|
|
6874
6896
|
}];
|
|
6875
6897
|
export default tokens;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b3ea1da0f88da3d30d4cda12e93afc66>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -6831,5 +6831,27 @@ var tokens = [{
|
|
|
6831
6831
|
"name": "utility.UNSAFE.transparent",
|
|
6832
6832
|
"path": ["utility", "UNSAFE", "transparent"],
|
|
6833
6833
|
"cleanName": "utility.UNSAFE.transparent"
|
|
6834
|
+
}, {
|
|
6835
|
+
"attributes": {
|
|
6836
|
+
"group": "paint",
|
|
6837
|
+
"state": "active",
|
|
6838
|
+
"introduced": "1.14.0",
|
|
6839
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6840
|
+
},
|
|
6841
|
+
"value": "#FFFFFF",
|
|
6842
|
+
"filePath": "src/tokens/atlassian-legacy-light/utility/utility.tsx",
|
|
6843
|
+
"isSource": true,
|
|
6844
|
+
"original": {
|
|
6845
|
+
"attributes": {
|
|
6846
|
+
"group": "paint",
|
|
6847
|
+
"state": "active",
|
|
6848
|
+
"introduced": "1.14.0",
|
|
6849
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6850
|
+
},
|
|
6851
|
+
"value": "N0"
|
|
6852
|
+
},
|
|
6853
|
+
"name": "utility.elevation.surface.current",
|
|
6854
|
+
"path": ["utility", "elevation", "surface", "current"],
|
|
6855
|
+
"cleanName": "utility.elevation.surface.current"
|
|
6834
6856
|
}];
|
|
6835
6857
|
export default tokens;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::433c4b4063a7a64e2fbe6ec86614ba47>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -6831,5 +6831,27 @@ var tokens = [{
|
|
|
6831
6831
|
"name": "utility.UNSAFE.transparent",
|
|
6832
6832
|
"path": ["utility", "UNSAFE", "transparent"],
|
|
6833
6833
|
"cleanName": "utility.UNSAFE.transparent"
|
|
6834
|
+
}, {
|
|
6835
|
+
"attributes": {
|
|
6836
|
+
"group": "paint",
|
|
6837
|
+
"state": "active",
|
|
6838
|
+
"introduced": "1.14.0",
|
|
6839
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6840
|
+
},
|
|
6841
|
+
"value": "#FFFFFF",
|
|
6842
|
+
"filePath": "src/tokens/atlassian-light/utility/utility.tsx",
|
|
6843
|
+
"isSource": true,
|
|
6844
|
+
"original": {
|
|
6845
|
+
"attributes": {
|
|
6846
|
+
"group": "paint",
|
|
6847
|
+
"state": "active",
|
|
6848
|
+
"introduced": "1.14.0",
|
|
6849
|
+
"description": "A dynamic token that represents the current surface color set by a parent element. It defaults to the 'elevation.surface' token value."
|
|
6850
|
+
},
|
|
6851
|
+
"value": "Neutral0"
|
|
6852
|
+
},
|
|
6853
|
+
"name": "utility.elevation.surface.current",
|
|
6854
|
+
"path": ["utility", "elevation", "surface", "current"],
|
|
6855
|
+
"cleanName": "utility.elevation.surface.current"
|
|
6834
6856
|
}];
|
|
6835
6857
|
export default tokens;
|
package/dist/esm/constants.js
CHANGED
|
@@ -3,4 +3,5 @@ export var COLOR_MODE_ATTRIBUTE = 'data-color-mode';
|
|
|
3
3
|
export var CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
|
|
4
4
|
export var CSS_PREFIX = 'ds';
|
|
5
5
|
export var CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
|
|
6
|
-
export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
|
|
6
|
+
export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
|
|
7
|
+
export var CURRENT_SURFACE_CSS_VAR = "--".concat(CSS_PREFIX, "-elevation-surface-current");
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
var name = "@atlaskit/tokens";
|
|
4
|
-
var version = "1.
|
|
4
|
+
var version = "1.17.0";
|
|
5
5
|
/**
|
|
6
6
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
7
7
|
* resulting CSS Custom Property.
|
package/dist/esm/get-token.js
CHANGED
|
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
|
|
4
4
|
var name = "@atlaskit/tokens";
|
|
5
|
-
var version = "1.
|
|
5
|
+
var version = "1.17.0";
|
|
6
6
|
/**
|
|
7
7
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
8
8
|
* This should be used to implement design decisions throughout your application.
|
package/dist/esm/index.js
CHANGED
|
@@ -8,4 +8,5 @@ export { default as getSSRAutoScript } from './get-ssr-auto-script';
|
|
|
8
8
|
export { default as useThemeObserver } from './use-theme-observer';
|
|
9
9
|
export { default as ThemeMutationObserver } from './theme-mutation-observer';
|
|
10
10
|
export { default as getGlobalTheme } from './get-global-theme';
|
|
11
|
-
export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
|
|
11
|
+
export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
|
|
12
|
+
export { CURRENT_SURFACE_CSS_VAR } from './constants';
|
|
@@ -3,7 +3,7 @@ var shadow = {
|
|
|
3
3
|
shadow: {
|
|
4
4
|
raised: {
|
|
5
5
|
value: [{
|
|
6
|
-
// This
|
|
6
|
+
// This shadow is just to allow animations between shadow types
|
|
7
7
|
radius: 0,
|
|
8
8
|
spread: 1,
|
|
9
9
|
// @ts-ignore no current palette colour for this yet
|
|
@@ -12,8 +12,7 @@ var shadow = {
|
|
|
12
12
|
x: 0,
|
|
13
13
|
y: 0
|
|
14
14
|
},
|
|
15
|
-
opacity: 0
|
|
16
|
-
inset: true
|
|
15
|
+
opacity: 0
|
|
17
16
|
}, {
|
|
18
17
|
radius: 1,
|
|
19
18
|
offset: {
|
|
@@ -71,13 +70,13 @@ var shadow = {
|
|
|
71
70
|
value: [{
|
|
72
71
|
radius: 0,
|
|
73
72
|
spread: 1,
|
|
74
|
-
|
|
73
|
+
// @ts-ignore no current palette colour for this yet
|
|
74
|
+
color: '#39424a',
|
|
75
75
|
offset: {
|
|
76
76
|
x: 0,
|
|
77
77
|
y: 0
|
|
78
78
|
},
|
|
79
|
-
opacity:
|
|
80
|
-
inset: true
|
|
79
|
+
opacity: 1
|
|
81
80
|
}, {
|
|
82
81
|
radius: 12,
|
|
83
82
|
offset: {
|
|
@@ -89,6 +88,7 @@ var shadow = {
|
|
|
89
88
|
opacity: 0.36
|
|
90
89
|
}, {
|
|
91
90
|
radius: 1,
|
|
91
|
+
spread: 1,
|
|
92
92
|
offset: {
|
|
93
93
|
x: 0,
|
|
94
94
|
y: 0
|