@atlaskit/button 23.5.4 → 23.6.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 (36) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/new-button/containers/split-button/split-button.compiled.css +2 -6
  3. package/dist/cjs/new-button/containers/split-button/split-button.js +7 -14
  4. package/dist/cjs/new-button/variants/default/link.compiled.css +41 -68
  5. package/dist/cjs/new-button/variants/default/link.js +12 -22
  6. package/dist/cjs/new-button/variants/icon/link.compiled.css +30 -52
  7. package/dist/cjs/new-button/variants/icon/link.js +9 -17
  8. package/dist/cjs/new-button/variants/shared/button-base.compiled.css +14 -25
  9. package/dist/cjs/new-button/variants/shared/button-base.js +11 -17
  10. package/dist/cjs/old-button/shared/css.js +46 -129
  11. package/dist/es2019/new-button/containers/split-button/split-button.compiled.css +2 -6
  12. package/dist/es2019/new-button/containers/split-button/split-button.js +7 -14
  13. package/dist/es2019/new-button/variants/default/link.compiled.css +41 -68
  14. package/dist/es2019/new-button/variants/default/link.js +12 -22
  15. package/dist/es2019/new-button/variants/icon/link.compiled.css +30 -52
  16. package/dist/es2019/new-button/variants/icon/link.js +9 -17
  17. package/dist/es2019/new-button/variants/shared/button-base.compiled.css +14 -25
  18. package/dist/es2019/new-button/variants/shared/button-base.js +11 -17
  19. package/dist/es2019/old-button/shared/css.js +32 -132
  20. package/dist/esm/new-button/containers/split-button/split-button.compiled.css +2 -6
  21. package/dist/esm/new-button/containers/split-button/split-button.js +7 -14
  22. package/dist/esm/new-button/variants/default/link.compiled.css +41 -68
  23. package/dist/esm/new-button/variants/default/link.js +12 -22
  24. package/dist/esm/new-button/variants/icon/link.compiled.css +30 -52
  25. package/dist/esm/new-button/variants/icon/link.js +9 -17
  26. package/dist/esm/new-button/variants/shared/button-base.compiled.css +14 -25
  27. package/dist/esm/new-button/variants/shared/button-base.js +11 -17
  28. package/dist/esm/old-button/shared/css.js +46 -129
  29. package/dist/types/old-button/shared/css.d.ts +1 -1
  30. package/dist/types-ts4.5/old-button/shared/css.d.ts +1 -1
  31. package/package.json +7 -10
  32. package/dist/cjs/old-button/shared/colors.js +0 -328
  33. package/dist/es2019/old-button/shared/colors.js +0 -320
  34. package/dist/esm/old-button/shared/colors.js +0 -320
  35. package/dist/types/old-button/shared/colors.d.ts +0 -23
  36. package/dist/types-ts4.5/old-button/shared/colors.d.ts +0 -23
@@ -1,328 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
9
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
10
- // Hard coding the active rgba color value rather than using a helper to convert it
11
- // With helper it would be: hex2rgba(colors.B75, 0.6)
12
- var fadedB75 = 'rgba(179, 212, 255, 0.6)';
13
- var values = {
14
- // Default appearance
15
- background: {
16
- default: {
17
- default: {
18
- light: "var(--ds-background-neutral, ".concat(colors.N20A, ")"),
19
- dark: "var(--ds-background-neutral, ".concat(colors.DN70, ")")
20
- },
21
- hover: {
22
- light: "var(--ds-background-neutral-hovered, ".concat(colors.N30A, ")"),
23
- dark: "var(--ds-background-neutral-hovered, ".concat(colors.DN60, ")")
24
- },
25
- active: {
26
- light: "var(--ds-background-neutral-pressed, ".concat(fadedB75, ")"),
27
- dark: "var(--ds-background-neutral-pressed, ".concat(colors.B75, ")")
28
- },
29
- disabled: {
30
- light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
31
- dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
32
- },
33
- selected: {
34
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
35
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
36
- },
37
- focusSelected: {
38
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
39
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
40
- }
41
- },
42
- primary: {
43
- default: {
44
- light: "var(--ds-background-brand-bold, ".concat(colors.B400, ")"),
45
- dark: "var(--ds-background-brand-bold, ".concat(colors.B100, ")")
46
- },
47
- hover: {
48
- light: "var(--ds-background-brand-bold-hovered, ".concat(colors.B300, ")"),
49
- dark: "var(--ds-background-brand-bold-hovered, ".concat(colors.B75, ")")
50
- },
51
- active: {
52
- light: "var(--ds-background-brand-bold-pressed, ".concat(colors.B500, ")"),
53
- dark: "var(--ds-background-brand-bold-pressed, ".concat(colors.B200, ")")
54
- },
55
- disabled: {
56
- light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
57
- dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
58
- },
59
- selected: {
60
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
61
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
62
- },
63
- focusSelected: {
64
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
65
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
66
- }
67
- },
68
- warning: {
69
- default: {
70
- light: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
71
- dark: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")")
72
- },
73
- hover: {
74
- light: "var(--ds-background-warning-bold-hovered, ".concat(colors.Y200, ")"),
75
- dark: "var(--ds-background-warning-bold-hovered, ".concat(colors.Y200, ")")
76
- },
77
- active: {
78
- light: "var(--ds-background-warning-bold-pressed, ".concat(colors.Y400, ")"),
79
- dark: "var(--ds-background-warning-bold-pressed, ".concat(colors.Y400, ")")
80
- },
81
- disabled: {
82
- light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
83
- dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
84
- },
85
- selected: {
86
- light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
87
- dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
88
- },
89
- focusSelected: {
90
- light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
91
- dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
92
- }
93
- },
94
- danger: {
95
- default: {
96
- light: "var(--ds-background-danger-bold, ".concat(colors.R400, ")"),
97
- dark: "var(--ds-background-danger-bold, ".concat(colors.R400, ")")
98
- },
99
- hover: {
100
- light: "var(--ds-background-danger-bold-hovered, ".concat(colors.R300, ")"),
101
- dark: "var(--ds-background-danger-bold-hovered, ".concat(colors.R300, ")")
102
- },
103
- active: {
104
- light: "var(--ds-background-danger-bold-pressed, ".concat(colors.R500, ")"),
105
- dark: "var(--ds-background-danger-bold-pressed, ".concat(colors.R500, ")")
106
- },
107
- disabled: {
108
- light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
109
- dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
110
- },
111
- selected: {
112
- light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
113
- dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
114
- },
115
- focusSelected: {
116
- light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
117
- dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
118
- }
119
- },
120
- link: {
121
- default: {
122
- light: "var(--ds-background-neutral-subtle, none)",
123
- dark: "var(--ds-background-neutral-subtle, none)"
124
- },
125
- selected: {
126
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
127
- dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
128
- },
129
- focusSelected: {
130
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
131
- dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
132
- }
133
- },
134
- subtle: {
135
- default: {
136
- light: "var(--ds-background-neutral-subtle, none)",
137
- dark: "var(--ds-background-neutral-subtle, none)"
138
- },
139
- hover: {
140
- light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"),
141
- dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN60, ")")
142
- },
143
- active: {
144
- light: "var(--ds-background-neutral-subtle-pressed, ".concat(fadedB75, ")"),
145
- dark: "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B75, ")")
146
- },
147
- disabled: {
148
- light: "var(--ds-background-neutral-subtle, none)",
149
- dark: "var(--ds-background-neutral-subtle, none)"
150
- },
151
- selected: {
152
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
153
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
154
- },
155
- focusSelected: {
156
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
157
- dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
158
- }
159
- },
160
- 'subtle-link': {
161
- default: {
162
- light: "var(--ds-background-neutral-subtle, none)",
163
- dark: "var(--ds-background-neutral-subtle, none)"
164
- },
165
- selected: {
166
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
167
- dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
168
- },
169
- focusSelected: {
170
- light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
171
- dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
172
- }
173
- }
174
- },
175
- color: {
176
- default: {
177
- default: {
178
- light: "var(--ds-text, ".concat(colors.N500, ")"),
179
- dark: "var(--ds-text, ".concat(colors.DN400, ")")
180
- },
181
- active: {
182
- light: "var(--ds-text, ".concat(colors.B400, ")"),
183
- dark: "var(--ds-text, ".concat(colors.B400, ")")
184
- },
185
- disabled: {
186
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
187
- dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
188
- },
189
- selected: {
190
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
191
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
192
- },
193
- focusSelected: {
194
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
195
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
196
- }
197
- },
198
- primary: {
199
- default: {
200
- light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
201
- dark: "var(--ds-text-inverse, ".concat(colors.DN30, ")")
202
- },
203
- disabled: {
204
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
205
- dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
206
- },
207
- selected: {
208
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
209
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
210
- },
211
- focusSelected: {
212
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
213
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
214
- }
215
- },
216
- warning: {
217
- default: {
218
- light: "var(--ds-text-warning-inverse, ".concat(colors.N800, ")"),
219
- dark: "var(--ds-text-warning-inverse, ".concat(colors.N800, ")")
220
- },
221
- disabled: {
222
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
223
- dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
224
- },
225
- selected: {
226
- light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
227
- dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
228
- },
229
- focusSelected: {
230
- light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
231
- dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
232
- }
233
- },
234
- danger: {
235
- default: {
236
- light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
237
- dark: "var(--ds-text-inverse, ".concat(colors.N0, ")")
238
- },
239
- disabled: {
240
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
241
- dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
242
- },
243
- selected: {
244
- light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
245
- dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
246
- },
247
- focusSelected: {
248
- light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
249
- dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
250
- }
251
- },
252
- link: {
253
- default: {
254
- light: "var(--ds-link, ".concat(colors.B400, ")"),
255
- dark: "var(--ds-link, ".concat(colors.B100, ")")
256
- },
257
- hover: {
258
- light: "var(--ds-link, ".concat(colors.B300, ")"),
259
- dark: "var(--ds-link, ".concat(colors.B75, ")")
260
- },
261
- active: {
262
- light: "var(--ds-link-pressed, ".concat(colors.B500, ")"),
263
- dark: "var(--ds-link-pressed, ".concat(colors.B200, ")")
264
- },
265
- disabled: {
266
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
267
- dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
268
- },
269
- selected: {
270
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
271
- dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
272
- },
273
- focusSelected: {
274
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
275
- dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
276
- }
277
- },
278
- subtle: {
279
- default: {
280
- light: "var(--ds-text, ".concat(colors.N500, ")"),
281
- dark: "var(--ds-text, ".concat(colors.DN400, ")")
282
- },
283
- active: {
284
- light: "var(--ds-text, ".concat(colors.B400, ")"),
285
- dark: "var(--ds-text, ".concat(colors.B400, ")")
286
- },
287
- disabled: {
288
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
289
- dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
290
- },
291
- selected: {
292
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
293
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
294
- },
295
- focusSelected: {
296
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
297
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
298
- }
299
- },
300
- 'subtle-link': {
301
- default: {
302
- light: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
303
- dark: "var(--ds-text-subtle, ".concat(colors.DN400, ")")
304
- },
305
- hover: {
306
- light: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
307
- dark: "var(--ds-text-subtle, ".concat(colors.B50, ")")
308
- },
309
- active: {
310
- light: "var(--ds-text, ".concat(colors.N400, ")"),
311
- dark: "var(--ds-text, ".concat(colors.DN300, ")")
312
- },
313
- disabled: {
314
- light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
315
- dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
316
- },
317
- selected: {
318
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
319
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
320
- },
321
- focusSelected: {
322
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
323
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
324
- }
325
- }
326
- }
327
- };
328
- var _default = exports.default = values;
@@ -1,320 +0,0 @@
1
- import * as colors from '@atlaskit/theme/colors';
2
- // Hard coding the active rgba color value rather than using a helper to convert it
3
- // With helper it would be: hex2rgba(colors.B75, 0.6)
4
- const fadedB75 = 'rgba(179, 212, 255, 0.6)';
5
- const values = {
6
- // Default appearance
7
- background: {
8
- default: {
9
- default: {
10
- light: `var(--ds-background-neutral, ${colors.N20A})`,
11
- dark: `var(--ds-background-neutral, ${colors.DN70})`
12
- },
13
- hover: {
14
- light: `var(--ds-background-neutral-hovered, ${colors.N30A})`,
15
- dark: `var(--ds-background-neutral-hovered, ${colors.DN60})`
16
- },
17
- active: {
18
- light: `var(--ds-background-neutral-pressed, ${fadedB75})`,
19
- dark: `var(--ds-background-neutral-pressed, ${colors.B75})`
20
- },
21
- disabled: {
22
- light: `var(--ds-background-disabled, ${colors.N20A})`,
23
- dark: `var(--ds-background-disabled, ${colors.DN70})`
24
- },
25
- selected: {
26
- light: `var(--ds-background-selected, ${colors.N700})`,
27
- dark: `var(--ds-background-selected, ${colors.DN0})`
28
- },
29
- focusSelected: {
30
- light: `var(--ds-background-selected, ${colors.N700})`,
31
- dark: `var(--ds-background-selected, ${colors.DN0})`
32
- }
33
- },
34
- primary: {
35
- default: {
36
- light: `var(--ds-background-brand-bold, ${colors.B400})`,
37
- dark: `var(--ds-background-brand-bold, ${colors.B100})`
38
- },
39
- hover: {
40
- light: `var(--ds-background-brand-bold-hovered, ${colors.B300})`,
41
- dark: `var(--ds-background-brand-bold-hovered, ${colors.B75})`
42
- },
43
- active: {
44
- light: `var(--ds-background-brand-bold-pressed, ${colors.B500})`,
45
- dark: `var(--ds-background-brand-bold-pressed, ${colors.B200})`
46
- },
47
- disabled: {
48
- light: `var(--ds-background-disabled, ${colors.N20A})`,
49
- dark: `var(--ds-background-disabled, ${colors.DN70})`
50
- },
51
- selected: {
52
- light: `var(--ds-background-selected, ${colors.N700})`,
53
- dark: `var(--ds-background-selected, ${colors.DN0})`
54
- },
55
- focusSelected: {
56
- light: `var(--ds-background-selected, ${colors.N700})`,
57
- dark: `var(--ds-background-selected, ${colors.DN0})`
58
- }
59
- },
60
- warning: {
61
- default: {
62
- light: `var(--ds-background-warning-bold, ${colors.Y300})`,
63
- dark: `var(--ds-background-warning-bold, ${colors.Y300})`
64
- },
65
- hover: {
66
- light: `var(--ds-background-warning-bold-hovered, ${colors.Y200})`,
67
- dark: `var(--ds-background-warning-bold-hovered, ${colors.Y200})`
68
- },
69
- active: {
70
- light: `var(--ds-background-warning-bold-pressed, ${colors.Y400})`,
71
- dark: `var(--ds-background-warning-bold-pressed, ${colors.Y400})`
72
- },
73
- disabled: {
74
- light: `var(--ds-background-disabled, ${colors.N20A})`,
75
- dark: `var(--ds-background-disabled, ${colors.DN70})`
76
- },
77
- selected: {
78
- light: `var(--ds-background-selected, ${colors.Y400})`,
79
- dark: `var(--ds-background-selected, ${colors.Y400})`
80
- },
81
- focusSelected: {
82
- light: `var(--ds-background-selected, ${colors.Y400})`,
83
- dark: `var(--ds-background-selected, ${colors.Y400})`
84
- }
85
- },
86
- danger: {
87
- default: {
88
- light: `var(--ds-background-danger-bold, ${colors.R400})`,
89
- dark: `var(--ds-background-danger-bold, ${colors.R400})`
90
- },
91
- hover: {
92
- light: `var(--ds-background-danger-bold-hovered, ${colors.R300})`,
93
- dark: `var(--ds-background-danger-bold-hovered, ${colors.R300})`
94
- },
95
- active: {
96
- light: `var(--ds-background-danger-bold-pressed, ${colors.R500})`,
97
- dark: `var(--ds-background-danger-bold-pressed, ${colors.R500})`
98
- },
99
- disabled: {
100
- light: `var(--ds-background-disabled, ${colors.N20A})`,
101
- dark: `var(--ds-background-disabled, ${colors.DN70})`
102
- },
103
- selected: {
104
- light: `var(--ds-background-selected, ${colors.R500})`,
105
- dark: `var(--ds-background-selected, ${colors.R500})`
106
- },
107
- focusSelected: {
108
- light: `var(--ds-background-selected, ${colors.R500})`,
109
- dark: `var(--ds-background-selected, ${colors.R500})`
110
- }
111
- },
112
- link: {
113
- default: {
114
- light: "var(--ds-background-neutral-subtle, none)",
115
- dark: "var(--ds-background-neutral-subtle, none)"
116
- },
117
- selected: {
118
- light: `var(--ds-background-selected, ${colors.N700})`,
119
- dark: `var(--ds-background-selected, ${colors.N20})`
120
- },
121
- focusSelected: {
122
- light: `var(--ds-background-selected, ${colors.N700})`,
123
- dark: `var(--ds-background-selected, ${colors.N20})`
124
- }
125
- },
126
- subtle: {
127
- default: {
128
- light: "var(--ds-background-neutral-subtle, none)",
129
- dark: "var(--ds-background-neutral-subtle, none)"
130
- },
131
- hover: {
132
- light: `var(--ds-background-neutral-subtle-hovered, ${colors.N30A})`,
133
- dark: `var(--ds-background-neutral-subtle-hovered, ${colors.DN60})`
134
- },
135
- active: {
136
- light: `var(--ds-background-neutral-subtle-pressed, ${fadedB75})`,
137
- dark: `var(--ds-background-neutral-subtle-pressed, ${colors.B75})`
138
- },
139
- disabled: {
140
- light: "var(--ds-background-neutral-subtle, none)",
141
- dark: "var(--ds-background-neutral-subtle, none)"
142
- },
143
- selected: {
144
- light: `var(--ds-background-selected, ${colors.N700})`,
145
- dark: `var(--ds-background-selected, ${colors.DN0})`
146
- },
147
- focusSelected: {
148
- light: `var(--ds-background-selected, ${colors.N700})`,
149
- dark: `var(--ds-background-selected, ${colors.DN0})`
150
- }
151
- },
152
- 'subtle-link': {
153
- default: {
154
- light: "var(--ds-background-neutral-subtle, none)",
155
- dark: "var(--ds-background-neutral-subtle, none)"
156
- },
157
- selected: {
158
- light: `var(--ds-background-selected, ${colors.N700})`,
159
- dark: `var(--ds-background-selected, ${colors.N20})`
160
- },
161
- focusSelected: {
162
- light: `var(--ds-background-selected, ${colors.N700})`,
163
- dark: `var(--ds-background-selected, ${colors.N20})`
164
- }
165
- }
166
- },
167
- color: {
168
- default: {
169
- default: {
170
- light: `var(--ds-text, ${colors.N500})`,
171
- dark: `var(--ds-text, ${colors.DN400})`
172
- },
173
- active: {
174
- light: `var(--ds-text, ${colors.B400})`,
175
- dark: `var(--ds-text, ${colors.B400})`
176
- },
177
- disabled: {
178
- light: `var(--ds-text-disabled, ${colors.N70})`,
179
- dark: `var(--ds-text-disabled, ${colors.DN30})`
180
- },
181
- selected: {
182
- light: `var(--ds-text-selected, ${colors.N20})`,
183
- dark: `var(--ds-text-selected, ${colors.DN400})`
184
- },
185
- focusSelected: {
186
- light: `var(--ds-text-selected, ${colors.N20})`,
187
- dark: `var(--ds-text-selected, ${colors.DN400})`
188
- }
189
- },
190
- primary: {
191
- default: {
192
- light: `var(--ds-text-inverse, ${colors.N0})`,
193
- dark: `var(--ds-text-inverse, ${colors.DN30})`
194
- },
195
- disabled: {
196
- light: `var(--ds-text-disabled, ${colors.N70})`,
197
- dark: `var(--ds-text-disabled, ${colors.DN30})`
198
- },
199
- selected: {
200
- light: `var(--ds-text-selected, ${colors.N20})`,
201
- dark: `var(--ds-text-selected, ${colors.DN400})`
202
- },
203
- focusSelected: {
204
- light: `var(--ds-text-selected, ${colors.N20})`,
205
- dark: `var(--ds-text-selected, ${colors.DN400})`
206
- }
207
- },
208
- warning: {
209
- default: {
210
- light: `var(--ds-text-warning-inverse, ${colors.N800})`,
211
- dark: `var(--ds-text-warning-inverse, ${colors.N800})`
212
- },
213
- disabled: {
214
- light: `var(--ds-text-disabled, ${colors.N70})`,
215
- dark: `var(--ds-text-disabled, ${colors.DN30})`
216
- },
217
- selected: {
218
- light: `var(--ds-text-selected, ${colors.N800})`,
219
- dark: `var(--ds-text-selected, ${colors.N800})`
220
- },
221
- focusSelected: {
222
- light: `var(--ds-text-selected, ${colors.N800})`,
223
- dark: `var(--ds-text-selected, ${colors.N800})`
224
- }
225
- },
226
- danger: {
227
- default: {
228
- light: `var(--ds-text-inverse, ${colors.N0})`,
229
- dark: `var(--ds-text-inverse, ${colors.N0})`
230
- },
231
- disabled: {
232
- light: `var(--ds-text-disabled, ${colors.N70})`,
233
- dark: `var(--ds-text-disabled, ${colors.DN30})`
234
- },
235
- selected: {
236
- light: `var(--ds-text-selected, ${colors.N0})`,
237
- dark: `var(--ds-text-selected, ${colors.N0})`
238
- },
239
- focusSelected: {
240
- light: `var(--ds-text-selected, ${colors.N0})`,
241
- dark: `var(--ds-text-selected, ${colors.N0})`
242
- }
243
- },
244
- link: {
245
- default: {
246
- light: `var(--ds-link, ${colors.B400})`,
247
- dark: `var(--ds-link, ${colors.B100})`
248
- },
249
- hover: {
250
- light: `var(--ds-link, ${colors.B300})`,
251
- dark: `var(--ds-link, ${colors.B75})`
252
- },
253
- active: {
254
- light: `var(--ds-link-pressed, ${colors.B500})`,
255
- dark: `var(--ds-link-pressed, ${colors.B200})`
256
- },
257
- disabled: {
258
- light: `var(--ds-text-disabled, ${colors.N70})`,
259
- dark: `var(--ds-text-disabled, ${colors.DN100})`
260
- },
261
- selected: {
262
- light: `var(--ds-text-selected, ${colors.N20})`,
263
- dark: `var(--ds-text-selected, ${colors.N700})`
264
- },
265
- focusSelected: {
266
- light: `var(--ds-text-selected, ${colors.N20})`,
267
- dark: `var(--ds-text-selected, ${colors.N700})`
268
- }
269
- },
270
- subtle: {
271
- default: {
272
- light: `var(--ds-text, ${colors.N500})`,
273
- dark: `var(--ds-text, ${colors.DN400})`
274
- },
275
- active: {
276
- light: `var(--ds-text, ${colors.B400})`,
277
- dark: `var(--ds-text, ${colors.B400})`
278
- },
279
- disabled: {
280
- light: `var(--ds-text-disabled, ${colors.N70})`,
281
- dark: `var(--ds-text-disabled, ${colors.DN100})`
282
- },
283
- selected: {
284
- light: `var(--ds-text-selected, ${colors.N20})`,
285
- dark: `var(--ds-text-selected, ${colors.DN400})`
286
- },
287
- focusSelected: {
288
- light: `var(--ds-text-selected, ${colors.N20})`,
289
- dark: `var(--ds-text-selected, ${colors.DN400})`
290
- }
291
- },
292
- 'subtle-link': {
293
- default: {
294
- light: `var(--ds-text-subtle, ${colors.N200})`,
295
- dark: `var(--ds-text-subtle, ${colors.DN400})`
296
- },
297
- hover: {
298
- light: `var(--ds-text-subtle, ${colors.N90})`,
299
- dark: `var(--ds-text-subtle, ${colors.B50})`
300
- },
301
- active: {
302
- light: `var(--ds-text, ${colors.N400})`,
303
- dark: `var(--ds-text, ${colors.DN300})`
304
- },
305
- disabled: {
306
- light: `var(--ds-text-disabled, ${colors.N70})`,
307
- dark: `var(--ds-text-disabled, ${colors.DN100})`
308
- },
309
- selected: {
310
- light: `var(--ds-text-selected, ${colors.N20})`,
311
- dark: `var(--ds-text-selected, ${colors.DN400})`
312
- },
313
- focusSelected: {
314
- light: `var(--ds-text-selected, ${colors.N20})`,
315
- dark: `var(--ds-text-selected, ${colors.DN400})`
316
- }
317
- }
318
- }
319
- };
320
- export default values;