@sage/design-tokens 15.2.1 → 15.3.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 (88) hide show
  1. package/css/frozenproduct/all.css +4 -2
  2. package/css/frozenproduct/large/components/table.css +4 -2
  3. package/css/frozenproduct/small/components/table.css +4 -2
  4. package/css/product/all.css +9 -7
  5. package/css/product/large/components/table.css +9 -7
  6. package/css/product/small/components/table.css +9 -7
  7. package/ios/frozenproduct/large/dark/components/table.h +3 -1
  8. package/ios/frozenproduct/large/light/components/table.h +3 -1
  9. package/ios/frozenproduct/small/dark/components/table.h +3 -1
  10. package/ios/frozenproduct/small/light/components/table.h +3 -1
  11. package/ios/product/large/dark/components/table.h +8 -6
  12. package/ios/product/large/light/components/table.h +8 -6
  13. package/ios/product/small/dark/components/table.h +8 -6
  14. package/ios/product/small/light/components/table.h +8 -6
  15. package/js/common/frozenproduct/large/dark/components/table.d.ts +2 -0
  16. package/js/common/frozenproduct/large/dark/components/table.js +32 -4
  17. package/js/common/frozenproduct/large/light/components/table.d.ts +2 -0
  18. package/js/common/frozenproduct/large/light/components/table.js +32 -4
  19. package/js/common/frozenproduct/small/dark/components/table.d.ts +2 -0
  20. package/js/common/frozenproduct/small/dark/components/table.js +32 -4
  21. package/js/common/frozenproduct/small/light/components/table.d.ts +2 -0
  22. package/js/common/frozenproduct/small/light/components/table.js +32 -4
  23. package/js/common/product/large/dark/components/table.d.ts +2 -0
  24. package/js/common/product/large/dark/components/table.js +54 -14
  25. package/js/common/product/large/light/components/table.d.ts +2 -0
  26. package/js/common/product/large/light/components/table.js +54 -14
  27. package/js/common/product/small/dark/components/table.d.ts +2 -0
  28. package/js/common/product/small/dark/components/table.js +54 -14
  29. package/js/common/product/small/light/components/table.d.ts +2 -0
  30. package/js/common/product/small/light/components/table.js +54 -14
  31. package/js/es6/frozenproduct/large/dark/components/table.d.ts +2 -0
  32. package/js/es6/frozenproduct/large/dark/components/table.js +3 -1
  33. package/js/es6/frozenproduct/large/light/components/table.d.ts +2 -0
  34. package/js/es6/frozenproduct/large/light/components/table.js +3 -1
  35. package/js/es6/frozenproduct/small/dark/components/table.d.ts +2 -0
  36. package/js/es6/frozenproduct/small/dark/components/table.js +3 -1
  37. package/js/es6/frozenproduct/small/light/components/table.d.ts +2 -0
  38. package/js/es6/frozenproduct/small/light/components/table.js +3 -1
  39. package/js/es6/product/large/dark/components/table.d.ts +2 -0
  40. package/js/es6/product/large/dark/components/table.js +8 -6
  41. package/js/es6/product/large/light/components/table.d.ts +2 -0
  42. package/js/es6/product/large/light/components/table.js +8 -6
  43. package/js/es6/product/small/dark/components/table.d.ts +2 -0
  44. package/js/es6/product/small/dark/components/table.js +8 -6
  45. package/js/es6/product/small/light/components/table.d.ts +2 -0
  46. package/js/es6/product/small/light/components/table.js +8 -6
  47. package/js/umd/frozenproduct/large/dark/components/table.js +32 -4
  48. package/js/umd/frozenproduct/large/light/components/table.js +32 -4
  49. package/js/umd/frozenproduct/small/dark/components/table.js +32 -4
  50. package/js/umd/frozenproduct/small/light/components/table.js +32 -4
  51. package/js/umd/product/large/dark/components/table.js +54 -14
  52. package/js/umd/product/large/light/components/table.js +54 -14
  53. package/js/umd/product/small/dark/components/table.js +54 -14
  54. package/js/umd/product/small/light/components/table.js +54 -14
  55. package/json/flat/frozenproduct/large/dark/components/table.json +3 -1
  56. package/json/flat/frozenproduct/large/light/components/table.json +3 -1
  57. package/json/flat/frozenproduct/small/dark/components/table.json +3 -1
  58. package/json/flat/frozenproduct/small/light/components/table.json +3 -1
  59. package/json/flat/product/large/dark/components/table.json +8 -6
  60. package/json/flat/product/large/light/components/table.json +8 -6
  61. package/json/flat/product/small/dark/components/table.json +8 -6
  62. package/json/flat/product/small/light/components/table.json +8 -6
  63. package/json/nested/frozenproduct/large/dark/components/table.json +4 -2
  64. package/json/nested/frozenproduct/large/light/components/table.json +4 -2
  65. package/json/nested/frozenproduct/small/dark/components/table.json +4 -2
  66. package/json/nested/frozenproduct/small/light/components/table.json +4 -2
  67. package/json/nested/product/large/dark/components/table.json +9 -7
  68. package/json/nested/product/large/light/components/table.json +9 -7
  69. package/json/nested/product/small/dark/components/table.json +9 -7
  70. package/json/nested/product/small/light/components/table.json +9 -7
  71. package/package.json +1 -1
  72. package/sage-design-tokens-15.3.0.tgz +0 -0
  73. package/scss/frozenproduct/large/components/table.scss +4 -2
  74. package/scss/frozenproduct/small/components/badge.scss +1 -1
  75. package/scss/frozenproduct/small/components/button.scss +15 -15
  76. package/scss/frozenproduct/small/components/container.scss +10 -10
  77. package/scss/frozenproduct/small/components/form.scss +11 -11
  78. package/scss/frozenproduct/small/components/link.scss +2 -2
  79. package/scss/frozenproduct/small/components/nav.scss +6 -6
  80. package/scss/frozenproduct/small/components/page.scss +1 -1
  81. package/scss/frozenproduct/small/components/popover.scss +6 -6
  82. package/scss/frozenproduct/small/components/progress.scss +8 -8
  83. package/scss/frozenproduct/small/components/status.scss +10 -10
  84. package/scss/frozenproduct/small/components/tab.scss +9 -9
  85. package/scss/frozenproduct/small/components/table.scss +13 -11
  86. package/scss/product/large/components/table.scss +9 -7
  87. package/scss/product/small/components/table.scss +9 -7
  88. package/sage-design-tokens-15.2.1.tgz +0 -0
package/js/umd/frozenproduct/small/dark/components/table.js CHANGED
@@ -243,13 +243,15 @@
243
243
  "bg-alt2": {
244
244
  $type: "color",
245
245
  $value: "#1f1f1f",
246
- $description: "Zebra stripes combined with child rows.",
246
+ $description:
247
+ "Zebra stripes combined with child rows. Highlighted rows.",
247
248
  filePath: "data/tokens/components/table.json",
248
249
  isSource: true,
249
250
  original: {
250
251
  $type: "color",
251
252
  $value: "{modes.color.generic.bg.soft}",
252
- $description: "Zebra stripes combined with child rows.",
253
+ $description:
254
+ "Zebra stripes combined with child rows. Highlighted rows.",
253
255
  },
254
256
  name: "tableColorRowBgAlt2",
255
257
  attributes: {},
@@ -283,6 +285,19 @@
283
285
  attributes: {},
284
286
  path: ["table", "color", "row", "bg-hover"],
285
287
  },
288
+ "bg-selected": {
289
+ $type: "color",
290
+ $value: "#FFFFFF",
291
+ filePath: "data/tokens/components/table.json",
292
+ isSource: true,
293
+ original: {
294
+ $type: "color",
295
+ $value: "{modes.color.interactive.monochrome.active}",
296
+ },
297
+ name: "tableColorRowBgSelected",
298
+ attributes: {},
299
+ path: ["table", "color", "row", "bg-selected"],
300
+ },
286
301
  "border-default": {
287
302
  $type: "color",
288
303
  $value: "#282828",
@@ -348,16 +363,29 @@
348
363
  attributes: {},
349
364
  path: ["table", "color", "row", "label-hover"],
350
365
  },
366
+ "label-selected": {
367
+ $type: "color",
368
+ $value: "#000000",
369
+ filePath: "data/tokens/components/table.json",
370
+ isSource: true,
371
+ original: {
372
+ $type: "color",
373
+ $value: "{modes.color.interactive.monochrome.withActive}",
374
+ },
375
+ name: "tableColorRowLabelSelected",
376
+ attributes: {},
377
+ path: ["table", "color", "row", "label-selected"],
378
+ },
351
379
  },
352
380
  footer: {
353
381
  "bg-default": {
354
382
  $type: "color",
355
- $value: "#1f1f1f",
383
+ $value: "#282828",
356
384
  filePath: "data/tokens/components/table.json",
357
385
  isSource: true,
358
386
  original: {
359
387
  $type: "color",
360
- $value: "{modes.color.generic.bg.soft}",
388
+ $value: "{modes.color.generic.bg.moderate}",
361
389
  },
362
390
  name: "tableColorFooterBgDefault",
363
391
  attributes: {},
package/js/umd/frozenproduct/small/light/components/table.js CHANGED
@@ -243,13 +243,15 @@
243
243
  "bg-alt2": {
244
244
  $type: "color",
245
245
  $value: "#dedede",
246
- $description: "Zebra stripes combined with child rows.",
246
+ $description:
247
+ "Zebra stripes combined with child rows. Highlighted rows.",
247
248
  filePath: "data/tokens/components/table.json",
248
249
  isSource: true,
249
250
  original: {
250
251
  $type: "color",
251
252
  $value: "{modes.color.generic.bg.soft}",
252
- $description: "Zebra stripes combined with child rows.",
253
+ $description:
254
+ "Zebra stripes combined with child rows. Highlighted rows.",
253
255
  },
254
256
  name: "tableColorRowBgAlt2",
255
257
  attributes: {},
@@ -283,6 +285,19 @@
283
285
  attributes: {},
284
286
  path: ["table", "color", "row", "bg-hover"],
285
287
  },
288
+ "bg-selected": {
289
+ $type: "color",
290
+ $value: "#000000",
291
+ filePath: "data/tokens/components/table.json",
292
+ isSource: true,
293
+ original: {
294
+ $type: "color",
295
+ $value: "{modes.color.interactive.monochrome.active}",
296
+ },
297
+ name: "tableColorRowBgSelected",
298
+ attributes: {},
299
+ path: ["table", "color", "row", "bg-selected"],
300
+ },
286
301
  "border-default": {
287
302
  $type: "color",
288
303
  $value: "#d1d1d1",
@@ -348,16 +363,29 @@
348
363
  attributes: {},
349
364
  path: ["table", "color", "row", "label-hover"],
350
365
  },
366
+ "label-selected": {
367
+ $type: "color",
368
+ $value: "#FFFFFF",
369
+ filePath: "data/tokens/components/table.json",
370
+ isSource: true,
371
+ original: {
372
+ $type: "color",
373
+ $value: "{modes.color.interactive.monochrome.withActive}",
374
+ },
375
+ name: "tableColorRowLabelSelected",
376
+ attributes: {},
377
+ path: ["table", "color", "row", "label-selected"],
378
+ },
351
379
  },
352
380
  footer: {
353
381
  "bg-default": {
354
382
  $type: "color",
355
- $value: "#dedede",
383
+ $value: "#d1d1d1",
356
384
  filePath: "data/tokens/components/table.json",
357
385
  isSource: true,
358
386
  original: {
359
387
  $type: "color",
360
- $value: "{modes.color.generic.bg.soft}",
388
+ $value: "{modes.color.generic.bg.moderate}",
361
389
  },
362
390
  name: "tableColorFooterBgDefault",
363
391
  attributes: {},
package/js/umd/product/large/dark/components/table.js CHANGED
@@ -191,12 +191,15 @@
191
191
  row: {
192
192
  "bg-activated": {
193
193
  $type: "color",
194
- $value: "#00D639",
194
+ $value: "#f0f",
195
+ $description: "TO BE DEPRECATED (was #00D639)",
195
196
  filePath: "data/tokens/components/table.json",
196
197
  isSource: true,
197
198
  original: {
198
199
  $type: "color",
199
- $value: "{modes.color.interactive.primary.default}",
200
+ $value: "#f0f",
201
+ $description:
202
+ "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
200
203
  },
201
204
  name: "tableColorRowBgActivated",
202
205
  attributes: {},
@@ -204,12 +207,15 @@
204
207
  },
205
208
  "bg-active": {
206
209
  $type: "color",
207
- $value: "#FFFFFF",
210
+ $value: "#F6F",
211
+ $description: "TO BE DEPRECATED (was #FFFFFF)",
208
212
  filePath: "data/tokens/components/table.json",
209
213
  isSource: true,
210
214
  original: {
211
215
  $type: "color",
212
- $value: "{modes.color.interactive.monochrome.active}",
216
+ $value: "#F6F",
217
+ $description:
218
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
213
219
  },
214
220
  name: "tableColorRowBgActive",
215
221
  attributes: {},
@@ -246,13 +252,15 @@
246
252
  "bg-alt2": {
247
253
  $type: "color",
248
254
  $value: "#1f1f1f",
249
- $description: "Zebra stripes combined with child rows.",
255
+ $description:
256
+ "Zebra stripes combined with child rows. Highlighted rows.",
250
257
  filePath: "data/tokens/components/table.json",
251
258
  isSource: true,
252
259
  original: {
253
260
  $type: "color",
254
261
  $value: "{modes.color.generic.bg.soft}",
255
- $description: "Zebra stripes combined with child rows.",
262
+ $description:
263
+ "Zebra stripes combined with child rows. Highlighted rows.",
256
264
  },
257
265
  name: "tableColorRowBgAlt2",
258
266
  attributes: {},
@@ -275,17 +283,30 @@
275
283
  },
276
284
  "bg-hover": {
277
285
  $type: "color",
278
- $value: "#1f1f1f",
286
+ $value: "#282828",
279
287
  filePath: "data/tokens/components/table.json",
280
288
  isSource: true,
281
289
  original: {
282
290
  $type: "color",
283
- $value: "{modes.color.generic.bg.soft}",
291
+ $value: "{modes.color.generic.bg.moderate}",
284
292
  },
285
293
  name: "tableColorRowBgHover",
286
294
  attributes: {},
287
295
  path: ["table", "color", "row", "bg-hover"],
288
296
  },
297
+ "bg-selected": {
298
+ $type: "color",
299
+ $value: "#FFFFFF",
300
+ filePath: "data/tokens/components/table.json",
301
+ isSource: true,
302
+ original: {
303
+ $type: "color",
304
+ $value: "{modes.color.interactive.monochrome.active}",
305
+ },
306
+ name: "tableColorRowBgSelected",
307
+ attributes: {},
308
+ path: ["table", "color", "row", "bg-selected"],
309
+ },
289
310
  "border-default": {
290
311
  $type: "color",
291
312
  $value: "#282828",
@@ -301,12 +322,15 @@
301
322
  },
302
323
  "label-activated": {
303
324
  $type: "color",
304
- $value: "#000000",
325
+ $value: "#FAF",
326
+ $description: "TO BE DEPRECATED (was #000000)",
305
327
  filePath: "data/tokens/components/table.json",
306
328
  isSource: true,
307
329
  original: {
308
330
  $type: "color",
309
- $value: "{modes.color.interactive.monochrome.withActive}",
331
+ $value: "#FAF",
332
+ $description:
333
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
310
334
  },
311
335
  name: "tableColorRowLabelActivated",
312
336
  attributes: {},
@@ -314,12 +338,15 @@
314
338
  },
315
339
  "label-active": {
316
340
  $type: "color",
317
- $value: "#000000",
341
+ $value: "#FDF",
342
+ $description: "TO BE DEPRECATED (was #000000)",
318
343
  filePath: "data/tokens/components/table.json",
319
344
  isSource: true,
320
345
  original: {
321
346
  $type: "color",
322
- $value: "{modes.color.interactive.monochrome.withActive}",
347
+ $value: "#FDF",
348
+ $description:
349
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
323
350
  },
324
351
  name: "tableColorRowLabelActive",
325
352
  attributes: {},
@@ -351,16 +378,29 @@
351
378
  attributes: {},
352
379
  path: ["table", "color", "row", "label-hover"],
353
380
  },
381
+ "label-selected": {
382
+ $type: "color",
383
+ $value: "#000000",
384
+ filePath: "data/tokens/components/table.json",
385
+ isSource: true,
386
+ original: {
387
+ $type: "color",
388
+ $value: "{modes.color.interactive.monochrome.withActive}",
389
+ },
390
+ name: "tableColorRowLabelSelected",
391
+ attributes: {},
392
+ path: ["table", "color", "row", "label-selected"],
393
+ },
354
394
  },
355
395
  footer: {
356
396
  "bg-default": {
357
397
  $type: "color",
358
- $value: "#1f1f1f",
398
+ $value: "#282828",
359
399
  filePath: "data/tokens/components/table.json",
360
400
  isSource: true,
361
401
  original: {
362
402
  $type: "color",
363
- $value: "{modes.color.generic.bg.soft}",
403
+ $value: "{modes.color.generic.bg.moderate}",
364
404
  },
365
405
  name: "tableColorFooterBgDefault",
366
406
  attributes: {},
package/js/umd/product/large/light/components/table.js CHANGED
@@ -191,12 +191,15 @@
191
191
  row: {
192
192
  "bg-activated": {
193
193
  $type: "color",
194
- $value: "#00811F",
194
+ $value: "#f0f",
195
+ $description: "TO BE DEPRECATED (was #00811F)",
195
196
  filePath: "data/tokens/components/table.json",
196
197
  isSource: true,
197
198
  original: {
198
199
  $type: "color",
199
- $value: "{modes.color.interactive.primary.default}",
200
+ $value: "#f0f",
201
+ $description:
202
+ "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
200
203
  },
201
204
  name: "tableColorRowBgActivated",
202
205
  attributes: {},
@@ -204,12 +207,15 @@
204
207
  },
205
208
  "bg-active": {
206
209
  $type: "color",
207
- $value: "#000000",
210
+ $value: "#F6F",
211
+ $description: "TO BE DEPRECATED (was #000000)",
208
212
  filePath: "data/tokens/components/table.json",
209
213
  isSource: true,
210
214
  original: {
211
215
  $type: "color",
212
- $value: "{modes.color.interactive.monochrome.active}",
216
+ $value: "#F6F",
217
+ $description:
218
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
213
219
  },
214
220
  name: "tableColorRowBgActive",
215
221
  attributes: {},
@@ -246,13 +252,15 @@
246
252
  "bg-alt2": {
247
253
  $type: "color",
248
254
  $value: "#dedede",
249
- $description: "Zebra stripes combined with child rows.",
255
+ $description:
256
+ "Zebra stripes combined with child rows. Highlighted rows.",
250
257
  filePath: "data/tokens/components/table.json",
251
258
  isSource: true,
252
259
  original: {
253
260
  $type: "color",
254
261
  $value: "{modes.color.generic.bg.soft}",
255
- $description: "Zebra stripes combined with child rows.",
262
+ $description:
263
+ "Zebra stripes combined with child rows. Highlighted rows.",
256
264
  },
257
265
  name: "tableColorRowBgAlt2",
258
266
  attributes: {},
@@ -275,17 +283,30 @@
275
283
  },
276
284
  "bg-hover": {
277
285
  $type: "color",
278
- $value: "#dedede",
286
+ $value: "#d1d1d1",
279
287
  filePath: "data/tokens/components/table.json",
280
288
  isSource: true,
281
289
  original: {
282
290
  $type: "color",
283
- $value: "{modes.color.generic.bg.soft}",
291
+ $value: "{modes.color.generic.bg.moderate}",
284
292
  },
285
293
  name: "tableColorRowBgHover",
286
294
  attributes: {},
287
295
  path: ["table", "color", "row", "bg-hover"],
288
296
  },
297
+ "bg-selected": {
298
+ $type: "color",
299
+ $value: "#000000",
300
+ filePath: "data/tokens/components/table.json",
301
+ isSource: true,
302
+ original: {
303
+ $type: "color",
304
+ $value: "{modes.color.interactive.monochrome.active}",
305
+ },
306
+ name: "tableColorRowBgSelected",
307
+ attributes: {},
308
+ path: ["table", "color", "row", "bg-selected"],
309
+ },
289
310
  "border-default": {
290
311
  $type: "color",
291
312
  $value: "#d1d1d1",
@@ -301,12 +322,15 @@
301
322
  },
302
323
  "label-activated": {
303
324
  $type: "color",
304
- $value: "#FFFFFF",
325
+ $value: "#FAF",
326
+ $description: "TO BE DEPRECATED (was #FFFFFF)",
305
327
  filePath: "data/tokens/components/table.json",
306
328
  isSource: true,
307
329
  original: {
308
330
  $type: "color",
309
- $value: "{modes.color.interactive.monochrome.withActive}",
331
+ $value: "#FAF",
332
+ $description:
333
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
310
334
  },
311
335
  name: "tableColorRowLabelActivated",
312
336
  attributes: {},
@@ -314,12 +338,15 @@
314
338
  },
315
339
  "label-active": {
316
340
  $type: "color",
317
- $value: "#FFFFFF",
341
+ $value: "#FDF",
342
+ $description: "TO BE DEPRECATED (was #FFFFFF)",
318
343
  filePath: "data/tokens/components/table.json",
319
344
  isSource: true,
320
345
  original: {
321
346
  $type: "color",
322
- $value: "{modes.color.interactive.monochrome.withActive}",
347
+ $value: "#FDF",
348
+ $description:
349
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
323
350
  },
324
351
  name: "tableColorRowLabelActive",
325
352
  attributes: {},
@@ -351,16 +378,29 @@
351
378
  attributes: {},
352
379
  path: ["table", "color", "row", "label-hover"],
353
380
  },
381
+ "label-selected": {
382
+ $type: "color",
383
+ $value: "#FFFFFF",
384
+ filePath: "data/tokens/components/table.json",
385
+ isSource: true,
386
+ original: {
387
+ $type: "color",
388
+ $value: "{modes.color.interactive.monochrome.withActive}",
389
+ },
390
+ name: "tableColorRowLabelSelected",
391
+ attributes: {},
392
+ path: ["table", "color", "row", "label-selected"],
393
+ },
354
394
  },
355
395
  footer: {
356
396
  "bg-default": {
357
397
  $type: "color",
358
- $value: "#dedede",
398
+ $value: "#d1d1d1",
359
399
  filePath: "data/tokens/components/table.json",
360
400
  isSource: true,
361
401
  original: {
362
402
  $type: "color",
363
- $value: "{modes.color.generic.bg.soft}",
403
+ $value: "{modes.color.generic.bg.moderate}",
364
404
  },
365
405
  name: "tableColorFooterBgDefault",
366
406
  attributes: {},
package/js/umd/product/small/dark/components/table.js CHANGED
@@ -191,12 +191,15 @@
191
191
  row: {
192
192
  "bg-activated": {
193
193
  $type: "color",
194
- $value: "#00D639",
194
+ $value: "#f0f",
195
+ $description: "TO BE DEPRECATED (was #00D639)",
195
196
  filePath: "data/tokens/components/table.json",
196
197
  isSource: true,
197
198
  original: {
198
199
  $type: "color",
199
- $value: "{modes.color.interactive.primary.default}",
200
+ $value: "#f0f",
201
+ $description:
202
+ "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
200
203
  },
201
204
  name: "tableColorRowBgActivated",
202
205
  attributes: {},
@@ -204,12 +207,15 @@
204
207
  },
205
208
  "bg-active": {
206
209
  $type: "color",
207
- $value: "#FFFFFF",
210
+ $value: "#F6F",
211
+ $description: "TO BE DEPRECATED (was #FFFFFF)",
208
212
  filePath: "data/tokens/components/table.json",
209
213
  isSource: true,
210
214
  original: {
211
215
  $type: "color",
212
- $value: "{modes.color.interactive.monochrome.active}",
216
+ $value: "#F6F",
217
+ $description:
218
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
213
219
  },
214
220
  name: "tableColorRowBgActive",
215
221
  attributes: {},
@@ -246,13 +252,15 @@
246
252
  "bg-alt2": {
247
253
  $type: "color",
248
254
  $value: "#1f1f1f",
249
- $description: "Zebra stripes combined with child rows.",
255
+ $description:
256
+ "Zebra stripes combined with child rows. Highlighted rows.",
250
257
  filePath: "data/tokens/components/table.json",
251
258
  isSource: true,
252
259
  original: {
253
260
  $type: "color",
254
261
  $value: "{modes.color.generic.bg.soft}",
255
- $description: "Zebra stripes combined with child rows.",
262
+ $description:
263
+ "Zebra stripes combined with child rows. Highlighted rows.",
256
264
  },
257
265
  name: "tableColorRowBgAlt2",
258
266
  attributes: {},
@@ -275,17 +283,30 @@
275
283
  },
276
284
  "bg-hover": {
277
285
  $type: "color",
278
- $value: "#1f1f1f",
286
+ $value: "#282828",
279
287
  filePath: "data/tokens/components/table.json",
280
288
  isSource: true,
281
289
  original: {
282
290
  $type: "color",
283
- $value: "{modes.color.generic.bg.soft}",
291
+ $value: "{modes.color.generic.bg.moderate}",
284
292
  },
285
293
  name: "tableColorRowBgHover",
286
294
  attributes: {},
287
295
  path: ["table", "color", "row", "bg-hover"],
288
296
  },
297
+ "bg-selected": {
298
+ $type: "color",
299
+ $value: "#FFFFFF",
300
+ filePath: "data/tokens/components/table.json",
301
+ isSource: true,
302
+ original: {
303
+ $type: "color",
304
+ $value: "{modes.color.interactive.monochrome.active}",
305
+ },
306
+ name: "tableColorRowBgSelected",
307
+ attributes: {},
308
+ path: ["table", "color", "row", "bg-selected"],
309
+ },
289
310
  "border-default": {
290
311
  $type: "color",
291
312
  $value: "#282828",
@@ -301,12 +322,15 @@
301
322
  },
302
323
  "label-activated": {
303
324
  $type: "color",
304
- $value: "#000000",
325
+ $value: "#FAF",
326
+ $description: "TO BE DEPRECATED (was #000000)",
305
327
  filePath: "data/tokens/components/table.json",
306
328
  isSource: true,
307
329
  original: {
308
330
  $type: "color",
309
- $value: "{modes.color.interactive.monochrome.withActive}",
331
+ $value: "#FAF",
332
+ $description:
333
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
310
334
  },
311
335
  name: "tableColorRowLabelActivated",
312
336
  attributes: {},
@@ -314,12 +338,15 @@
314
338
  },
315
339
  "label-active": {
316
340
  $type: "color",
317
- $value: "#000000",
341
+ $value: "#FDF",
342
+ $description: "TO BE DEPRECATED (was #000000)",
318
343
  filePath: "data/tokens/components/table.json",
319
344
  isSource: true,
320
345
  original: {
321
346
  $type: "color",
322
- $value: "{modes.color.interactive.monochrome.withActive}",
347
+ $value: "#FDF",
348
+ $description:
349
+ "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
323
350
  },
324
351
  name: "tableColorRowLabelActive",
325
352
  attributes: {},
@@ -351,16 +378,29 @@
351
378
  attributes: {},
352
379
  path: ["table", "color", "row", "label-hover"],
353
380
  },
381
+ "label-selected": {
382
+ $type: "color",
383
+ $value: "#000000",
384
+ filePath: "data/tokens/components/table.json",
385
+ isSource: true,
386
+ original: {
387
+ $type: "color",
388
+ $value: "{modes.color.interactive.monochrome.withActive}",
389
+ },
390
+ name: "tableColorRowLabelSelected",
391
+ attributes: {},
392
+ path: ["table", "color", "row", "label-selected"],
393
+ },
354
394
  },
355
395
  footer: {
356
396
  "bg-default": {
357
397
  $type: "color",
358
- $value: "#1f1f1f",
398
+ $value: "#282828",
359
399
  filePath: "data/tokens/components/table.json",
360
400
  isSource: true,
361
401
  original: {
362
402
  $type: "color",
363
- $value: "{modes.color.generic.bg.soft}",
403
+ $value: "{modes.color.generic.bg.moderate}",
364
404
  },
365
405
  name: "tableColorFooterBgDefault",
366
406
  attributes: {},