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