@atlaskit/tokens 0.13.5 → 1.1.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 +305 -0
- package/README.md +7 -16
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
- package/dist/cjs/artifacts/replacement-mapping.js +3 -611
- package/dist/cjs/artifacts/theme-import-map.js +56 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
- package/dist/cjs/artifacts/token-default-values.js +2 -170
- package/dist/cjs/artifacts/token-names.js +2 -170
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1582
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
- package/dist/cjs/babel-plugin/index.js +0 -2
- package/dist/cjs/babel-plugin/plugin.js +17 -43
- package/dist/cjs/entry-points/babel-plugin.js +0 -2
- package/dist/cjs/entry-points/palettes-raw.js +0 -2
- package/dist/cjs/entry-points/rename-mapping.js +0 -2
- package/dist/cjs/entry-points/token-ids.js +0 -1
- package/dist/cjs/entry-points/token-names.js +0 -2
- package/dist/cjs/entry-points/tokens-raw.js +0 -5
- package/dist/cjs/get-global-theme.js +30 -0
- package/dist/cjs/get-token-value.js +1 -10
- package/dist/cjs/get-token.js +3 -13
- package/dist/cjs/index.js +46 -10
- package/dist/cjs/palettes/legacy-palette.js +1 -1
- package/dist/cjs/palettes/spacing-scale.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +0 -5
- package/dist/cjs/set-global-theme.js +265 -39
- package/dist/cjs/theme-config.js +8 -23
- package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -228
- package/dist/cjs/tokens/default/spacing/spacing.js +0 -621
- package/dist/cjs/tokens/default/utility/utility.js +1 -9
- package/dist/cjs/use-theme-observer.js +41 -0
- package/dist/cjs/utils/color-detection.js +23 -43
- package/dist/cjs/utils/theme-loading.js +69 -0
- package/dist/cjs/utils/theme-state-transformer.js +73 -0
- package/dist/cjs/utils/token-ids.js +4 -12
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/replacement-mapping.js +3 -610
- package/dist/es2019/artifacts/theme-import-map.js +27 -0
- package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-spacing.js +23 -0
- package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
- package/dist/es2019/artifacts/token-default-values.js +2 -169
- package/dist/es2019/artifacts/token-names.js +2 -169
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
- package/dist/es2019/babel-plugin/plugin.js +17 -37
- package/dist/es2019/get-global-theme.js +20 -0
- package/dist/es2019/get-token-value.js +1 -6
- package/dist/es2019/get-token.js +3 -8
- package/dist/es2019/index.js +5 -2
- package/dist/es2019/palettes/legacy-palette.js +1 -0
- package/dist/es2019/palettes/spacing-scale.js +1 -0
- package/dist/es2019/palettes/typography-palette.js +2 -1
- package/dist/es2019/set-global-theme.js +162 -32
- package/dist/es2019/theme-config.js +5 -21
- package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
- package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
- package/dist/es2019/tokens/default/utility/utility.js +1 -9
- package/dist/es2019/use-theme-observer.js +26 -0
- package/dist/es2019/utils/color-detection.js +3 -5
- package/dist/es2019/utils/theme-loading.js +18 -0
- package/dist/es2019/utils/theme-state-transformer.js +47 -0
- package/dist/es2019/utils/token-ids.js +5 -4
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/replacement-mapping.js +3 -610
- package/dist/esm/artifacts/theme-import-map.js +39 -0
- package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
- package/dist/esm/artifacts/token-default-values.js +2 -169
- package/dist/esm/artifacts/token-names.js +2 -169
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
- package/dist/esm/babel-plugin/plugin.js +17 -35
- package/dist/esm/get-global-theme.js +22 -0
- package/dist/esm/get-token-value.js +1 -6
- package/dist/esm/get-token.js +3 -8
- package/dist/esm/index.js +5 -2
- package/dist/esm/palettes/legacy-palette.js +1 -0
- package/dist/esm/palettes/spacing-scale.js +1 -0
- package/dist/esm/palettes/typography-palette.js +0 -3
- package/dist/esm/set-global-theme.js +263 -37
- package/dist/esm/theme-config.js +5 -21
- package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
- package/dist/esm/tokens/default/spacing/spacing.js +0 -620
- package/dist/esm/tokens/default/utility/utility.js +1 -9
- package/dist/esm/use-theme-observer.js +34 -0
- package/dist/esm/utils/color-detection.js +23 -30
- package/dist/esm/utils/theme-loading.js +60 -0
- package/dist/esm/utils/theme-state-transformer.js +64 -0
- package/dist/esm/utils/token-ids.js +5 -4
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +16 -0
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
- package/dist/types/artifacts/token-default-values.d.ts +2 -169
- package/dist/types/artifacts/token-names.d.ts +3 -337
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/get-global-theme.d.ts +2 -0
- package/dist/types/index.d.ts +7 -3
- package/dist/types/set-global-theme.d.ts +63 -7
- package/dist/types/theme-config.d.ts +10 -7
- package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
- package/dist/types/types.d.ts +1 -286
- package/dist/types/use-theme-observer.d.ts +15 -0
- package/dist/types/utils/theme-loading.d.ts +3 -0
- package/dist/types/utils/theme-state-transformer.d.ts +26 -0
- package/figma/atlassian-dark.json +1 -102
- package/figma/atlassian-legacy-dark.json +1 -102
- package/figma/atlassian-legacy-light.json +1 -102
- package/figma/atlassian-light.json +1 -102
- package/figma/atlassian-spacing.json +1 -761
- package/package.json +5 -8
- package/report.api.md +85 -351
- package/tmp/api-report-tmp.d.ts +58 -342
- package/css/atlassian-dark.css +0 -786
- package/css/atlassian-legacy-dark.css +0 -786
- package/css/atlassian-legacy-light.css +0 -786
- package/css/atlassian-light.css +0 -786
- package/css/atlassian-spacing.css +0 -87
- package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
- package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
- package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
- package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
- package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
- package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
- package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
- package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
|
@@ -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::7d8f37c15df01017e141b2e709521993>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -24,14 +24,7 @@ declare const tokens: {
|
|
|
24
24
|
readonly 'color.text.accent.gray': "--ds-text-accent-gray";
|
|
25
25
|
readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
|
|
26
26
|
readonly 'color.text.disabled': "--ds-text-disabled";
|
|
27
|
-
readonly 'color.text.highEmphasis': "--ds-text-highEmphasis";
|
|
28
27
|
readonly 'color.text.inverse': "--ds-text-inverse";
|
|
29
|
-
readonly 'color.text.link.pressed': "--ds-text-link-pressed";
|
|
30
|
-
readonly 'color.text.link.resting': "--ds-text-link-resting";
|
|
31
|
-
readonly 'color.text.lowEmphasis': "--ds-text-lowEmphasis";
|
|
32
|
-
readonly 'color.text.mediumEmphasis': "--ds-text-mediumEmphasis";
|
|
33
|
-
readonly 'color.text.onBold': "--ds-text-onBold";
|
|
34
|
-
readonly 'color.text.onBoldWarning': "--ds-text-onBoldWarning";
|
|
35
28
|
readonly 'color.text.selected': "--ds-text-selected";
|
|
36
29
|
readonly 'color.text.brand': "--ds-text-brand";
|
|
37
30
|
readonly 'color.text.danger': "--ds-text-danger";
|
|
@@ -76,11 +69,9 @@ declare const tokens: {
|
|
|
76
69
|
readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
|
|
77
70
|
readonly 'color.border.accent.gray': "--ds-border-accent-gray";
|
|
78
71
|
readonly 'color.border.disabled': "--ds-border-disabled";
|
|
79
|
-
readonly 'color.border.focus': "--ds-border-focus";
|
|
80
72
|
readonly 'color.border.focused': "--ds-border-focused";
|
|
81
73
|
readonly 'color.border.input': "--ds-border-input";
|
|
82
74
|
readonly 'color.border.inverse': "--ds-border-inverse";
|
|
83
|
-
readonly 'color.border.neutral': "--ds-border-neutral";
|
|
84
75
|
readonly 'color.border.selected': "--ds-border-selected";
|
|
85
76
|
readonly 'color.border.brand': "--ds-border-brand";
|
|
86
77
|
readonly 'color.border.danger': "--ds-border-danger";
|
|
@@ -89,84 +80,46 @@ declare const tokens: {
|
|
|
89
80
|
readonly 'color.border.discovery': "--ds-border-discovery";
|
|
90
81
|
readonly 'color.border.information': "--ds-border-information";
|
|
91
82
|
readonly 'color.border.bold': "--ds-border-bold";
|
|
92
|
-
readonly 'color.background.accent.red': "--ds-background-accent-red";
|
|
93
83
|
readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
|
|
94
84
|
readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
|
|
95
85
|
readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
|
|
96
|
-
readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
|
|
97
86
|
readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
|
|
98
|
-
readonly 'color.background.accent.orange': "--ds-background-accent-orange";
|
|
99
87
|
readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
|
|
100
88
|
readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
|
|
101
89
|
readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
|
|
102
|
-
readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
|
|
103
90
|
readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
|
|
104
|
-
readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
|
|
105
91
|
readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
|
|
106
92
|
readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
|
|
107
93
|
readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
|
|
108
|
-
readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
|
|
109
94
|
readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
|
|
110
|
-
readonly 'color.background.accent.green': "--ds-background-accent-green";
|
|
111
95
|
readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
|
|
112
96
|
readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
|
|
113
97
|
readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
|
|
114
|
-
readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
|
|
115
98
|
readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
|
|
116
|
-
readonly 'color.background.accent.teal': "--ds-background-accent-teal";
|
|
117
99
|
readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
|
|
118
100
|
readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
|
|
119
101
|
readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
|
|
120
|
-
readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
|
|
121
102
|
readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
|
|
122
|
-
readonly 'color.background.accent.blue': "--ds-background-accent-blue";
|
|
123
103
|
readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
|
|
124
104
|
readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
|
|
125
105
|
readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
|
|
126
|
-
readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
|
|
127
106
|
readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
|
|
128
|
-
readonly 'color.background.accent.purple': "--ds-background-accent-purple";
|
|
129
107
|
readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
|
|
130
108
|
readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
|
|
131
109
|
readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
|
|
132
|
-
readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
|
|
133
110
|
readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
|
|
134
|
-
readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
|
|
135
111
|
readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
|
|
136
112
|
readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
|
|
137
113
|
readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
|
|
138
|
-
readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
|
|
139
114
|
readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
|
|
140
115
|
readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
|
|
141
116
|
readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
|
|
142
117
|
readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
|
|
143
118
|
readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder";
|
|
144
|
-
readonly 'color.background.blanket': "--ds-background-blanket";
|
|
145
|
-
readonly 'color.background.boldBrand.hover': "--ds-background-boldBrand-hover";
|
|
146
|
-
readonly 'color.background.boldBrand.pressed': "--ds-background-boldBrand-pressed";
|
|
147
|
-
readonly 'color.background.boldBrand.resting': "--ds-background-boldBrand-resting";
|
|
148
|
-
readonly 'color.background.boldDanger.hover': "--ds-background-boldDanger-hover";
|
|
149
|
-
readonly 'color.background.boldDanger.pressed': "--ds-background-boldDanger-pressed";
|
|
150
|
-
readonly 'color.background.boldDanger.resting': "--ds-background-boldDanger-resting";
|
|
151
|
-
readonly 'color.background.boldDiscovery.hover': "--ds-background-boldDiscovery-hover";
|
|
152
|
-
readonly 'color.background.boldDiscovery.pressed': "--ds-background-boldDiscovery-pressed";
|
|
153
|
-
readonly 'color.background.boldDiscovery.resting': "--ds-background-boldDiscovery-resting";
|
|
154
|
-
readonly 'color.background.boldNeutral.hover': "--ds-background-boldNeutral-hover";
|
|
155
|
-
readonly 'color.background.boldNeutral.pressed': "--ds-background-boldNeutral-pressed";
|
|
156
|
-
readonly 'color.background.boldNeutral.resting': "--ds-background-boldNeutral-resting";
|
|
157
|
-
readonly 'color.background.boldSuccess.hover': "--ds-background-boldSuccess-hover";
|
|
158
|
-
readonly 'color.background.boldSuccess.pressed': "--ds-background-boldSuccess-pressed";
|
|
159
|
-
readonly 'color.background.boldSuccess.resting': "--ds-background-boldSuccess-resting";
|
|
160
|
-
readonly 'color.background.boldWarning.hover': "--ds-background-boldWarning-hover";
|
|
161
|
-
readonly 'color.background.boldWarning.pressed': "--ds-background-boldWarning-pressed";
|
|
162
|
-
readonly 'color.background.boldWarning.resting': "--ds-background-boldWarning-resting";
|
|
163
|
-
readonly 'color.background.card': "--ds-background-card";
|
|
164
|
-
readonly 'color.background.default': "--ds-background-default";
|
|
165
119
|
readonly 'color.background.disabled': "--ds-background-disabled";
|
|
166
120
|
readonly 'color.background.input': "--ds-background-input";
|
|
167
121
|
readonly 'color.background.input.hovered': "--ds-background-input-hovered";
|
|
168
122
|
readonly 'color.background.input.pressed': "--ds-background-input-pressed";
|
|
169
|
-
readonly 'color.background.inverse': "--ds-background-inverse";
|
|
170
123
|
readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
|
|
171
124
|
readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
|
|
172
125
|
readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
|
|
@@ -179,41 +132,12 @@ declare const tokens: {
|
|
|
179
132
|
readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
|
|
180
133
|
readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
|
|
181
134
|
readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
|
|
182
|
-
readonly 'color.background.overlay': "--ds-background-overlay";
|
|
183
135
|
readonly 'color.background.selected': "--ds-background-selected";
|
|
184
136
|
readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
|
|
185
137
|
readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
|
|
186
|
-
readonly 'color.background.selected.hover': "--ds-background-selected-hover";
|
|
187
|
-
readonly 'color.background.selected.resting': "--ds-background-selected-resting";
|
|
188
138
|
readonly 'color.background.selected.bold': "--ds-background-selected-bold";
|
|
189
139
|
readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
|
|
190
140
|
readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
|
|
191
|
-
readonly 'color.background.subtleBorderedNeutral.pressed': "--ds-background-subtleBorderedNeutral-pressed";
|
|
192
|
-
readonly 'color.background.subtleBorderedNeutral.resting': "--ds-background-subtleBorderedNeutral-resting";
|
|
193
|
-
readonly 'color.background.subtleBrand.hover': "--ds-background-subtleBrand-hover";
|
|
194
|
-
readonly 'color.background.subtleBrand.pressed': "--ds-background-subtleBrand-pressed";
|
|
195
|
-
readonly 'color.background.subtleBrand.resting': "--ds-background-subtleBrand-resting";
|
|
196
|
-
readonly 'color.background.subtleDanger.hover': "--ds-background-subtleDanger-hover";
|
|
197
|
-
readonly 'color.background.subtleDanger.pressed': "--ds-background-subtleDanger-pressed";
|
|
198
|
-
readonly 'color.background.subtleDanger.resting': "--ds-background-subtleDanger-resting";
|
|
199
|
-
readonly 'color.background.subtleDiscovery.hover': "--ds-background-subtleDiscovery-hover";
|
|
200
|
-
readonly 'color.background.subtleDiscovery.pressed': "--ds-background-subtleDiscovery-pressed";
|
|
201
|
-
readonly 'color.background.subtleDiscovery.resting': "--ds-background-subtleDiscovery-resting";
|
|
202
|
-
readonly 'color.background.subtleNeutral.hover': "--ds-background-subtleNeutral-hover";
|
|
203
|
-
readonly 'color.background.subtleNeutral.pressed': "--ds-background-subtleNeutral-pressed";
|
|
204
|
-
readonly 'color.background.subtleNeutral.resting': "--ds-background-subtleNeutral-resting";
|
|
205
|
-
readonly 'color.background.subtleSuccess.hover': "--ds-background-subtleSuccess-hover";
|
|
206
|
-
readonly 'color.background.subtleSuccess.pressed': "--ds-background-subtleSuccess-pressed";
|
|
207
|
-
readonly 'color.background.subtleSuccess.resting': "--ds-background-subtleSuccess-resting";
|
|
208
|
-
readonly 'color.background.subtleWarning.hover': "--ds-background-subtleWarning-hover";
|
|
209
|
-
readonly 'color.background.subtleWarning.pressed': "--ds-background-subtleWarning-pressed";
|
|
210
|
-
readonly 'color.background.subtleWarning.resting': "--ds-background-subtleWarning-resting";
|
|
211
|
-
readonly 'color.background.sunken': "--ds-background-sunken";
|
|
212
|
-
readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
|
|
213
|
-
readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
|
|
214
|
-
readonly 'color.background.brand': "--ds-background-brand";
|
|
215
|
-
readonly 'color.background.brand.hovered': "--ds-background-brand-hovered";
|
|
216
|
-
readonly 'color.background.brand.pressed': "--ds-background-brand-pressed";
|
|
217
141
|
readonly 'color.background.brand.bold': "--ds-background-brand-bold";
|
|
218
142
|
readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
|
|
219
143
|
readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
|
|
@@ -251,8 +175,6 @@ declare const tokens: {
|
|
|
251
175
|
readonly 'color.blanket.selected': "--ds-blanket-selected";
|
|
252
176
|
readonly 'color.blanket.danger': "--ds-blanket-danger";
|
|
253
177
|
readonly 'color.interaction.hovered': "--ds-interaction-hovered";
|
|
254
|
-
readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
|
|
255
|
-
readonly 'color.interaction.inverse.pressed': "--ds-interaction-inverse-pressed";
|
|
256
178
|
readonly 'color.interaction.pressed': "--ds-interaction-pressed";
|
|
257
179
|
readonly 'color.skeleton': "--ds-skeleton";
|
|
258
180
|
readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
|
|
@@ -350,26 +272,6 @@ declare const tokens: {
|
|
|
350
272
|
readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
|
|
351
273
|
readonly 'color.chart.information.bold': "--ds-chart-information-bold";
|
|
352
274
|
readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
|
|
353
|
-
readonly 'color.accent.boldBlue': "--ds-accent-boldBlue";
|
|
354
|
-
readonly 'color.accent.boldGreen': "--ds-accent-boldGreen";
|
|
355
|
-
readonly 'color.accent.boldOrange': "--ds-accent-boldOrange";
|
|
356
|
-
readonly 'color.accent.boldPurple': "--ds-accent-boldPurple";
|
|
357
|
-
readonly 'color.accent.boldRed': "--ds-accent-boldRed";
|
|
358
|
-
readonly 'color.accent.boldTeal': "--ds-accent-boldTeal";
|
|
359
|
-
readonly 'color.accent.subtleBlue': "--ds-accent-subtleBlue";
|
|
360
|
-
readonly 'color.accent.subtleGreen': "--ds-accent-subtleGreen";
|
|
361
|
-
readonly 'color.accent.subtleMagenta': "--ds-accent-subtleMagenta";
|
|
362
|
-
readonly 'color.accent.subtleOrange': "--ds-accent-subtleOrange";
|
|
363
|
-
readonly 'color.accent.subtlePurple': "--ds-accent-subtlePurple";
|
|
364
|
-
readonly 'color.accent.subtleRed': "--ds-accent-subtleRed";
|
|
365
|
-
readonly 'color.accent.subtleTeal': "--ds-accent-subtleTeal";
|
|
366
|
-
readonly 'color.iconBorder.brand': "--ds-iconBorder-brand";
|
|
367
|
-
readonly 'color.iconBorder.danger': "--ds-iconBorder-danger";
|
|
368
|
-
readonly 'color.iconBorder.warning': "--ds-iconBorder-warning";
|
|
369
|
-
readonly 'color.iconBorder.success': "--ds-iconBorder-success";
|
|
370
|
-
readonly 'color.iconBorder.discovery': "--ds-iconBorder-discovery";
|
|
371
|
-
readonly 'color.overlay.hover': "--ds-overlay-hover";
|
|
372
|
-
readonly 'color.overlay.pressed': "--ds-overlay-pressed";
|
|
373
275
|
readonly 'elevation.surface': "--ds-surface";
|
|
374
276
|
readonly 'elevation.surface.hovered': "--ds-surface-hovered";
|
|
375
277
|
readonly 'elevation.surface.pressed': "--ds-surface-pressed";
|
|
@@ -387,76 +289,7 @@ declare const tokens: {
|
|
|
387
289
|
readonly 'elevation.shadow.raised': "--ds-shadow-raised";
|
|
388
290
|
readonly 'opacity.disabled': "--ds-opacity-disabled";
|
|
389
291
|
readonly 'opacity.loading': "--ds-opacity-loading";
|
|
390
|
-
readonly '
|
|
391
|
-
readonly 'shadow.overlay': "--ds-overlay";
|
|
392
|
-
readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
|
|
393
|
-
readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
|
|
394
|
-
readonly 'spacing.scale.0': "--ds-scale-0";
|
|
395
|
-
readonly 'spacing.scale.025': "--ds-scale-025";
|
|
396
|
-
readonly 'spacing.scale.050': "--ds-scale-050";
|
|
397
|
-
readonly 'spacing.scale.075': "--ds-scale-075";
|
|
398
|
-
readonly 'spacing.scale.100': "--ds-scale-100";
|
|
399
|
-
readonly 'spacing.scale.150': "--ds-scale-150";
|
|
400
|
-
readonly 'spacing.scale.200': "--ds-scale-200";
|
|
401
|
-
readonly 'spacing.scale.250': "--ds-scale-250";
|
|
402
|
-
readonly 'spacing.scale.300': "--ds-scale-300";
|
|
403
|
-
readonly 'spacing.scale.400': "--ds-scale-400";
|
|
404
|
-
readonly 'spacing.scale.500': "--ds-scale-500";
|
|
405
|
-
readonly 'spacing.scale.600': "--ds-scale-600";
|
|
406
|
-
readonly 'spacing.scale.800': "--ds-scale-800";
|
|
407
|
-
readonly 'spacing.scale.1000': "--ds-scale-1000";
|
|
408
|
-
readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
|
|
409
|
-
readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
|
|
410
|
-
readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
|
|
411
|
-
readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
|
|
412
|
-
readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
|
|
413
|
-
readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
|
|
414
|
-
readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
|
|
415
|
-
readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
|
|
416
|
-
readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
|
|
417
|
-
readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
|
|
418
|
-
readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
|
|
419
|
-
readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
|
|
420
|
-
readonly 'spacing.size.none': "--ds-size-none";
|
|
421
|
-
readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
|
|
422
|
-
readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
|
|
423
|
-
readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
|
|
424
|
-
readonly 'spacing.size.xsmall': "--ds-size-xsmall";
|
|
425
|
-
readonly 'spacing.size.small': "--ds-size-small";
|
|
426
|
-
readonly 'spacing.size.medium': "--ds-size-medium";
|
|
427
|
-
readonly 'spacing.size.large': "--ds-size-large";
|
|
428
|
-
readonly 'spacing.size.xlarge': "--ds-size-xlarge";
|
|
429
|
-
readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
|
|
430
|
-
readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
|
|
431
|
-
readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
|
|
432
|
-
readonly 'spacing.gap.100': "--ds-gap-100";
|
|
433
|
-
readonly 'spacing.gap.200': "--ds-gap-200";
|
|
434
|
-
readonly 'spacing.gap.300': "--ds-gap-300";
|
|
435
|
-
readonly 'spacing.inset.100': "--ds-inset-100";
|
|
436
|
-
readonly 'spacing.inset.200': "--ds-inset-200";
|
|
437
|
-
readonly 'spacing.inset.300': "--ds-inset-300";
|
|
438
|
-
readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
|
|
439
|
-
readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
|
|
440
|
-
readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
|
|
441
|
-
readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
|
|
442
|
-
readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
|
|
443
|
-
readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
|
|
444
|
-
readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
|
|
445
|
-
readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
|
|
446
|
-
readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
|
|
447
|
-
readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
|
|
448
|
-
readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
|
|
449
|
-
readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
|
|
450
|
-
readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
|
|
451
|
-
readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
|
|
452
|
-
readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
|
|
453
|
-
readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
|
|
454
|
-
readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
|
|
455
|
-
readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
|
|
456
|
-
readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
|
|
457
|
-
readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
|
|
458
|
-
readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
|
|
459
|
-
readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
|
|
292
|
+
readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
|
|
460
293
|
readonly 'space.0': "--ds-space-0";
|
|
461
294
|
readonly 'space.025': "--ds-space-025";
|
|
462
295
|
readonly 'space.050': "--ds-space-050";
|
|
@@ -513,14 +346,7 @@ export declare type CSSTokenMap = {
|
|
|
513
346
|
'color.text.accent.gray': 'var(--ds-text-accent-gray)';
|
|
514
347
|
'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
|
|
515
348
|
'color.text.disabled': 'var(--ds-text-disabled)';
|
|
516
|
-
'color.text.highEmphasis': 'var(--ds-text-highEmphasis)';
|
|
517
349
|
'color.text.inverse': 'var(--ds-text-inverse)';
|
|
518
|
-
'color.text.link.pressed': 'var(--ds-text-link-pressed)';
|
|
519
|
-
'color.text.link.resting': 'var(--ds-text-link-resting)';
|
|
520
|
-
'color.text.lowEmphasis': 'var(--ds-text-lowEmphasis)';
|
|
521
|
-
'color.text.mediumEmphasis': 'var(--ds-text-mediumEmphasis)';
|
|
522
|
-
'color.text.onBold': 'var(--ds-text-onBold)';
|
|
523
|
-
'color.text.onBoldWarning': 'var(--ds-text-onBoldWarning)';
|
|
524
350
|
'color.text.selected': 'var(--ds-text-selected)';
|
|
525
351
|
'color.text.brand': 'var(--ds-text-brand)';
|
|
526
352
|
'color.text.danger': 'var(--ds-text-danger)';
|
|
@@ -565,11 +391,9 @@ export declare type CSSTokenMap = {
|
|
|
565
391
|
'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
|
|
566
392
|
'color.border.accent.gray': 'var(--ds-border-accent-gray)';
|
|
567
393
|
'color.border.disabled': 'var(--ds-border-disabled)';
|
|
568
|
-
'color.border.focus': 'var(--ds-border-focus)';
|
|
569
394
|
'color.border.focused': 'var(--ds-border-focused)';
|
|
570
395
|
'color.border.input': 'var(--ds-border-input)';
|
|
571
396
|
'color.border.inverse': 'var(--ds-border-inverse)';
|
|
572
|
-
'color.border.neutral': 'var(--ds-border-neutral)';
|
|
573
397
|
'color.border.selected': 'var(--ds-border-selected)';
|
|
574
398
|
'color.border.brand': 'var(--ds-border-brand)';
|
|
575
399
|
'color.border.danger': 'var(--ds-border-danger)';
|
|
@@ -578,84 +402,46 @@ export declare type CSSTokenMap = {
|
|
|
578
402
|
'color.border.discovery': 'var(--ds-border-discovery)';
|
|
579
403
|
'color.border.information': 'var(--ds-border-information)';
|
|
580
404
|
'color.border.bold': 'var(--ds-border-bold)';
|
|
581
|
-
'color.background.accent.red': 'var(--ds-background-accent-red)';
|
|
582
405
|
'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
|
|
583
406
|
'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
|
|
584
407
|
'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
|
|
585
|
-
'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
|
|
586
408
|
'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
|
|
587
|
-
'color.background.accent.orange': 'var(--ds-background-accent-orange)';
|
|
588
409
|
'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
|
|
589
410
|
'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
|
|
590
411
|
'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
|
|
591
|
-
'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
|
|
592
412
|
'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
|
|
593
|
-
'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
|
|
594
413
|
'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
|
|
595
414
|
'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
|
|
596
415
|
'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
|
|
597
|
-
'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
|
|
598
416
|
'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
|
|
599
|
-
'color.background.accent.green': 'var(--ds-background-accent-green)';
|
|
600
417
|
'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
|
|
601
418
|
'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
|
|
602
419
|
'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
|
|
603
|
-
'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
|
|
604
420
|
'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
|
|
605
|
-
'color.background.accent.teal': 'var(--ds-background-accent-teal)';
|
|
606
421
|
'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
|
|
607
422
|
'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
|
|
608
423
|
'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
|
|
609
|
-
'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
|
|
610
424
|
'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
|
|
611
|
-
'color.background.accent.blue': 'var(--ds-background-accent-blue)';
|
|
612
425
|
'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
|
|
613
426
|
'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
|
|
614
427
|
'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
|
|
615
|
-
'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
|
|
616
428
|
'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
|
|
617
|
-
'color.background.accent.purple': 'var(--ds-background-accent-purple)';
|
|
618
429
|
'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
|
|
619
430
|
'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
|
|
620
431
|
'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
|
|
621
|
-
'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
|
|
622
432
|
'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
|
|
623
|
-
'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
|
|
624
433
|
'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
|
|
625
434
|
'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
|
|
626
435
|
'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
|
|
627
|
-
'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
|
|
628
436
|
'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
|
|
629
437
|
'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
|
|
630
438
|
'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
|
|
631
439
|
'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
|
|
632
440
|
'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
|
|
633
|
-
'color.background.blanket': 'var(--ds-background-blanket)';
|
|
634
|
-
'color.background.boldBrand.hover': 'var(--ds-background-boldBrand-hover)';
|
|
635
|
-
'color.background.boldBrand.pressed': 'var(--ds-background-boldBrand-pressed)';
|
|
636
|
-
'color.background.boldBrand.resting': 'var(--ds-background-boldBrand-resting)';
|
|
637
|
-
'color.background.boldDanger.hover': 'var(--ds-background-boldDanger-hover)';
|
|
638
|
-
'color.background.boldDanger.pressed': 'var(--ds-background-boldDanger-pressed)';
|
|
639
|
-
'color.background.boldDanger.resting': 'var(--ds-background-boldDanger-resting)';
|
|
640
|
-
'color.background.boldDiscovery.hover': 'var(--ds-background-boldDiscovery-hover)';
|
|
641
|
-
'color.background.boldDiscovery.pressed': 'var(--ds-background-boldDiscovery-pressed)';
|
|
642
|
-
'color.background.boldDiscovery.resting': 'var(--ds-background-boldDiscovery-resting)';
|
|
643
|
-
'color.background.boldNeutral.hover': 'var(--ds-background-boldNeutral-hover)';
|
|
644
|
-
'color.background.boldNeutral.pressed': 'var(--ds-background-boldNeutral-pressed)';
|
|
645
|
-
'color.background.boldNeutral.resting': 'var(--ds-background-boldNeutral-resting)';
|
|
646
|
-
'color.background.boldSuccess.hover': 'var(--ds-background-boldSuccess-hover)';
|
|
647
|
-
'color.background.boldSuccess.pressed': 'var(--ds-background-boldSuccess-pressed)';
|
|
648
|
-
'color.background.boldSuccess.resting': 'var(--ds-background-boldSuccess-resting)';
|
|
649
|
-
'color.background.boldWarning.hover': 'var(--ds-background-boldWarning-hover)';
|
|
650
|
-
'color.background.boldWarning.pressed': 'var(--ds-background-boldWarning-pressed)';
|
|
651
|
-
'color.background.boldWarning.resting': 'var(--ds-background-boldWarning-resting)';
|
|
652
|
-
'color.background.card': 'var(--ds-background-card)';
|
|
653
|
-
'color.background.default': 'var(--ds-background-default)';
|
|
654
441
|
'color.background.disabled': 'var(--ds-background-disabled)';
|
|
655
442
|
'color.background.input': 'var(--ds-background-input)';
|
|
656
443
|
'color.background.input.hovered': 'var(--ds-background-input-hovered)';
|
|
657
444
|
'color.background.input.pressed': 'var(--ds-background-input-pressed)';
|
|
658
|
-
'color.background.inverse': 'var(--ds-background-inverse)';
|
|
659
445
|
'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
|
|
660
446
|
'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
|
|
661
447
|
'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
|
|
@@ -668,41 +454,12 @@ export declare type CSSTokenMap = {
|
|
|
668
454
|
'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
|
|
669
455
|
'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
|
|
670
456
|
'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
|
|
671
|
-
'color.background.overlay': 'var(--ds-background-overlay)';
|
|
672
457
|
'color.background.selected': 'var(--ds-background-selected)';
|
|
673
458
|
'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
|
|
674
459
|
'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
|
|
675
|
-
'color.background.selected.hover': 'var(--ds-background-selected-hover)';
|
|
676
|
-
'color.background.selected.resting': 'var(--ds-background-selected-resting)';
|
|
677
460
|
'color.background.selected.bold': 'var(--ds-background-selected-bold)';
|
|
678
461
|
'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
|
|
679
462
|
'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
|
|
680
|
-
'color.background.subtleBorderedNeutral.pressed': 'var(--ds-background-subtleBorderedNeutral-pressed)';
|
|
681
|
-
'color.background.subtleBorderedNeutral.resting': 'var(--ds-background-subtleBorderedNeutral-resting)';
|
|
682
|
-
'color.background.subtleBrand.hover': 'var(--ds-background-subtleBrand-hover)';
|
|
683
|
-
'color.background.subtleBrand.pressed': 'var(--ds-background-subtleBrand-pressed)';
|
|
684
|
-
'color.background.subtleBrand.resting': 'var(--ds-background-subtleBrand-resting)';
|
|
685
|
-
'color.background.subtleDanger.hover': 'var(--ds-background-subtleDanger-hover)';
|
|
686
|
-
'color.background.subtleDanger.pressed': 'var(--ds-background-subtleDanger-pressed)';
|
|
687
|
-
'color.background.subtleDanger.resting': 'var(--ds-background-subtleDanger-resting)';
|
|
688
|
-
'color.background.subtleDiscovery.hover': 'var(--ds-background-subtleDiscovery-hover)';
|
|
689
|
-
'color.background.subtleDiscovery.pressed': 'var(--ds-background-subtleDiscovery-pressed)';
|
|
690
|
-
'color.background.subtleDiscovery.resting': 'var(--ds-background-subtleDiscovery-resting)';
|
|
691
|
-
'color.background.subtleNeutral.hover': 'var(--ds-background-subtleNeutral-hover)';
|
|
692
|
-
'color.background.subtleNeutral.pressed': 'var(--ds-background-subtleNeutral-pressed)';
|
|
693
|
-
'color.background.subtleNeutral.resting': 'var(--ds-background-subtleNeutral-resting)';
|
|
694
|
-
'color.background.subtleSuccess.hover': 'var(--ds-background-subtleSuccess-hover)';
|
|
695
|
-
'color.background.subtleSuccess.pressed': 'var(--ds-background-subtleSuccess-pressed)';
|
|
696
|
-
'color.background.subtleSuccess.resting': 'var(--ds-background-subtleSuccess-resting)';
|
|
697
|
-
'color.background.subtleWarning.hover': 'var(--ds-background-subtleWarning-hover)';
|
|
698
|
-
'color.background.subtleWarning.pressed': 'var(--ds-background-subtleWarning-pressed)';
|
|
699
|
-
'color.background.subtleWarning.resting': 'var(--ds-background-subtleWarning-resting)';
|
|
700
|
-
'color.background.sunken': 'var(--ds-background-sunken)';
|
|
701
|
-
'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
|
|
702
|
-
'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
|
|
703
|
-
'color.background.brand': 'var(--ds-background-brand)';
|
|
704
|
-
'color.background.brand.hovered': 'var(--ds-background-brand-hovered)';
|
|
705
|
-
'color.background.brand.pressed': 'var(--ds-background-brand-pressed)';
|
|
706
463
|
'color.background.brand.bold': 'var(--ds-background-brand-bold)';
|
|
707
464
|
'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
|
|
708
465
|
'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
|
|
@@ -740,8 +497,6 @@ export declare type CSSTokenMap = {
|
|
|
740
497
|
'color.blanket.selected': 'var(--ds-blanket-selected)';
|
|
741
498
|
'color.blanket.danger': 'var(--ds-blanket-danger)';
|
|
742
499
|
'color.interaction.hovered': 'var(--ds-interaction-hovered)';
|
|
743
|
-
'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
|
|
744
|
-
'color.interaction.inverse.pressed': 'var(--ds-interaction-inverse-pressed)';
|
|
745
500
|
'color.interaction.pressed': 'var(--ds-interaction-pressed)';
|
|
746
501
|
'color.skeleton': 'var(--ds-skeleton)';
|
|
747
502
|
'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
|
|
@@ -839,26 +594,6 @@ export declare type CSSTokenMap = {
|
|
|
839
594
|
'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
|
|
840
595
|
'color.chart.information.bold': 'var(--ds-chart-information-bold)';
|
|
841
596
|
'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
|
|
842
|
-
'color.accent.boldBlue': 'var(--ds-accent-boldBlue)';
|
|
843
|
-
'color.accent.boldGreen': 'var(--ds-accent-boldGreen)';
|
|
844
|
-
'color.accent.boldOrange': 'var(--ds-accent-boldOrange)';
|
|
845
|
-
'color.accent.boldPurple': 'var(--ds-accent-boldPurple)';
|
|
846
|
-
'color.accent.boldRed': 'var(--ds-accent-boldRed)';
|
|
847
|
-
'color.accent.boldTeal': 'var(--ds-accent-boldTeal)';
|
|
848
|
-
'color.accent.subtleBlue': 'var(--ds-accent-subtleBlue)';
|
|
849
|
-
'color.accent.subtleGreen': 'var(--ds-accent-subtleGreen)';
|
|
850
|
-
'color.accent.subtleMagenta': 'var(--ds-accent-subtleMagenta)';
|
|
851
|
-
'color.accent.subtleOrange': 'var(--ds-accent-subtleOrange)';
|
|
852
|
-
'color.accent.subtlePurple': 'var(--ds-accent-subtlePurple)';
|
|
853
|
-
'color.accent.subtleRed': 'var(--ds-accent-subtleRed)';
|
|
854
|
-
'color.accent.subtleTeal': 'var(--ds-accent-subtleTeal)';
|
|
855
|
-
'color.iconBorder.brand': 'var(--ds-iconBorder-brand)';
|
|
856
|
-
'color.iconBorder.danger': 'var(--ds-iconBorder-danger)';
|
|
857
|
-
'color.iconBorder.warning': 'var(--ds-iconBorder-warning)';
|
|
858
|
-
'color.iconBorder.success': 'var(--ds-iconBorder-success)';
|
|
859
|
-
'color.iconBorder.discovery': 'var(--ds-iconBorder-discovery)';
|
|
860
|
-
'color.overlay.hover': 'var(--ds-overlay-hover)';
|
|
861
|
-
'color.overlay.pressed': 'var(--ds-overlay-pressed)';
|
|
862
597
|
'elevation.surface': 'var(--ds-surface)';
|
|
863
598
|
'elevation.surface.hovered': 'var(--ds-surface-hovered)';
|
|
864
599
|
'elevation.surface.pressed': 'var(--ds-surface-pressed)';
|
|
@@ -876,76 +611,7 @@ export declare type CSSTokenMap = {
|
|
|
876
611
|
'elevation.shadow.raised': 'var(--ds-shadow-raised)';
|
|
877
612
|
'opacity.disabled': 'var(--ds-opacity-disabled)';
|
|
878
613
|
'opacity.loading': 'var(--ds-opacity-loading)';
|
|
879
|
-
'
|
|
880
|
-
'shadow.overlay': 'var(--ds-overlay)';
|
|
881
|
-
'utility.UNSAFE_util.MISSING_TOKEN': 'var(--ds-UNSAFE_util-MISSING_TOKEN)';
|
|
882
|
-
'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
|
|
883
|
-
'spacing.scale.0': 'var(--ds-scale-0)';
|
|
884
|
-
'spacing.scale.025': 'var(--ds-scale-025)';
|
|
885
|
-
'spacing.scale.050': 'var(--ds-scale-050)';
|
|
886
|
-
'spacing.scale.075': 'var(--ds-scale-075)';
|
|
887
|
-
'spacing.scale.100': 'var(--ds-scale-100)';
|
|
888
|
-
'spacing.scale.150': 'var(--ds-scale-150)';
|
|
889
|
-
'spacing.scale.200': 'var(--ds-scale-200)';
|
|
890
|
-
'spacing.scale.250': 'var(--ds-scale-250)';
|
|
891
|
-
'spacing.scale.300': 'var(--ds-scale-300)';
|
|
892
|
-
'spacing.scale.400': 'var(--ds-scale-400)';
|
|
893
|
-
'spacing.scale.500': 'var(--ds-scale-500)';
|
|
894
|
-
'spacing.scale.600': 'var(--ds-scale-600)';
|
|
895
|
-
'spacing.scale.800': 'var(--ds-scale-800)';
|
|
896
|
-
'spacing.scale.1000': 'var(--ds-scale-1000)';
|
|
897
|
-
'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
|
|
898
|
-
'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
|
|
899
|
-
'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
|
|
900
|
-
'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
|
|
901
|
-
'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
|
|
902
|
-
'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
|
|
903
|
-
'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
|
|
904
|
-
'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
|
|
905
|
-
'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
|
|
906
|
-
'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
|
|
907
|
-
'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
|
|
908
|
-
'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
|
|
909
|
-
'spacing.size.none': 'var(--ds-size-none)';
|
|
910
|
-
'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
|
|
911
|
-
'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
|
|
912
|
-
'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
|
|
913
|
-
'spacing.size.xsmall': 'var(--ds-size-xsmall)';
|
|
914
|
-
'spacing.size.small': 'var(--ds-size-small)';
|
|
915
|
-
'spacing.size.medium': 'var(--ds-size-medium)';
|
|
916
|
-
'spacing.size.large': 'var(--ds-size-large)';
|
|
917
|
-
'spacing.size.xlarge': 'var(--ds-size-xlarge)';
|
|
918
|
-
'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
|
|
919
|
-
'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
|
|
920
|
-
'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
|
|
921
|
-
'spacing.gap.100': 'var(--ds-gap-100)';
|
|
922
|
-
'spacing.gap.200': 'var(--ds-gap-200)';
|
|
923
|
-
'spacing.gap.300': 'var(--ds-gap-300)';
|
|
924
|
-
'spacing.inset.100': 'var(--ds-inset-100)';
|
|
925
|
-
'spacing.inset.200': 'var(--ds-inset-200)';
|
|
926
|
-
'spacing.inset.300': 'var(--ds-inset-300)';
|
|
927
|
-
'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
|
|
928
|
-
'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
|
|
929
|
-
'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
|
|
930
|
-
'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
|
|
931
|
-
'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
|
|
932
|
-
'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
|
|
933
|
-
'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
|
|
934
|
-
'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
|
|
935
|
-
'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
|
|
936
|
-
'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
|
|
937
|
-
'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
|
|
938
|
-
'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
|
|
939
|
-
'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
|
|
940
|
-
'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
|
|
941
|
-
'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
|
|
942
|
-
'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
|
|
943
|
-
'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
|
|
944
|
-
'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
|
|
945
|
-
'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
|
|
946
|
-
'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
|
|
947
|
-
'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
|
|
948
|
-
'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
|
|
614
|
+
'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
|
|
949
615
|
'space.0': 'var(--ds-space-0)';
|
|
950
616
|
'space.025': 'var(--ds-space-025)';
|
|
951
617
|
'space.050': 'var(--ds-space-050)';
|