@atlaskit/tokens 0.6.1 → 0.7.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 (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
package/dist/cjs/artifacts/token-default-values.js CHANGED
@@ -12,19 +12,28 @@ exports.default = void 0;
12
12
  */
13
13
  var defaultTokenValues = {
14
14
  'color.text.accent.blue': '#0055CC',
15
+ 'color.text.accent.blue.bolder': '#09326C',
15
16
  'color.text.accent.red': '#AE2A19',
17
+ 'color.text.accent.red.bolder': '#601E16',
16
18
  'color.text.accent.orange': '#974F0C',
19
+ 'color.text.accent.orange.bolder': '#5F3811',
17
20
  'color.text.accent.yellow': '#7F5F01',
21
+ 'color.text.accent.yellow.bolder': '#533F04',
18
22
  'color.text.accent.green': '#216E4E',
23
+ 'color.text.accent.green.bolder': '#164B35',
19
24
  'color.text.accent.purple': '#5E4DB2',
25
+ 'color.text.accent.purple.bolder': '#352C63',
20
26
  'color.text.accent.teal': '#206B74',
27
+ 'color.text.accent.teal.bolder': '#1D474C',
21
28
  'color.text.accent.magenta': '#943D73',
29
+ 'color.text.accent.magenta.bolder': '#50253F',
22
30
  'color.text': '#172B4D',
23
31
  'color.text.subtle': '#44546F',
24
32
  'color.text.subtlest': '#626F86',
25
33
  'color.text.disabled': '#8993A5',
26
34
  'color.text.inverse': '#FFFFFF',
27
35
  'color.text.brand': '#0C66E4',
36
+ 'color.text.selected': '#0C66E4',
28
37
  'color.text.danger': '#AE2A19',
29
38
  'color.text.warning': '#974F0C',
30
39
  'color.text.warning.inverse': '#172B4D',
@@ -38,7 +47,6 @@ var defaultTokenValues = {
38
47
  'color.text.mediumEmphasis': '#44546F',
39
48
  'color.text.onBold': '#FFFFFF',
40
49
  'color.text.onBoldWarning': '#172B4D',
41
- 'color.text.selected': '#0C66E4',
42
50
  'color.icon.accent.blue': '#1D7AFC',
43
51
  'color.icon.accent.red': '#E34935',
44
52
  'color.icon.accent.orange': '#D97008',
@@ -52,6 +60,7 @@ var defaultTokenValues = {
52
60
  'color.icon.inverse': '#FFFFFF',
53
61
  'color.icon.disabled': '#8993A5',
54
62
  'color.icon.brand': '#0C66E4',
63
+ 'color.icon.selected': '#0C66E4',
55
64
  'color.icon.danger': '#E34935',
56
65
  'color.icon.warning': '#D97008',
57
66
  'color.icon.warning.inverse': '#172B4D',
@@ -71,6 +80,7 @@ var defaultTokenValues = {
71
80
  'color.border.input': '#091E4224',
72
81
  'color.border.disabled': '#091E420F',
73
82
  'color.border.brand': '#0C66E4',
83
+ 'color.border.selected': '#0C66E4',
74
84
  'color.border.danger': '#E34935',
75
85
  'color.border.warning': '#D97008',
76
86
  'color.border.success': '#22A06B',
@@ -78,20 +88,52 @@ var defaultTokenValues = {
78
88
  'color.border.information': '#1D7AFC',
79
89
  'color.border.focus': '#388BFF',
80
90
  'color.border.neutral': '#091E4224',
91
+ 'color.background.accent.blue.subtlest': '#E9F2FF',
92
+ 'color.background.accent.blue.subtler': '#CCE0FF',
93
+ 'color.background.accent.blue.subtle': '#579DFF',
94
+ 'color.background.accent.blue.bolder': '#0C66E4',
81
95
  'color.background.accent.blue': '#CCE0FF',
82
96
  'color.background.accent.blue.bold': '#579DFF',
97
+ 'color.background.accent.red.subtlest': '#FFEDEB',
98
+ 'color.background.accent.red.subtler': '#FFD2CC',
99
+ 'color.background.accent.red.subtle': '#F87462',
100
+ 'color.background.accent.red.bolder': '#CA3521',
83
101
  'color.background.accent.red': '#FFD2CC',
84
102
  'color.background.accent.red.bold': '#F87462',
103
+ 'color.background.accent.orange.subtlest': '#FFF4E5',
104
+ 'color.background.accent.orange.subtler': '#FFE2BD',
105
+ 'color.background.accent.orange.subtle': '#FAA53D',
106
+ 'color.background.accent.orange.bolder': '#B65C02',
85
107
  'color.background.accent.orange': '#FFE2BD',
86
108
  'color.background.accent.orange.bold': '#FAA53D',
109
+ 'color.background.accent.yellow.subtlest': '#FFF7D6',
110
+ 'color.background.accent.yellow.subtler': '#F8E6A0',
111
+ 'color.background.accent.yellow.subtle': '#E2B203',
112
+ 'color.background.accent.yellow.bolder': '#946F00',
87
113
  'color.background.accent.yellow': '#F8E6A0',
88
114
  'color.background.accent.yellow.bold': '#E2B203',
115
+ 'color.background.accent.green.subtlest': '#DFFCF0',
116
+ 'color.background.accent.green.subtler': '#BAF3DB',
117
+ 'color.background.accent.green.subtle': '#4BCE97',
118
+ 'color.background.accent.green.bolder': '#1F845A',
89
119
  'color.background.accent.green': '#BAF3DB',
90
120
  'color.background.accent.green.bold': '#4BCE97',
121
+ 'color.background.accent.teal.subtlest': '#E3FAFC',
122
+ 'color.background.accent.teal.subtler': '#C1F0F5',
123
+ 'color.background.accent.teal.subtle': '#60C6D2',
124
+ 'color.background.accent.teal.bolder': '#1D7F8C',
91
125
  'color.background.accent.teal': '#C1F0F5',
92
126
  'color.background.accent.teal.bold': '#60C6D2',
127
+ 'color.background.accent.purple.subtlest': '#F3F0FF',
128
+ 'color.background.accent.purple.subtler': '#DFD8FD',
129
+ 'color.background.accent.purple.subtle': '#9F8FEF',
130
+ 'color.background.accent.purple.bolder': '#6E5DC6',
93
131
  'color.background.accent.purple': '#DFD8FD',
94
132
  'color.background.accent.purple.bold': '#9F8FEF',
133
+ 'color.background.accent.magenta.subtlest': '#FFECF8',
134
+ 'color.background.accent.magenta.subtler': '#FDD0EC',
135
+ 'color.background.accent.magenta.subtle': '#E774BB',
136
+ 'color.background.accent.magenta.bolder': '#AE4787',
95
137
  'color.background.accent.magenta': '#FDD0EC',
96
138
  'color.background.accent.magenta.bold': '#E774BB',
97
139
  'color.background.disabled': '#091E420F',
@@ -108,12 +150,20 @@ var defaultTokenValues = {
108
150
  'color.background.neutral.bold': '#44546F',
109
151
  'color.background.neutral.bold.hovered': '#2C3E5D',
110
152
  'color.background.neutral.bold.pressed': '#172B4D',
111
- 'color.background.brand': '#E9F2FF',
112
- 'color.background.brand.hovered': '#CCE0FF',
113
- 'color.background.brand.pressed': '#85B8FF',
114
153
  'color.background.brand.bold': '#0C66E4',
115
154
  'color.background.brand.bold.hovered': '#0055CC',
116
155
  'color.background.brand.bold.pressed': '#09326C',
156
+ 'color.background.brand': '#E9F2FF',
157
+ 'color.background.brand.hovered': '#CCE0FF',
158
+ 'color.background.brand.pressed': '#85B8FF',
159
+ 'color.background.selected': '#E9F2FF',
160
+ 'color.background.selected.hovered': '#CCE0FF',
161
+ 'color.background.selected.pressed': '#85B8FF',
162
+ 'color.background.selected.bold': '#0C66E4',
163
+ 'color.background.selected.bold.hovered': '#0055CC',
164
+ 'color.background.selected.bold.pressed': '#09326C',
165
+ 'color.background.selected.resting': '#E9F2FF',
166
+ 'color.background.selected.hover': '#CCE0FF',
117
167
  'color.background.danger': '#FFEDEB',
118
168
  'color.background.danger.hovered': '#FFD2CC',
119
169
  'color.background.danger.pressed': '#FF9C8F',
@@ -166,9 +216,6 @@ var defaultTokenValues = {
166
216
  'color.background.card': '#FFFFFF',
167
217
  'color.background.default': '#FFFFFF',
168
218
  'color.background.overlay': '#FFFFFF',
169
- 'color.background.selected.resting': '#E9F2FF',
170
- 'color.background.selected.hover': '#CCE0FF',
171
- 'color.background.selected.pressed': '#85B8FF',
172
219
  'color.background.subtleBorderedNeutral.pressed': '#091E420F',
173
220
  'color.background.subtleBorderedNeutral.resting': '#091E4208',
174
221
  'color.background.subtleBrand.hover': '#CCE0FF',
package/dist/cjs/artifacts/token-names.js CHANGED
@@ -8,19 +8,28 @@ exports.default = void 0;
8
8
  // Re-generate by running `yarn build tokens`.
9
9
  var tokens = {
10
10
  'color.text.accent.blue': '--ds-text-accent-blue',
11
+ 'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
11
12
  'color.text.accent.red': '--ds-text-accent-red',
13
+ 'color.text.accent.red.bolder': '--ds-text-accent-red-bolder',
12
14
  'color.text.accent.orange': '--ds-text-accent-orange',
15
+ 'color.text.accent.orange.bolder': '--ds-text-accent-orange-bolder',
13
16
  'color.text.accent.yellow': '--ds-text-accent-yellow',
17
+ 'color.text.accent.yellow.bolder': '--ds-text-accent-yellow-bolder',
14
18
  'color.text.accent.green': '--ds-text-accent-green',
19
+ 'color.text.accent.green.bolder': '--ds-text-accent-green-bolder',
15
20
  'color.text.accent.purple': '--ds-text-accent-purple',
21
+ 'color.text.accent.purple.bolder': '--ds-text-accent-purple-bolder',
16
22
  'color.text.accent.teal': '--ds-text-accent-teal',
23
+ 'color.text.accent.teal.bolder': '--ds-text-accent-teal-bolder',
17
24
  'color.text.accent.magenta': '--ds-text-accent-magenta',
25
+ 'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder',
18
26
  'color.text': '--ds-text',
19
27
  'color.text.subtle': '--ds-text-subtle',
20
28
  'color.text.subtlest': '--ds-text-subtlest',
21
29
  'color.text.disabled': '--ds-text-disabled',
22
30
  'color.text.inverse': '--ds-text-inverse',
23
31
  'color.text.brand': '--ds-text-brand',
32
+ 'color.text.selected': '--ds-text-selected',
24
33
  'color.text.danger': '--ds-text-danger',
25
34
  'color.text.warning': '--ds-text-warning',
26
35
  'color.text.warning.inverse': '--ds-text-warning-inverse',
@@ -34,7 +43,6 @@ var tokens = {
34
43
  'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
35
44
  'color.text.onBold': '--ds-text-onBold',
36
45
  'color.text.onBoldWarning': '--ds-text-onBoldWarning',
37
- 'color.text.selected': '--ds-text-selected',
38
46
  'color.icon.accent.blue': '--ds-icon-accent-blue',
39
47
  'color.icon.accent.red': '--ds-icon-accent-red',
40
48
  'color.icon.accent.orange': '--ds-icon-accent-orange',
@@ -48,6 +56,7 @@ var tokens = {
48
56
  'color.icon.inverse': '--ds-icon-inverse',
49
57
  'color.icon.disabled': '--ds-icon-disabled',
50
58
  'color.icon.brand': '--ds-icon-brand',
59
+ 'color.icon.selected': '--ds-icon-selected',
51
60
  'color.icon.danger': '--ds-icon-danger',
52
61
  'color.icon.warning': '--ds-icon-warning',
53
62
  'color.icon.warning.inverse': '--ds-icon-warning-inverse',
@@ -67,6 +76,7 @@ var tokens = {
67
76
  'color.border.input': '--ds-border-input',
68
77
  'color.border.disabled': '--ds-border-disabled',
69
78
  'color.border.brand': '--ds-border-brand',
79
+ 'color.border.selected': '--ds-border-selected',
70
80
  'color.border.danger': '--ds-border-danger',
71
81
  'color.border.warning': '--ds-border-warning',
72
82
  'color.border.success': '--ds-border-success',
@@ -74,20 +84,52 @@ var tokens = {
74
84
  'color.border.information': '--ds-border-information',
75
85
  'color.border.focus': '--ds-border-focus',
76
86
  'color.border.neutral': '--ds-border-neutral',
87
+ 'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
88
+ 'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
89
+ 'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
90
+ 'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
77
91
  'color.background.accent.blue': '--ds-background-accent-blue',
78
92
  'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
93
+ 'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
94
+ 'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
95
+ 'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
96
+ 'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
79
97
  'color.background.accent.red': '--ds-background-accent-red',
80
98
  'color.background.accent.red.bold': '--ds-background-accent-red-bold',
99
+ 'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
100
+ 'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
101
+ 'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
102
+ 'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
81
103
  'color.background.accent.orange': '--ds-background-accent-orange',
82
104
  'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
105
+ 'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
106
+ 'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
107
+ 'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
108
+ 'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
83
109
  'color.background.accent.yellow': '--ds-background-accent-yellow',
84
110
  'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
111
+ 'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
112
+ 'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
113
+ 'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
114
+ 'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
85
115
  'color.background.accent.green': '--ds-background-accent-green',
86
116
  'color.background.accent.green.bold': '--ds-background-accent-green-bold',
117
+ 'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
118
+ 'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
119
+ 'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
120
+ 'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
87
121
  'color.background.accent.teal': '--ds-background-accent-teal',
88
122
  'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
123
+ 'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
124
+ 'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
125
+ 'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
126
+ 'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
89
127
  'color.background.accent.purple': '--ds-background-accent-purple',
90
128
  'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
129
+ 'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
130
+ 'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
131
+ 'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
132
+ 'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
91
133
  'color.background.accent.magenta': '--ds-background-accent-magenta',
92
134
  'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
93
135
  'color.background.disabled': '--ds-background-disabled',
@@ -104,12 +146,20 @@ var tokens = {
104
146
  'color.background.neutral.bold': '--ds-background-neutral-bold',
105
147
  'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
106
148
  'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
107
- 'color.background.brand': '--ds-background-brand',
108
- 'color.background.brand.hovered': '--ds-background-brand-hovered',
109
- 'color.background.brand.pressed': '--ds-background-brand-pressed',
110
149
  'color.background.brand.bold': '--ds-background-brand-bold',
111
150
  'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
112
151
  'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
152
+ 'color.background.brand': '--ds-background-brand',
153
+ 'color.background.brand.hovered': '--ds-background-brand-hovered',
154
+ 'color.background.brand.pressed': '--ds-background-brand-pressed',
155
+ 'color.background.selected': '--ds-background-selected',
156
+ 'color.background.selected.hovered': '--ds-background-selected-hovered',
157
+ 'color.background.selected.pressed': '--ds-background-selected-pressed',
158
+ 'color.background.selected.bold': '--ds-background-selected-bold',
159
+ 'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered',
160
+ 'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed',
161
+ 'color.background.selected.resting': '--ds-background-selected-resting',
162
+ 'color.background.selected.hover': '--ds-background-selected-hover',
113
163
  'color.background.danger': '--ds-background-danger',
114
164
  'color.background.danger.hovered': '--ds-background-danger-hovered',
115
165
  'color.background.danger.pressed': '--ds-background-danger-pressed',
@@ -162,9 +212,6 @@ var tokens = {
162
212
  'color.background.card': '--ds-background-card',
163
213
  'color.background.default': '--ds-background-default',
164
214
  'color.background.overlay': '--ds-background-overlay',
165
- 'color.background.selected.resting': '--ds-background-selected-resting',
166
- 'color.background.selected.hover': '--ds-background-selected-hover',
167
- 'color.background.selected.pressed': '--ds-background-selected-pressed',
168
215
  'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
169
216
  'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
170
217
  'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',