@atlaskit/tokens 1.18.0 → 1.19.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 (90) hide show
  1. package/CHANGELOG.md +96 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  7. package/dist/cjs/artifacts/token-default-values.js +81 -1
  8. package/dist/cjs/artifacts/token-names.js +81 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
  16. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  17. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
  19. package/dist/cjs/tokens/default/color/accent.js +920 -200
  20. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  21. package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
  22. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
  23. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
  24. package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
  25. package/dist/es2019/artifacts/token-default-values.js +81 -1
  26. package/dist/es2019/artifacts/token-names.js +81 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
  34. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  35. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
  36. package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
  37. package/dist/es2019/tokens/default/color/accent.js +920 -200
  38. package/dist/esm/artifacts/generated-pairs.js +2 -2
  39. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  42. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +81 -1
  44. package/dist/esm/artifacts/token-names.js +81 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  47. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  48. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
  52. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  53. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
  54. package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
  55. package/dist/esm/tokens/default/color/accent.js +920 -200
  56. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  57. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  58. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  59. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  61. package/dist/types/artifacts/token-default-values.d.ts +81 -1
  62. package/dist/types/artifacts/token-names.d.ts +161 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  65. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  66. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  67. package/dist/types/artifacts/types-internal.d.ts +2 -2
  68. package/dist/types/artifacts/types.d.ts +2 -2
  69. package/dist/types/types.d.ts +200 -40
  70. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +81 -1
  76. package/dist/types-ts4.5/artifacts/token-names.d.ts +161 -1
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  82. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  83. package/dist/types-ts4.5/types.d.ts +200 -40
  84. package/figma/atlassian-dark.json +720 -0
  85. package/figma/atlassian-legacy-dark.json +724 -4
  86. package/figma/atlassian-legacy-light.json +724 -4
  87. package/figma/atlassian-light.json +720 -0
  88. package/package.json +1 -1
  89. package/report.api.md +360 -40
  90. package/tmp/api-report-tmp.d.ts +162 -2
@@ -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::ee1744fd5bb4236aa11d6b04264c3f36>>
3
+ * @codegen <<SignedSource::3d85ad6445c9e91ba4be74807676d20d>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -88,45 +88,125 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
88
88
  --ds-border-information: #388BFF;
89
89
  --ds-border-bold: #738496;
90
90
  --ds-background-accent-lime-subtlest: #2A3818;
91
+ --ds-background-accent-lime-subtlest-hovered: #37471F;
92
+ --ds-background-accent-lime-subtlest-pressed: #4C6B1F;
91
93
  --ds-background-accent-lime-subtler: #37471F;
94
+ --ds-background-accent-lime-subtler-hovered: #4C6B1F;
95
+ --ds-background-accent-lime-subtler-pressed: #5B7F24;
92
96
  --ds-background-accent-lime-subtle: #4C6B1F;
97
+ --ds-background-accent-lime-subtle-hovered: #37471F;
98
+ --ds-background-accent-lime-subtle-pressed: #2A3818;
93
99
  --ds-background-accent-lime-bolder: #94C748;
100
+ --ds-background-accent-lime-bolder-hovered: #B3DF72;
101
+ --ds-background-accent-lime-bolder-pressed: #D3F1A7;
94
102
  --ds-background-accent-red-subtlest: #4F1C16;
103
+ --ds-background-accent-red-subtlest-hovered: #601E16;
104
+ --ds-background-accent-red-subtlest-pressed: #AE2A19;
95
105
  --ds-background-accent-red-subtler: #601E16;
106
+ --ds-background-accent-red-subtler-hovered: #AE2A19;
107
+ --ds-background-accent-red-subtler-pressed: #CA3521;
96
108
  --ds-background-accent-red-subtle: #AE2A19;
109
+ --ds-background-accent-red-subtle-hovered: #601E16;
110
+ --ds-background-accent-red-subtle-pressed: #4F1C16;
97
111
  --ds-background-accent-red-bolder: #F87462;
112
+ --ds-background-accent-red-bolder-hovered: #FF9C8F;
113
+ --ds-background-accent-red-bolder-pressed: #FFD2CC;
98
114
  --ds-background-accent-orange-subtlest: #4A2B0F;
115
+ --ds-background-accent-orange-subtlest-hovered: #5F3811;
116
+ --ds-background-accent-orange-subtlest-pressed: #974F0C;
99
117
  --ds-background-accent-orange-subtler: #5F3811;
118
+ --ds-background-accent-orange-subtler-hovered: #974F0C;
119
+ --ds-background-accent-orange-subtler-pressed: #B65C02;
100
120
  --ds-background-accent-orange-subtle: #974F0C;
121
+ --ds-background-accent-orange-subtle-hovered: #5F3811;
122
+ --ds-background-accent-orange-subtle-pressed: #4A2B0F;
101
123
  --ds-background-accent-orange-bolder: #FAA53D;
124
+ --ds-background-accent-orange-bolder-hovered: #FEC57B;
125
+ --ds-background-accent-orange-bolder-pressed: #FFE2BD;
102
126
  --ds-background-accent-yellow-subtlest: #3F3102;
127
+ --ds-background-accent-yellow-subtlest-hovered: #533F04;
128
+ --ds-background-accent-yellow-subtlest-pressed: #7F5F01;
103
129
  --ds-background-accent-yellow-subtler: #533F04;
130
+ --ds-background-accent-yellow-subtler-hovered: #7F5F01;
131
+ --ds-background-accent-yellow-subtler-pressed: #946F00;
104
132
  --ds-background-accent-yellow-subtle: #7F5F01;
133
+ --ds-background-accent-yellow-subtle-hovered: #533F04;
134
+ --ds-background-accent-yellow-subtle-pressed: #3F3102;
105
135
  --ds-background-accent-yellow-bolder: #E2B203;
136
+ --ds-background-accent-yellow-bolder-hovered: #F5CD47;
137
+ --ds-background-accent-yellow-bolder-pressed: #F8E6A0;
106
138
  --ds-background-accent-green-subtlest: #143C2B;
139
+ --ds-background-accent-green-subtlest-hovered: #164B35;
140
+ --ds-background-accent-green-subtlest-pressed: #216E4E;
107
141
  --ds-background-accent-green-subtler: #164B35;
142
+ --ds-background-accent-green-subtler-hovered: #216E4E;
143
+ --ds-background-accent-green-subtler-pressed: #1F845A;
108
144
  --ds-background-accent-green-subtle: #216E4E;
145
+ --ds-background-accent-green-subtle-hovered: #164B35;
146
+ --ds-background-accent-green-subtle-pressed: #143C2B;
109
147
  --ds-background-accent-green-bolder: #4BCE97;
148
+ --ds-background-accent-green-bolder-hovered: #7EE2B8;
149
+ --ds-background-accent-green-bolder-pressed: #BAF3DB;
110
150
  --ds-background-accent-teal-subtlest: #15373B;
151
+ --ds-background-accent-teal-subtlest-hovered: #1D474C;
152
+ --ds-background-accent-teal-subtlest-pressed: #206B74;
111
153
  --ds-background-accent-teal-subtler: #1D474C;
154
+ --ds-background-accent-teal-subtler-hovered: #206B74;
155
+ --ds-background-accent-teal-subtler-pressed: #1D7F8C;
112
156
  --ds-background-accent-teal-subtle: #206B74;
157
+ --ds-background-accent-teal-subtle-hovered: #1D474C;
158
+ --ds-background-accent-teal-subtle-pressed: #15373B;
113
159
  --ds-background-accent-teal-bolder: #60C6D2;
160
+ --ds-background-accent-teal-bolder-hovered: #8BDBE5;
161
+ --ds-background-accent-teal-bolder-pressed: #C1F0F5;
114
162
  --ds-background-accent-blue-subtlest: #092957;
163
+ --ds-background-accent-blue-subtlest-hovered: #09326C;
164
+ --ds-background-accent-blue-subtlest-pressed: #0055CC;
115
165
  --ds-background-accent-blue-subtler: #09326C;
166
+ --ds-background-accent-blue-subtler-hovered: #0055CC;
167
+ --ds-background-accent-blue-subtler-pressed: #0C66E4;
116
168
  --ds-background-accent-blue-subtle: #0055CC;
169
+ --ds-background-accent-blue-subtle-hovered: #09326C;
170
+ --ds-background-accent-blue-subtle-pressed: #092957;
117
171
  --ds-background-accent-blue-bolder: #579DFF;
172
+ --ds-background-accent-blue-bolder-hovered: #85B8FF;
173
+ --ds-background-accent-blue-bolder-pressed: #CCE0FF;
118
174
  --ds-background-accent-purple-subtlest: #2B2451;
175
+ --ds-background-accent-purple-subtlest-hovered: #352C63;
176
+ --ds-background-accent-purple-subtlest-pressed: #5E4DB2;
119
177
  --ds-background-accent-purple-subtler: #352C63;
178
+ --ds-background-accent-purple-subtler-hovered: #5E4DB2;
179
+ --ds-background-accent-purple-subtler-pressed: #6E5DC6;
120
180
  --ds-background-accent-purple-subtle: #5E4DB2;
181
+ --ds-background-accent-purple-subtle-hovered: #352C63;
182
+ --ds-background-accent-purple-subtle-pressed: #2B2451;
121
183
  --ds-background-accent-purple-bolder: #9F8FEF;
184
+ --ds-background-accent-purple-bolder-hovered: #B8ACF6;
185
+ --ds-background-accent-purple-bolder-pressed: #DFD8FD;
122
186
  --ds-background-accent-magenta-subtlest: #421F34;
187
+ --ds-background-accent-magenta-subtlest-hovered: #50253F;
188
+ --ds-background-accent-magenta-subtlest-pressed: #943D73;
123
189
  --ds-background-accent-magenta-subtler: #50253F;
190
+ --ds-background-accent-magenta-subtler-hovered: #943D73;
191
+ --ds-background-accent-magenta-subtler-pressed: #AE4787;
124
192
  --ds-background-accent-magenta-subtle: #943D73;
193
+ --ds-background-accent-magenta-subtle-hovered: #50253F;
194
+ --ds-background-accent-magenta-subtle-pressed: #421F34;
125
195
  --ds-background-accent-magenta-bolder: #E774BB;
196
+ --ds-background-accent-magenta-bolder-hovered: #F797D2;
197
+ --ds-background-accent-magenta-bolder-pressed: #FDD0EC;
126
198
  --ds-background-accent-gray-subtlest: #2C333A;
199
+ --ds-background-accent-gray-subtlest-hovered: #38414A;
200
+ --ds-background-accent-gray-subtlest-pressed: #454F59;
127
201
  --ds-background-accent-gray-subtler: #454F59;
202
+ --ds-background-accent-gray-subtler-hovered: #596773;
203
+ --ds-background-accent-gray-subtler-pressed: #738496;
128
204
  --ds-background-accent-gray-subtle: #596773;
205
+ --ds-background-accent-gray-subtle-hovered: #454F59;
206
+ --ds-background-accent-gray-subtle-pressed: #38414A;
129
207
  --ds-background-accent-gray-bolder: #8C9BAB;
208
+ --ds-background-accent-gray-bolder-hovered: #9FADBC;
209
+ --ds-background-accent-gray-bolder-pressed: #B6C2CF;
130
210
  --ds-background-disabled: #BCD6F00A;
131
211
  --ds-background-input: #22272B;
132
212
  --ds-background-input-hovered: #282E33;
@@ -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::894461832aeb4a23b3e2b76aabc72aa2>>
3
+ * @codegen <<SignedSource::0ca328e17457ed4f82d7463a4a3e8b82>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -87,46 +87,126 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
87
87
  --ds-border-discovery: #403294;
88
88
  --ds-border-information: #0747A6;
89
89
  --ds-border-bold: #7988A3;
90
- --ds-background-accent-lime-subtlest: #EEFBDA;
91
- --ds-background-accent-lime-subtler: #D3F1A7;
92
- --ds-background-accent-lime-subtle: #94C748;
93
- --ds-background-accent-lime-bolder: #5B7F24;
90
+ --ds-background-accent-lime-subtlest: #2A3818;
91
+ --ds-background-accent-lime-subtlest-hovered: #37471F;
92
+ --ds-background-accent-lime-subtlest-pressed: #4C6B1F;
93
+ --ds-background-accent-lime-subtler: #37471F;
94
+ --ds-background-accent-lime-subtler-hovered: #4C6B1F;
95
+ --ds-background-accent-lime-subtler-pressed: #5B7F24;
96
+ --ds-background-accent-lime-subtle: #4C6B1F;
97
+ --ds-background-accent-lime-subtle-hovered: #37471F;
98
+ --ds-background-accent-lime-subtle-pressed: #2A3818;
99
+ --ds-background-accent-lime-bolder: #94C748;
100
+ --ds-background-accent-lime-bolder-hovered: #B3DF72;
101
+ --ds-background-accent-lime-bolder-pressed: #D3F1A7;
94
102
  --ds-background-accent-red-subtlest: #BF2600;
103
+ --ds-background-accent-red-subtlest-hovered: #DE350B;
104
+ --ds-background-accent-red-subtlest-pressed: #FF5630;
95
105
  --ds-background-accent-red-subtler: #DE350B;
106
+ --ds-background-accent-red-subtler-hovered: #FF5630;
107
+ --ds-background-accent-red-subtler-pressed: #FF7452;
96
108
  --ds-background-accent-red-subtle: #FF5630;
109
+ --ds-background-accent-red-subtle-hovered: #DE350B;
110
+ --ds-background-accent-red-subtle-pressed: #BF2600;
97
111
  --ds-background-accent-red-bolder: #FF8F73;
112
+ --ds-background-accent-red-bolder-hovered: #FFBDAD;
113
+ --ds-background-accent-red-bolder-pressed: #FFEBE6;
98
114
  --ds-background-accent-orange-subtlest: #43290F;
115
+ --ds-background-accent-orange-subtlest-hovered: #5F3811;
116
+ --ds-background-accent-orange-subtlest-pressed: #974F0C;
99
117
  --ds-background-accent-orange-subtler: #5F3811;
118
+ --ds-background-accent-orange-subtler-hovered: #974F0C;
119
+ --ds-background-accent-orange-subtler-pressed: #B65C02;
100
120
  --ds-background-accent-orange-subtle: #974F0C;
121
+ --ds-background-accent-orange-subtle-hovered: #5F3811;
122
+ --ds-background-accent-orange-subtle-pressed: #4A2B0F;
101
123
  --ds-background-accent-orange-bolder: #F18D13;
124
+ --ds-background-accent-orange-bolder-hovered: #FEC57B;
125
+ --ds-background-accent-orange-bolder-pressed: #FFE2BD;
102
126
  --ds-background-accent-yellow-subtlest: #FF8B00;
127
+ --ds-background-accent-yellow-subtlest-hovered: #FF991F;
128
+ --ds-background-accent-yellow-subtlest-pressed: #FFAB00;
103
129
  --ds-background-accent-yellow-subtler: #FF991F;
130
+ --ds-background-accent-yellow-subtler-hovered: #FFAB00;
131
+ --ds-background-accent-yellow-subtler-pressed: #FFC400;
104
132
  --ds-background-accent-yellow-subtle: #FFAB00;
133
+ --ds-background-accent-yellow-subtle-hovered: #FF991F;
134
+ --ds-background-accent-yellow-subtle-pressed: #FF8B00;
105
135
  --ds-background-accent-yellow-bolder: #FFE380;
136
+ --ds-background-accent-yellow-bolder-hovered: #FFF0B3;
137
+ --ds-background-accent-yellow-bolder-pressed: #FFFAE6;
106
138
  --ds-background-accent-green-subtlest: #006644;
139
+ --ds-background-accent-green-subtlest-hovered: #00875A;
140
+ --ds-background-accent-green-subtlest-pressed: #36B37E;
107
141
  --ds-background-accent-green-subtler: #00875A;
142
+ --ds-background-accent-green-subtler-hovered: #36B37E;
143
+ --ds-background-accent-green-subtler-pressed: #57D9A3;
108
144
  --ds-background-accent-green-subtle: #36B37E;
145
+ --ds-background-accent-green-subtle-hovered: #00875A;
146
+ --ds-background-accent-green-subtle-pressed: #006644;
109
147
  --ds-background-accent-green-bolder: #79F2C0;
148
+ --ds-background-accent-green-bolder-hovered: #ABF5D1;
149
+ --ds-background-accent-green-bolder-pressed: #E3FCEF;
110
150
  --ds-background-accent-teal-subtlest: #008DA6;
151
+ --ds-background-accent-teal-subtlest-hovered: #00A3BF;
152
+ --ds-background-accent-teal-subtlest-pressed: #00B8D9;
111
153
  --ds-background-accent-teal-subtler: #00A3BF;
154
+ --ds-background-accent-teal-subtler-hovered: #00B8D9;
155
+ --ds-background-accent-teal-subtler-pressed: #00C7E6;
112
156
  --ds-background-accent-teal-subtle: #00B8D9;
157
+ --ds-background-accent-teal-subtle-hovered: #00A3BF;
158
+ --ds-background-accent-teal-subtle-pressed: #008DA6;
113
159
  --ds-background-accent-teal-bolder: #79E2F2;
160
+ --ds-background-accent-teal-bolder-hovered: #B3F5FF;
161
+ --ds-background-accent-teal-bolder-pressed: #E6FCFF;
114
162
  --ds-background-accent-blue-subtlest: #0747A6;
163
+ --ds-background-accent-blue-subtlest-hovered: #0052CC;
164
+ --ds-background-accent-blue-subtlest-pressed: #0065FF;
115
165
  --ds-background-accent-blue-subtler: #0052CC;
166
+ --ds-background-accent-blue-subtler-hovered: #0065FF;
167
+ --ds-background-accent-blue-subtler-pressed: #2684FF;
116
168
  --ds-background-accent-blue-subtle: #0065FF;
169
+ --ds-background-accent-blue-subtle-hovered: #0052CC;
170
+ --ds-background-accent-blue-subtle-pressed: #0747A6;
117
171
  --ds-background-accent-blue-bolder: #4C9AFF;
172
+ --ds-background-accent-blue-bolder-hovered: #B3D4FF;
173
+ --ds-background-accent-blue-bolder-pressed: #DEEBFF;
118
174
  --ds-background-accent-purple-subtlest: #403294;
175
+ --ds-background-accent-purple-subtlest-hovered: #5243AA;
176
+ --ds-background-accent-purple-subtlest-pressed: #6554C0;
119
177
  --ds-background-accent-purple-subtler: #5243AA;
178
+ --ds-background-accent-purple-subtler-hovered: #6554C0;
179
+ --ds-background-accent-purple-subtler-pressed: #8777D9;
120
180
  --ds-background-accent-purple-subtle: #6554C0;
181
+ --ds-background-accent-purple-subtle-hovered: #5243AA;
182
+ --ds-background-accent-purple-subtle-pressed: #403294;
121
183
  --ds-background-accent-purple-bolder: #998DD9;
184
+ --ds-background-accent-purple-bolder-hovered: #C0B6F2;
185
+ --ds-background-accent-purple-bolder-pressed: #EAE6FF;
122
186
  --ds-background-accent-magenta-subtlest: #341829;
187
+ --ds-background-accent-magenta-subtlest-hovered: #50253F;
188
+ --ds-background-accent-magenta-subtlest-pressed: #943D73;
123
189
  --ds-background-accent-magenta-subtler: #50253F;
190
+ --ds-background-accent-magenta-subtler-hovered: #943D73;
191
+ --ds-background-accent-magenta-subtler-pressed: #AE4787;
124
192
  --ds-background-accent-magenta-subtle: #943D73;
193
+ --ds-background-accent-magenta-subtle-hovered: #50253F;
194
+ --ds-background-accent-magenta-subtle-pressed: #421F34;
125
195
  --ds-background-accent-magenta-bolder: #E774BB;
196
+ --ds-background-accent-magenta-bolder-hovered: #F797D2;
197
+ --ds-background-accent-magenta-bolder-pressed: #FDD0EC;
126
198
  --ds-background-accent-gray-subtlest: #8C9CB8;
199
+ --ds-background-accent-gray-subtlest-hovered: #9FB0CC;
200
+ --ds-background-accent-gray-subtlest-pressed: #ABBBD6;
127
201
  --ds-background-accent-gray-subtler: #9FB0CC;
202
+ --ds-background-accent-gray-subtler-hovered: #8C9CB8;
203
+ --ds-background-accent-gray-subtler-pressed: #7988A3;
128
204
  --ds-background-accent-gray-subtle: #ABBBD6;
205
+ --ds-background-accent-gray-subtle-hovered: #B8C7E0;
206
+ --ds-background-accent-gray-subtle-pressed: #CED9EB;
129
207
  --ds-background-accent-gray-bolder: #CED9EB;
208
+ --ds-background-accent-gray-bolder-hovered: #B8C7E0;
209
+ --ds-background-accent-gray-bolder-pressed: #ABBBD6;
130
210
  --ds-background-disabled: #3B475C;
131
211
  --ds-background-input: #0E1624;
132
212
  --ds-background-input-hovered: #1B2638;
@@ -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::bb1cb4ad45bcc3279ee350014d84f67d>>
3
+ * @codegen <<SignedSource::8adee2e1e5e653298a65f7f29ffd0bda>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -88,45 +88,125 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
88
88
  --ds-border-information: #0065FF;
89
89
  --ds-border-bold: #344563;
90
90
  --ds-background-accent-lime-subtlest: #EEFBDA;
91
+ --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
92
+ --ds-background-accent-lime-subtlest-pressed: #B3DF72;
91
93
  --ds-background-accent-lime-subtler: #D3F1A7;
94
+ --ds-background-accent-lime-subtler-hovered: #B3DF72;
95
+ --ds-background-accent-lime-subtler-pressed: #94C748;
92
96
  --ds-background-accent-lime-subtle: #94C748;
97
+ --ds-background-accent-lime-subtle-hovered: #B3DF72;
98
+ --ds-background-accent-lime-subtle-pressed: #D3F1A7;
93
99
  --ds-background-accent-lime-bolder: #5B7F24;
100
+ --ds-background-accent-lime-bolder-hovered: #37471F;
101
+ --ds-background-accent-lime-bolder-pressed: #37471F;
94
102
  --ds-background-accent-red-subtlest: #FF8F73;
103
+ --ds-background-accent-red-subtlest-hovered: #FF7452;
104
+ --ds-background-accent-red-subtlest-pressed: #FF5630;
95
105
  --ds-background-accent-red-subtler: #FF7452;
106
+ --ds-background-accent-red-subtler-hovered: #FF5630;
107
+ --ds-background-accent-red-subtler-pressed: #DE350B;
96
108
  --ds-background-accent-red-subtle: #DE350B;
109
+ --ds-background-accent-red-subtle-hovered: #FF5630;
110
+ --ds-background-accent-red-subtle-pressed: #FF7452;
97
111
  --ds-background-accent-red-bolder: #DE350B;
112
+ --ds-background-accent-red-bolder-hovered: #FF5630;
113
+ --ds-background-accent-red-bolder-pressed: #FF7452;
98
114
  --ds-background-accent-orange-subtlest: #F18D13;
115
+ --ds-background-accent-orange-subtlest-hovered: #FEC57B;
116
+ --ds-background-accent-orange-subtlest-pressed: #FFE2BD;
99
117
  --ds-background-accent-orange-subtler: #B65C02;
118
+ --ds-background-accent-orange-subtler-hovered: #F18D13;
119
+ --ds-background-accent-orange-subtler-pressed: #FEC57B;
100
120
  --ds-background-accent-orange-subtle: #5F3811;
121
+ --ds-background-accent-orange-subtle-hovered: #974F0C;
122
+ --ds-background-accent-orange-subtle-pressed: #B65C02;
101
123
  --ds-background-accent-orange-bolder: #43290F;
124
+ --ds-background-accent-orange-bolder-hovered: #5F3811;
125
+ --ds-background-accent-orange-bolder-pressed: #974F0C;
102
126
  --ds-background-accent-yellow-subtlest: #FFE380;
127
+ --ds-background-accent-yellow-subtlest-hovered: #FFC400;
128
+ --ds-background-accent-yellow-subtlest-pressed: #FFAB00;
103
129
  --ds-background-accent-yellow-subtler: #FFC400;
130
+ --ds-background-accent-yellow-subtler-hovered: #FFAB00;
131
+ --ds-background-accent-yellow-subtler-pressed: #FF991F;
104
132
  --ds-background-accent-yellow-subtle: #FF991F;
133
+ --ds-background-accent-yellow-subtle-hovered: #FFAB00;
134
+ --ds-background-accent-yellow-subtle-pressed: #FFC400;
105
135
  --ds-background-accent-yellow-bolder: #FF991F;
136
+ --ds-background-accent-yellow-bolder-hovered: #FFAB00;
137
+ --ds-background-accent-yellow-bolder-pressed: #FFC400;
106
138
  --ds-background-accent-green-subtlest: #79F2C0;
139
+ --ds-background-accent-green-subtlest-hovered: #57D9A3;
140
+ --ds-background-accent-green-subtlest-pressed: #36B37E;
107
141
  --ds-background-accent-green-subtler: #57D9A3;
142
+ --ds-background-accent-green-subtler-hovered: #36B37E;
143
+ --ds-background-accent-green-subtler-pressed: #00875A;
108
144
  --ds-background-accent-green-subtle: #00875A;
145
+ --ds-background-accent-green-subtle-hovered: #36B37E;
146
+ --ds-background-accent-green-subtle-pressed: #57D9A3;
109
147
  --ds-background-accent-green-bolder: #00875A;
148
+ --ds-background-accent-green-bolder-hovered: #36B37E;
149
+ --ds-background-accent-green-bolder-pressed: #57D9A3;
110
150
  --ds-background-accent-teal-subtlest: #79E2F2;
151
+ --ds-background-accent-teal-subtlest-hovered: #00C7E6;
152
+ --ds-background-accent-teal-subtlest-pressed: #00B8D9;
111
153
  --ds-background-accent-teal-subtler: #00C7E6;
154
+ --ds-background-accent-teal-subtler-hovered: #00B8D9;
155
+ --ds-background-accent-teal-subtler-pressed: #00A3BF;
112
156
  --ds-background-accent-teal-subtle: #00A3BF;
157
+ --ds-background-accent-teal-subtle-hovered: #00B8D9;
158
+ --ds-background-accent-teal-subtle-pressed: #00C7E6;
113
159
  --ds-background-accent-teal-bolder: #00A3BF;
160
+ --ds-background-accent-teal-bolder-hovered: #00B8D9;
161
+ --ds-background-accent-teal-bolder-pressed: #00C7E6;
114
162
  --ds-background-accent-blue-subtlest: #4C9AFF;
163
+ --ds-background-accent-blue-subtlest-hovered: #2684FF;
164
+ --ds-background-accent-blue-subtlest-pressed: #0065FF;
115
165
  --ds-background-accent-blue-subtler: #2684FF;
166
+ --ds-background-accent-blue-subtler-hovered: #0065FF;
167
+ --ds-background-accent-blue-subtler-pressed: #0052CC;
116
168
  --ds-background-accent-blue-subtle: #0052CC;
169
+ --ds-background-accent-blue-subtle-hovered: #0065FF;
170
+ --ds-background-accent-blue-subtle-pressed: #2684FF;
117
171
  --ds-background-accent-blue-bolder: #0052CC;
172
+ --ds-background-accent-blue-bolder-hovered: #0065FF;
173
+ --ds-background-accent-blue-bolder-pressed: #2684FF;
118
174
  --ds-background-accent-purple-subtlest: #998DD9;
175
+ --ds-background-accent-purple-subtlest-hovered: #8777D9;
176
+ --ds-background-accent-purple-subtlest-pressed: #6554C0;
119
177
  --ds-background-accent-purple-subtler: #8777D9;
178
+ --ds-background-accent-purple-subtler-hovered: #6554C0;
179
+ --ds-background-accent-purple-subtler-pressed: #5243AA;
120
180
  --ds-background-accent-purple-subtle: #5243AA;
181
+ --ds-background-accent-purple-subtle-hovered: #6554C0;
182
+ --ds-background-accent-purple-subtle-pressed: #8777D9;
121
183
  --ds-background-accent-purple-bolder: #5243AA;
122
- --ds-background-accent-magenta-subtlest: #E774BB;
123
- --ds-background-accent-magenta-subtler: #E774BB;
184
+ --ds-background-accent-purple-bolder-hovered: #6554C0;
185
+ --ds-background-accent-purple-bolder-pressed: #8777D9;
186
+ --ds-background-accent-magenta-subtlest: #FFECF8;
187
+ --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;
188
+ --ds-background-accent-magenta-subtlest-pressed: #F797D2;
189
+ --ds-background-accent-magenta-subtler: #FDD0EC;
190
+ --ds-background-accent-magenta-subtler-hovered: #F797D2;
191
+ --ds-background-accent-magenta-subtler-pressed: #E774BB;
124
192
  --ds-background-accent-magenta-subtle: #E774BB;
125
- --ds-background-accent-magenta-bolder: #E774BB;
193
+ --ds-background-accent-magenta-subtle-hovered: #F797D2;
194
+ --ds-background-accent-magenta-subtle-pressed: #FDD0EC;
195
+ --ds-background-accent-magenta-bolder: #AE4787;
196
+ --ds-background-accent-magenta-bolder-hovered: #943D73;
197
+ --ds-background-accent-magenta-bolder-pressed: #50253F;
126
198
  --ds-background-accent-gray-subtlest: #6B778C;
199
+ --ds-background-accent-gray-subtlest-hovered: #5E6C84;
200
+ --ds-background-accent-gray-subtlest-pressed: #505F79;
127
201
  --ds-background-accent-gray-subtler: #5E6C84;
128
- --ds-background-accent-gray-subtle: #42526E;
129
- --ds-background-accent-gray-bolder: #505F79;
202
+ --ds-background-accent-gray-subtler-hovered: #505F79;
203
+ --ds-background-accent-gray-subtler-pressed: #42526E;
204
+ --ds-background-accent-gray-subtle: #505F79;
205
+ --ds-background-accent-gray-subtle-hovered: #5E6C84;
206
+ --ds-background-accent-gray-subtle-pressed: #6B778C;
207
+ --ds-background-accent-gray-bolder: #42526E;
208
+ --ds-background-accent-gray-bolder-hovered: #344563;
209
+ --ds-background-accent-gray-bolder-pressed: #253858;
130
210
  --ds-background-disabled: #091e4289;
131
211
  --ds-background-input: #FAFBFC;
132
212
  --ds-background-input-hovered: #EBECF0;
@@ -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::4c22d0040bb94fc1c6de62360674bb8f>>
3
+ * @codegen <<SignedSource::652f949fb680727e4cfebdb69b570a15>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -88,45 +88,125 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
88
88
  --ds-border-information: #1D7AFC;
89
89
  --ds-border-bold: #758195;
90
90
  --ds-background-accent-lime-subtlest: #EEFBDA;
91
+ --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
92
+ --ds-background-accent-lime-subtlest-pressed: #B3DF72;
91
93
  --ds-background-accent-lime-subtler: #D3F1A7;
94
+ --ds-background-accent-lime-subtler-hovered: #B3DF72;
95
+ --ds-background-accent-lime-subtler-pressed: #94C748;
92
96
  --ds-background-accent-lime-subtle: #94C748;
97
+ --ds-background-accent-lime-subtle-hovered: #B3DF72;
98
+ --ds-background-accent-lime-subtle-pressed: #D3F1A7;
93
99
  --ds-background-accent-lime-bolder: #5B7F24;
100
+ --ds-background-accent-lime-bolder-hovered: #4C6B1F;
101
+ --ds-background-accent-lime-bolder-pressed: #37471F;
94
102
  --ds-background-accent-red-subtlest: #FFEDEB;
103
+ --ds-background-accent-red-subtlest-hovered: #FFD2CC;
104
+ --ds-background-accent-red-subtlest-pressed: #FF9C8F;
95
105
  --ds-background-accent-red-subtler: #FFD2CC;
106
+ --ds-background-accent-red-subtler-hovered: #FF9C8F;
107
+ --ds-background-accent-red-subtler-pressed: #F87462;
96
108
  --ds-background-accent-red-subtle: #F87462;
109
+ --ds-background-accent-red-subtle-hovered: #FF9C8F;
110
+ --ds-background-accent-red-subtle-pressed: #FFD2CC;
97
111
  --ds-background-accent-red-bolder: #CA3521;
112
+ --ds-background-accent-red-bolder-hovered: #AE2A19;
113
+ --ds-background-accent-red-bolder-pressed: #601E16;
98
114
  --ds-background-accent-orange-subtlest: #FFF4E5;
115
+ --ds-background-accent-orange-subtlest-hovered: #FFE2BD;
116
+ --ds-background-accent-orange-subtlest-pressed: #FEC57B;
99
117
  --ds-background-accent-orange-subtler: #FFE2BD;
118
+ --ds-background-accent-orange-subtler-hovered: #FEC57B;
119
+ --ds-background-accent-orange-subtler-pressed: #FAA53D;
100
120
  --ds-background-accent-orange-subtle: #FAA53D;
121
+ --ds-background-accent-orange-subtle-hovered: #FEC57B;
122
+ --ds-background-accent-orange-subtle-pressed: #FFE2BD;
101
123
  --ds-background-accent-orange-bolder: #B65C02;
124
+ --ds-background-accent-orange-bolder-hovered: #974F0C;
125
+ --ds-background-accent-orange-bolder-pressed: #5F3811;
102
126
  --ds-background-accent-yellow-subtlest: #FFF7D6;
127
+ --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;
128
+ --ds-background-accent-yellow-subtlest-pressed: #F5CD47;
103
129
  --ds-background-accent-yellow-subtler: #F8E6A0;
130
+ --ds-background-accent-yellow-subtler-hovered: #F5CD47;
131
+ --ds-background-accent-yellow-subtler-pressed: #E2B203;
104
132
  --ds-background-accent-yellow-subtle: #E2B203;
133
+ --ds-background-accent-yellow-subtle-hovered: #F5CD47;
134
+ --ds-background-accent-yellow-subtle-pressed: #F8E6A0;
105
135
  --ds-background-accent-yellow-bolder: #946F00;
136
+ --ds-background-accent-yellow-bolder-hovered: #7F5F01;
137
+ --ds-background-accent-yellow-bolder-pressed: #533F04;
106
138
  --ds-background-accent-green-subtlest: #DFFCF0;
139
+ --ds-background-accent-green-subtlest-hovered: #BAF3DB;
140
+ --ds-background-accent-green-subtlest-pressed: #7EE2B8;
107
141
  --ds-background-accent-green-subtler: #BAF3DB;
142
+ --ds-background-accent-green-subtler-hovered: #7EE2B8;
143
+ --ds-background-accent-green-subtler-pressed: #4BCE97;
108
144
  --ds-background-accent-green-subtle: #4BCE97;
145
+ --ds-background-accent-green-subtle-hovered: #7EE2B8;
146
+ --ds-background-accent-green-subtle-pressed: #BAF3DB;
109
147
  --ds-background-accent-green-bolder: #1F845A;
148
+ --ds-background-accent-green-bolder-hovered: #216E4E;
149
+ --ds-background-accent-green-bolder-pressed: #164B35;
110
150
  --ds-background-accent-teal-subtlest: #E3FAFC;
151
+ --ds-background-accent-teal-subtlest-hovered: #C1F0F5;
152
+ --ds-background-accent-teal-subtlest-pressed: #8BDBE5;
111
153
  --ds-background-accent-teal-subtler: #C1F0F5;
154
+ --ds-background-accent-teal-subtler-hovered: #8BDBE5;
155
+ --ds-background-accent-teal-subtler-pressed: #60C6D2;
112
156
  --ds-background-accent-teal-subtle: #60C6D2;
157
+ --ds-background-accent-teal-subtle-hovered: #8BDBE5;
158
+ --ds-background-accent-teal-subtle-pressed: #C1F0F5;
113
159
  --ds-background-accent-teal-bolder: #1D7F8C;
160
+ --ds-background-accent-teal-bolder-hovered: #206B74;
161
+ --ds-background-accent-teal-bolder-pressed: #1D474C;
114
162
  --ds-background-accent-blue-subtlest: #E9F2FF;
163
+ --ds-background-accent-blue-subtlest-hovered: #CCE0FF;
164
+ --ds-background-accent-blue-subtlest-pressed: #85B8FF;
115
165
  --ds-background-accent-blue-subtler: #CCE0FF;
166
+ --ds-background-accent-blue-subtler-hovered: #85B8FF;
167
+ --ds-background-accent-blue-subtler-pressed: #579DFF;
116
168
  --ds-background-accent-blue-subtle: #579DFF;
169
+ --ds-background-accent-blue-subtle-hovered: #85B8FF;
170
+ --ds-background-accent-blue-subtle-pressed: #CCE0FF;
117
171
  --ds-background-accent-blue-bolder: #0C66E4;
172
+ --ds-background-accent-blue-bolder-hovered: #0055CC;
173
+ --ds-background-accent-blue-bolder-pressed: #09326C;
118
174
  --ds-background-accent-purple-subtlest: #F3F0FF;
175
+ --ds-background-accent-purple-subtlest-hovered: #DFD8FD;
176
+ --ds-background-accent-purple-subtlest-pressed: #B8ACF6;
119
177
  --ds-background-accent-purple-subtler: #DFD8FD;
178
+ --ds-background-accent-purple-subtler-hovered: #B8ACF6;
179
+ --ds-background-accent-purple-subtler-pressed: #9F8FEF;
120
180
  --ds-background-accent-purple-subtle: #9F8FEF;
181
+ --ds-background-accent-purple-subtle-hovered: #B8ACF6;
182
+ --ds-background-accent-purple-subtle-pressed: #DFD8FD;
121
183
  --ds-background-accent-purple-bolder: #6E5DC6;
184
+ --ds-background-accent-purple-bolder-hovered: #5E4DB2;
185
+ --ds-background-accent-purple-bolder-pressed: #352C63;
122
186
  --ds-background-accent-magenta-subtlest: #FFECF8;
187
+ --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;
188
+ --ds-background-accent-magenta-subtlest-pressed: #F797D2;
123
189
  --ds-background-accent-magenta-subtler: #FDD0EC;
190
+ --ds-background-accent-magenta-subtler-hovered: #F797D2;
191
+ --ds-background-accent-magenta-subtler-pressed: #E774BB;
124
192
  --ds-background-accent-magenta-subtle: #E774BB;
193
+ --ds-background-accent-magenta-subtle-hovered: #F797D2;
194
+ --ds-background-accent-magenta-subtle-pressed: #FDD0EC;
125
195
  --ds-background-accent-magenta-bolder: #AE4787;
196
+ --ds-background-accent-magenta-bolder-hovered: #943D73;
197
+ --ds-background-accent-magenta-bolder-pressed: #50253F;
126
198
  --ds-background-accent-gray-subtlest: #F1F2F4;
199
+ --ds-background-accent-gray-subtlest-hovered: #DCDFE4;
200
+ --ds-background-accent-gray-subtlest-pressed: #B3B9C4;
127
201
  --ds-background-accent-gray-subtler: #DCDFE4;
202
+ --ds-background-accent-gray-subtler-hovered: #B3B9C4;
203
+ --ds-background-accent-gray-subtler-pressed: #8590A2;
128
204
  --ds-background-accent-gray-subtle: #8590A2;
205
+ --ds-background-accent-gray-subtle-hovered: #B3B9C4;
206
+ --ds-background-accent-gray-subtle-pressed: #DCDFE4;
129
207
  --ds-background-accent-gray-bolder: #626F86;
208
+ --ds-background-accent-gray-bolder-hovered: #44546F;
209
+ --ds-background-accent-gray-bolder-pressed: #2C3E5D;
130
210
  --ds-background-disabled: #091E4208;
131
211
  --ds-background-input: #FFFFFF;
132
212
  --ds-background-input-hovered: #F7F8F9;