@atlaskit/tokens 0.13.5 → 1.0.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.
Files changed (187) hide show
  1. package/CHANGELOG.md +289 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +2 -402
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -104
  16. package/dist/cjs/artifacts/token-names.js +2 -104
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +0 -1
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -1
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -1
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +2 -401
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/{css/atlassian-spacing.css → dist/es2019/artifacts/themes/atlassian-spacing.js} +4 -2
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -103
  65. package/dist/es2019/artifacts/token-names.js +2 -103
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/babel-plugin/plugin.js +17 -37
  71. package/dist/es2019/get-global-theme.js +20 -0
  72. package/dist/es2019/get-token-value.js +1 -6
  73. package/dist/es2019/get-token.js +3 -8
  74. package/dist/es2019/index.js +5 -2
  75. package/dist/es2019/palettes/legacy-palette.js +1 -0
  76. package/dist/es2019/palettes/spacing-scale.js +1 -0
  77. package/dist/es2019/palettes/typography-palette.js +2 -1
  78. package/dist/es2019/set-global-theme.js +162 -32
  79. package/dist/es2019/theme-config.js +5 -21
  80. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  81. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  82. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  86. package/dist/es2019/use-theme-observer.js +26 -0
  87. package/dist/es2019/utils/color-detection.js +3 -5
  88. package/dist/es2019/utils/theme-loading.js +18 -0
  89. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  90. package/dist/es2019/utils/token-ids.js +5 -4
  91. package/dist/es2019/version.json +1 -1
  92. package/dist/esm/artifacts/replacement-mapping.js +2 -401
  93. package/dist/esm/artifacts/theme-import-map.js +39 -0
  94. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  95. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  96. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  97. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  100. package/dist/esm/artifacts/token-default-values.js +2 -103
  101. package/dist/esm/artifacts/token-names.js +2 -103
  102. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  103. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  104. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  105. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  106. package/dist/esm/babel-plugin/plugin.js +17 -35
  107. package/dist/esm/get-global-theme.js +22 -0
  108. package/dist/esm/get-token-value.js +1 -6
  109. package/dist/esm/get-token.js +3 -8
  110. package/dist/esm/index.js +5 -2
  111. package/dist/esm/palettes/legacy-palette.js +1 -0
  112. package/dist/esm/palettes/spacing-scale.js +1 -0
  113. package/dist/esm/palettes/typography-palette.js +0 -3
  114. package/dist/esm/set-global-theme.js +263 -37
  115. package/dist/esm/theme-config.js +5 -21
  116. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  117. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  118. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  119. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  120. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  121. package/dist/esm/tokens/default/utility/utility.js +1 -9
  122. package/dist/esm/use-theme-observer.js +34 -0
  123. package/dist/esm/utils/color-detection.js +23 -30
  124. package/dist/esm/utils/theme-loading.js +60 -0
  125. package/dist/esm/utils/theme-state-transformer.js +64 -0
  126. package/dist/esm/utils/token-ids.js +5 -4
  127. package/dist/esm/version.json +1 -1
  128. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  129. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  130. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  131. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  132. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  133. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  134. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  135. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  136. package/dist/types/artifacts/token-default-values.d.ts +2 -103
  137. package/dist/types/artifacts/token-names.d.ts +3 -205
  138. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  139. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  140. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  141. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  142. package/dist/types/artifacts/types-internal.d.ts +2 -2
  143. package/dist/types/artifacts/types.d.ts +2 -2
  144. package/dist/types/get-global-theme.d.ts +2 -0
  145. package/dist/types/index.d.ts +7 -3
  146. package/dist/types/set-global-theme.d.ts +63 -7
  147. package/dist/types/theme-config.d.ts +10 -7
  148. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  149. package/dist/types/types.d.ts +1 -180
  150. package/dist/types/use-theme-observer.d.ts +15 -0
  151. package/dist/types/utils/theme-loading.d.ts +3 -0
  152. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  153. package/figma/atlassian-dark.json +1 -102
  154. package/figma/atlassian-legacy-dark.json +1 -102
  155. package/figma/atlassian-legacy-light.json +1 -102
  156. package/figma/atlassian-light.json +1 -102
  157. package/package.json +5 -8
  158. package/report.api.md +85 -219
  159. package/tmp/api-report-tmp.d.ts +58 -210
  160. package/css/atlassian-dark.css +0 -786
  161. package/css/atlassian-legacy-dark.css +0 -786
  162. package/css/atlassian-legacy-light.css +0 -786
  163. package/css/atlassian-light.css +0 -786
  164. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  165. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  166. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  167. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  168. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  169. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  170. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  171. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  172. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  173. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  174. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  175. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  176. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  177. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  178. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  179. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  180. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  181. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  182. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  183. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  184. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  185. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  186. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  187. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ /**
8
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
+ * @codegen <<SignedSource::2bb692b141bab7de1129474ea0fe281e>>
10
+ * @codegenCommand yarn build tokens
11
+ */
12
+ var _default = "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-size-050: 11px;\n --ds-font-size-075: 12px;\n --ds-font-size-100: 14px;\n --ds-font-size-200: 16px;\n --ds-font-size-300: 20px;\n --ds-font-size-400: 24px;\n --ds-font-size-500: 29px;\n --ds-font-size-600: 35px;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-100: 16px;\n --ds-font-lineHeight-200: 20px;\n --ds-font-lineHeight-300: 24px;\n --ds-font-lineHeight-400: 28px;\n --ds-font-lineHeight-500: 32px;\n --ds-font-lineHeight-600: 40px;\n}\n";
13
+ exports.default = _default;
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
9
  *
11
10
  * Token names mapped to their value in the default Atlassian themes ('light').
12
11
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
13
12
  *
14
- * @codegen <<SignedSource::b5f83d6c535c103d4ac61f4d40d60207>>
13
+ * @codegen <<SignedSource::8db81f08f270c144c38da4157ea447a1>>
15
14
  * @codegenCommand yarn build tokens
16
15
  */
17
16
  var defaultTokenValues = {
@@ -35,14 +34,7 @@ var defaultTokenValues = {
35
34
  'color.text.accent.gray': '#44546F',
36
35
  'color.text.accent.gray.bolder': '#091E42',
37
36
  'color.text.disabled': '#091E424F',
38
- 'color.text.highEmphasis': '#172B4D',
39
37
  'color.text.inverse': '#FFFFFF',
40
- 'color.text.link.pressed': '#0055CC',
41
- 'color.text.link.resting': '#0C66E4',
42
- 'color.text.lowEmphasis': '#626F86',
43
- 'color.text.mediumEmphasis': '#44546F',
44
- 'color.text.onBold': '#FFFFFF',
45
- 'color.text.onBoldWarning': '#172B4D',
46
38
  'color.text.selected': '#0C66E4',
47
39
  'color.text.brand': '#0C66E4',
48
40
  'color.text.danger': '#AE2A19',
@@ -87,11 +79,9 @@ var defaultTokenValues = {
87
79
  'color.border.accent.magenta': '#CD519D',
88
80
  'color.border.accent.gray': '#758195',
89
81
  'color.border.disabled': '#091E420F',
90
- 'color.border.focus': '#388BFF',
91
82
  'color.border.focused': '#388BFF',
92
83
  'color.border.input': '#091E4224',
93
84
  'color.border.inverse': '#FFFFFF',
94
- 'color.border.neutral': '#091E4224',
95
85
  'color.border.selected': '#0C66E4',
96
86
  'color.border.brand': '#0C66E4',
97
87
  'color.border.danger': '#E34935',
@@ -100,84 +90,46 @@ var defaultTokenValues = {
100
90
  'color.border.discovery': '#8270DB',
101
91
  'color.border.information': '#1D7AFC',
102
92
  'color.border.bold': '#758195',
103
- 'color.background.accent.red': '#FFD2CC',
104
93
  'color.background.accent.red.subtlest': '#FFEDEB',
105
94
  'color.background.accent.red.subtler': '#FFD2CC',
106
95
  'color.background.accent.red.subtle': '#F87462',
107
- 'color.background.accent.red.bold': '#F87462',
108
96
  'color.background.accent.red.bolder': '#CA3521',
109
- 'color.background.accent.orange': '#FFE2BD',
110
97
  'color.background.accent.orange.subtlest': '#FFF4E5',
111
98
  'color.background.accent.orange.subtler': '#FFE2BD',
112
99
  'color.background.accent.orange.subtle': '#FAA53D',
113
- 'color.background.accent.orange.bold': '#FAA53D',
114
100
  'color.background.accent.orange.bolder': '#B65C02',
115
- 'color.background.accent.yellow': '#F8E6A0',
116
101
  'color.background.accent.yellow.subtlest': '#FFF7D6',
117
102
  'color.background.accent.yellow.subtler': '#F8E6A0',
118
103
  'color.background.accent.yellow.subtle': '#E2B203',
119
- 'color.background.accent.yellow.bold': '#E2B203',
120
104
  'color.background.accent.yellow.bolder': '#946F00',
121
- 'color.background.accent.green': '#BAF3DB',
122
105
  'color.background.accent.green.subtlest': '#DFFCF0',
123
106
  'color.background.accent.green.subtler': '#BAF3DB',
124
107
  'color.background.accent.green.subtle': '#4BCE97',
125
- 'color.background.accent.green.bold': '#4BCE97',
126
108
  'color.background.accent.green.bolder': '#1F845A',
127
- 'color.background.accent.teal': '#C1F0F5',
128
109
  'color.background.accent.teal.subtlest': '#E3FAFC',
129
110
  'color.background.accent.teal.subtler': '#C1F0F5',
130
111
  'color.background.accent.teal.subtle': '#60C6D2',
131
- 'color.background.accent.teal.bold': '#60C6D2',
132
112
  'color.background.accent.teal.bolder': '#1D7F8C',
133
- 'color.background.accent.blue': '#CCE0FF',
134
113
  'color.background.accent.blue.subtlest': '#E9F2FF',
135
114
  'color.background.accent.blue.subtler': '#CCE0FF',
136
115
  'color.background.accent.blue.subtle': '#579DFF',
137
- 'color.background.accent.blue.bold': '#579DFF',
138
116
  'color.background.accent.blue.bolder': '#0C66E4',
139
- 'color.background.accent.purple': '#DFD8FD',
140
117
  'color.background.accent.purple.subtlest': '#F3F0FF',
141
118
  'color.background.accent.purple.subtler': '#DFD8FD',
142
119
  'color.background.accent.purple.subtle': '#9F8FEF',
143
- 'color.background.accent.purple.bold': '#9F8FEF',
144
120
  'color.background.accent.purple.bolder': '#6E5DC6',
145
- 'color.background.accent.magenta': '#FDD0EC',
146
121
  'color.background.accent.magenta.subtlest': '#FFECF8',
147
122
  'color.background.accent.magenta.subtler': '#FDD0EC',
148
123
  'color.background.accent.magenta.subtle': '#E774BB',
149
- 'color.background.accent.magenta.bold': '#E774BB',
150
124
  'color.background.accent.magenta.bolder': '#AE4787',
151
125
  'color.background.accent.gray.subtlest': '#F1F2F4',
152
126
  'color.background.accent.gray.subtler': '#DCDFE4',
153
127
  'color.background.accent.gray.subtle': '#8590A2',
154
128
  'color.background.accent.gray.bolder': '#626F86',
155
- 'color.background.blanket': '#091E427D',
156
- 'color.background.boldBrand.hover': '#0055CC',
157
- 'color.background.boldBrand.pressed': '#09326C',
158
- 'color.background.boldBrand.resting': '#0C66E4',
159
- 'color.background.boldDanger.hover': '#AE2A19',
160
- 'color.background.boldDanger.pressed': '#601E16',
161
- 'color.background.boldDanger.resting': '#CA3521',
162
- 'color.background.boldDiscovery.hover': '#5E4DB2',
163
- 'color.background.boldDiscovery.pressed': '#352C63',
164
- 'color.background.boldDiscovery.resting': '#6E5DC6',
165
- 'color.background.boldNeutral.hover': '#2C3E5D',
166
- 'color.background.boldNeutral.pressed': '#172B4D',
167
- 'color.background.boldNeutral.resting': '#44546F',
168
- 'color.background.boldSuccess.hover': '#216E4E',
169
- 'color.background.boldSuccess.pressed': '#164B35',
170
- 'color.background.boldSuccess.resting': '#1F845A',
171
- 'color.background.boldWarning.hover': '#CF9F02',
172
- 'color.background.boldWarning.pressed': '#B38600',
173
- 'color.background.boldWarning.resting': '#E2B203',
174
- 'color.background.card': '#FFFFFF',
175
- 'color.background.default': '#FFFFFF',
176
129
  'color.background.disabled': '#091E4208',
177
130
  'color.background.input': '#FFFFFF',
178
131
  'color.background.input.hovered': '#F7F8F9',
179
132
  'color.background.input.pressed': '#FFFFFF',
180
- 'color.background.inverse': '#FFFFFF29',
181
133
  'color.background.inverse.subtle': '#00000029',
182
134
  'color.background.inverse.subtle.hovered': '#0000003D',
183
135
  'color.background.inverse.subtle.pressed': '#00000052',
@@ -190,41 +142,12 @@ var defaultTokenValues = {
190
142
  'color.background.neutral.bold': '#44546F',
191
143
  'color.background.neutral.bold.hovered': '#2C3E5D',
192
144
  'color.background.neutral.bold.pressed': '#172B4D',
193
- 'color.background.overlay': '#FFFFFF',
194
145
  'color.background.selected': '#E9F2FF',
195
146
  'color.background.selected.hovered': '#CCE0FF',
196
147
  'color.background.selected.pressed': '#85B8FF',
197
- 'color.background.selected.hover': '#CCE0FF',
198
- 'color.background.selected.resting': '#E9F2FF',
199
148
  'color.background.selected.bold': '#0C66E4',
200
149
  'color.background.selected.bold.hovered': '#0055CC',
201
150
  'color.background.selected.bold.pressed': '#09326C',
202
- 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
203
- 'color.background.subtleBorderedNeutral.resting': '#091E4208',
204
- 'color.background.subtleBrand.hover': '#CCE0FF',
205
- 'color.background.subtleBrand.pressed': '#85B8FF',
206
- 'color.background.subtleBrand.resting': '#E9F2FF',
207
- 'color.background.subtleDanger.hover': '#FFD2CC',
208
- 'color.background.subtleDanger.pressed': '#FF9C8F',
209
- 'color.background.subtleDanger.resting': '#FFEDEB',
210
- 'color.background.subtleDiscovery.hover': '#DFD8FD',
211
- 'color.background.subtleDiscovery.pressed': '#B8ACF6',
212
- 'color.background.subtleDiscovery.resting': '#F3F0FF',
213
- 'color.background.subtleNeutral.hover': '#091E4224',
214
- 'color.background.subtleNeutral.pressed': '#091E424F',
215
- 'color.background.subtleNeutral.resting': '#091E420F',
216
- 'color.background.subtleSuccess.hover': '#BAF3DB',
217
- 'color.background.subtleSuccess.pressed': '#7EE2B8',
218
- 'color.background.subtleSuccess.resting': '#DFFCF0',
219
- 'color.background.subtleWarning.hover': '#F8E6A0',
220
- 'color.background.subtleWarning.pressed': '#F5CD47',
221
- 'color.background.subtleWarning.resting': '#FFF7D6',
222
- 'color.background.sunken': '#091E4208',
223
- 'color.background.transparentNeutral.hover': '#091E420F',
224
- 'color.background.transparentNeutral.pressed': '#091E4224',
225
- 'color.background.brand': '#E9F2FF',
226
- 'color.background.brand.hovered': '#CCE0FF',
227
- 'color.background.brand.pressed': '#85B8FF',
228
151
  'color.background.brand.bold': '#0C66E4',
229
152
  'color.background.brand.bold.hovered': '#0055CC',
230
153
  'color.background.brand.bold.pressed': '#09326C',
@@ -262,8 +185,6 @@ var defaultTokenValues = {
262
185
  'color.blanket.selected': '#388BFF14',
263
186
  'color.blanket.danger': '#EF5C4814',
264
187
  'color.interaction.hovered': '#00000029',
265
- 'color.interaction.inverse.hovered': '#00000029',
266
- 'color.interaction.inverse.pressed': '#00000052',
267
188
  'color.interaction.pressed': '#00000052',
268
189
  'color.skeleton': '#091E420F',
269
190
  'color.skeleton.subtle': '#091E4208',
@@ -361,26 +282,6 @@ var defaultTokenValues = {
361
282
  'color.chart.information.hovered': '#1D7AFC',
362
283
  'color.chart.information.bold': '#0055CC',
363
284
  'color.chart.information.bold.hovered': '#09326C',
364
- 'color.accent.boldBlue': '#579DFF',
365
- 'color.accent.boldGreen': '#4BCE97',
366
- 'color.accent.boldOrange': '#FAA53D',
367
- 'color.accent.boldPurple': '#9F8FEF',
368
- 'color.accent.boldRed': '#F87462',
369
- 'color.accent.boldTeal': '#60C6D2',
370
- 'color.accent.subtleBlue': '#CCE0FF',
371
- 'color.accent.subtleGreen': '#BAF3DB',
372
- 'color.accent.subtleMagenta': '#FDD0EC',
373
- 'color.accent.subtleOrange': '#FFE2BD',
374
- 'color.accent.subtlePurple': '#DFD8FD',
375
- 'color.accent.subtleRed': '#FFD2CC',
376
- 'color.accent.subtleTeal': '#C1F0F5',
377
- 'color.iconBorder.brand': '#1D7AFC',
378
- 'color.iconBorder.danger': '#E34935',
379
- 'color.iconBorder.warning': '#D97008',
380
- 'color.iconBorder.success': '#22A06B',
381
- 'color.iconBorder.discovery': '#8270DB',
382
- 'color.overlay.hover': '#091E424F',
383
- 'color.overlay.pressed': '#091E427D',
384
285
  'elevation.surface': '#FFFFFF',
385
286
  'elevation.surface.hovered': '#F1F2F4',
386
287
  'elevation.surface.pressed': '#DCDFE4',
@@ -398,10 +299,7 @@ var defaultTokenValues = {
398
299
  'elevation.shadow.raised': '[object Object],[object Object]',
399
300
  'opacity.disabled': '0.4',
400
301
  'opacity.loading': '0.2',
401
- 'shadow.card': '[object Object],[object Object]',
402
- 'shadow.overlay': '[object Object],[object Object]',
403
- 'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
404
- 'utility.UNSAFE_util.transparent': 'transparent',
302
+ 'utility.UNSAFE.transparent': 'transparent',
405
303
  'spacing.scale.0': '0',
406
304
  'spacing.scale.025': '0.125rem',
407
305
  'spacing.scale.050': '0.25rem',
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
- * @codegen <<SignedSource::aa52bcdd2d60c876616cf469dedf12c2>>
9
+ * @codegen <<SignedSource::d7c48176fa0191c3d90f3742086ec10e>>
11
10
  * @codegenCommand yarn build tokens
12
11
  */
13
12
  var tokens = {
@@ -31,14 +30,7 @@ var tokens = {
31
30
  'color.text.accent.gray': '--ds-text-accent-gray',
32
31
  'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder',
33
32
  'color.text.disabled': '--ds-text-disabled',
34
- 'color.text.highEmphasis': '--ds-text-highEmphasis',
35
33
  'color.text.inverse': '--ds-text-inverse',
36
- 'color.text.link.pressed': '--ds-text-link-pressed',
37
- 'color.text.link.resting': '--ds-text-link-resting',
38
- 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
39
- 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
40
- 'color.text.onBold': '--ds-text-onBold',
41
- 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
42
34
  'color.text.selected': '--ds-text-selected',
43
35
  'color.text.brand': '--ds-text-brand',
44
36
  'color.text.danger': '--ds-text-danger',
@@ -83,11 +75,9 @@ var tokens = {
83
75
  'color.border.accent.magenta': '--ds-border-accent-magenta',
84
76
  'color.border.accent.gray': '--ds-border-accent-gray',
85
77
  'color.border.disabled': '--ds-border-disabled',
86
- 'color.border.focus': '--ds-border-focus',
87
78
  'color.border.focused': '--ds-border-focused',
88
79
  'color.border.input': '--ds-border-input',
89
80
  'color.border.inverse': '--ds-border-inverse',
90
- 'color.border.neutral': '--ds-border-neutral',
91
81
  'color.border.selected': '--ds-border-selected',
92
82
  'color.border.brand': '--ds-border-brand',
93
83
  'color.border.danger': '--ds-border-danger',
@@ -96,84 +86,46 @@ var tokens = {
96
86
  'color.border.discovery': '--ds-border-discovery',
97
87
  'color.border.information': '--ds-border-information',
98
88
  'color.border.bold': '--ds-border-bold',
99
- 'color.background.accent.red': '--ds-background-accent-red',
100
89
  'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
101
90
  'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
102
91
  'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
103
- 'color.background.accent.red.bold': '--ds-background-accent-red-bold',
104
92
  'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
105
- 'color.background.accent.orange': '--ds-background-accent-orange',
106
93
  'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
107
94
  'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
108
95
  'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
109
- 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
110
96
  'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
111
- 'color.background.accent.yellow': '--ds-background-accent-yellow',
112
97
  'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
113
98
  'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
114
99
  'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
115
- 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
116
100
  'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
117
- 'color.background.accent.green': '--ds-background-accent-green',
118
101
  'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
119
102
  'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
120
103
  'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
121
- 'color.background.accent.green.bold': '--ds-background-accent-green-bold',
122
104
  'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
123
- 'color.background.accent.teal': '--ds-background-accent-teal',
124
105
  'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
125
106
  'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
126
107
  'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
127
- 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
128
108
  'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
129
- 'color.background.accent.blue': '--ds-background-accent-blue',
130
109
  'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
131
110
  'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
132
111
  'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
133
- 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
134
112
  'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
135
- 'color.background.accent.purple': '--ds-background-accent-purple',
136
113
  'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
137
114
  'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
138
115
  'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
139
- 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
140
116
  'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
141
- 'color.background.accent.magenta': '--ds-background-accent-magenta',
142
117
  'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
143
118
  'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
144
119
  'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
145
- 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
146
120
  'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
147
121
  'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest',
148
122
  'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler',
149
123
  'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle',
150
124
  'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder',
151
- 'color.background.blanket': '--ds-background-blanket',
152
- 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
153
- 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
154
- 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
155
- 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
156
- 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
157
- 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
158
- 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
159
- 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
160
- 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
161
- 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
162
- 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
163
- 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
164
- 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
165
- 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
166
- 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
167
- 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
168
- 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
169
- 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
170
- 'color.background.card': '--ds-background-card',
171
- 'color.background.default': '--ds-background-default',
172
125
  'color.background.disabled': '--ds-background-disabled',
173
126
  'color.background.input': '--ds-background-input',
174
127
  'color.background.input.hovered': '--ds-background-input-hovered',
175
128
  'color.background.input.pressed': '--ds-background-input-pressed',
176
- 'color.background.inverse': '--ds-background-inverse',
177
129
  'color.background.inverse.subtle': '--ds-background-inverse-subtle',
178
130
  'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
179
131
  'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
@@ -186,41 +138,12 @@ var tokens = {
186
138
  'color.background.neutral.bold': '--ds-background-neutral-bold',
187
139
  'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
188
140
  'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
189
- 'color.background.overlay': '--ds-background-overlay',
190
141
  'color.background.selected': '--ds-background-selected',
191
142
  'color.background.selected.hovered': '--ds-background-selected-hovered',
192
143
  'color.background.selected.pressed': '--ds-background-selected-pressed',
193
- 'color.background.selected.hover': '--ds-background-selected-hover',
194
- 'color.background.selected.resting': '--ds-background-selected-resting',
195
144
  'color.background.selected.bold': '--ds-background-selected-bold',
196
145
  'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered',
197
146
  'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed',
198
- 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
199
- 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
200
- 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
201
- 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
202
- 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
203
- 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
204
- 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
205
- 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
206
- 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
207
- 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
208
- 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
209
- 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
210
- 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
211
- 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
212
- 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
213
- 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
214
- 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
215
- 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
216
- 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
217
- 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
218
- 'color.background.sunken': '--ds-background-sunken',
219
- 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
220
- 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
221
- 'color.background.brand': '--ds-background-brand',
222
- 'color.background.brand.hovered': '--ds-background-brand-hovered',
223
- 'color.background.brand.pressed': '--ds-background-brand-pressed',
224
147
  'color.background.brand.bold': '--ds-background-brand-bold',
225
148
  'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
226
149
  'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
@@ -258,8 +181,6 @@ var tokens = {
258
181
  'color.blanket.selected': '--ds-blanket-selected',
259
182
  'color.blanket.danger': '--ds-blanket-danger',
260
183
  'color.interaction.hovered': '--ds-interaction-hovered',
261
- 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered',
262
- 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed',
263
184
  'color.interaction.pressed': '--ds-interaction-pressed',
264
185
  'color.skeleton': '--ds-skeleton',
265
186
  'color.skeleton.subtle': '--ds-skeleton-subtle',
@@ -357,26 +278,6 @@ var tokens = {
357
278
  'color.chart.information.hovered': '--ds-chart-information-hovered',
358
279
  'color.chart.information.bold': '--ds-chart-information-bold',
359
280
  'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered',
360
- 'color.accent.boldBlue': '--ds-accent-boldBlue',
361
- 'color.accent.boldGreen': '--ds-accent-boldGreen',
362
- 'color.accent.boldOrange': '--ds-accent-boldOrange',
363
- 'color.accent.boldPurple': '--ds-accent-boldPurple',
364
- 'color.accent.boldRed': '--ds-accent-boldRed',
365
- 'color.accent.boldTeal': '--ds-accent-boldTeal',
366
- 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
367
- 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
368
- 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
369
- 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
370
- 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
371
- 'color.accent.subtleRed': '--ds-accent-subtleRed',
372
- 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
373
- 'color.iconBorder.brand': '--ds-iconBorder-brand',
374
- 'color.iconBorder.danger': '--ds-iconBorder-danger',
375
- 'color.iconBorder.warning': '--ds-iconBorder-warning',
376
- 'color.iconBorder.success': '--ds-iconBorder-success',
377
- 'color.iconBorder.discovery': '--ds-iconBorder-discovery',
378
- 'color.overlay.hover': '--ds-overlay-hover',
379
- 'color.overlay.pressed': '--ds-overlay-pressed',
380
281
  'elevation.surface': '--ds-surface',
381
282
  'elevation.surface.hovered': '--ds-surface-hovered',
382
283
  'elevation.surface.pressed': '--ds-surface-pressed',
@@ -394,10 +295,7 @@ var tokens = {
394
295
  'elevation.shadow.raised': '--ds-shadow-raised',
395
296
  'opacity.disabled': '--ds-opacity-disabled',
396
297
  'opacity.loading': '--ds-opacity-loading',
397
- 'shadow.card': '--ds-card',
398
- 'shadow.overlay': '--ds-overlay',
399
- 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN',
400
- 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
298
+ 'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
401
299
  'spacing.scale.0': '--ds-scale-0',
402
300
  'spacing.scale.025': '--ds-scale-025',
403
301
  'spacing.scale.050': '--ds-scale-050',