@gitlab/ui 95.3.0 → 95.5.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 (29) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/base/search_box_by_type/search_box_by_type.js +1 -1
  3. package/dist/index.css +2 -2
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +26 -17
  6. package/dist/tokens/build/js/tokens.js +10 -1
  7. package/dist/tokens/css/tokens.css +9 -0
  8. package/dist/tokens/css/tokens.dark.css +14 -5
  9. package/dist/tokens/js/tokens.dark.js +25 -16
  10. package/dist/tokens/js/tokens.js +9 -0
  11. package/dist/tokens/json/tokens.dark.json +236 -21
  12. package/dist/tokens/json/tokens.json +220 -5
  13. package/dist/tokens/scss/_tokens.dark.scss +14 -5
  14. package/dist/tokens/scss/_tokens.scss +9 -0
  15. package/dist/tokens/scss/_tokens_custom_properties.scss +9 -0
  16. package/package.json +1 -1
  17. package/src/components/base/search_box_by_type/search_box_by_type.scss +2 -3
  18. package/src/components/base/search_box_by_type/search_box_by_type.vue +1 -1
  19. package/src/tokens/action.tokens.json +11 -5
  20. package/src/tokens/build/css/tokens.css +9 -0
  21. package/src/tokens/build/css/tokens.dark.css +14 -5
  22. package/src/tokens/build/js/tokens.dark.js +25 -16
  23. package/src/tokens/build/js/tokens.js +9 -0
  24. package/src/tokens/build/json/tokens.dark.json +236 -21
  25. package/src/tokens/build/json/tokens.json +220 -5
  26. package/src/tokens/build/scss/_tokens.dark.scss +14 -5
  27. package/src/tokens/build/scss/_tokens.scss +9 -0
  28. package/src/tokens/build/scss/_tokens_custom_properties.scss +9 -0
  29. package/src/tokens/contextual/toggle.tokens.json +59 -0
package/dist/tokens/json/tokens.dark.json CHANGED
@@ -1307,13 +1307,16 @@
1307
1307
  "foreground": {
1308
1308
  "color": {
1309
1309
  "default": {
1310
- "value": "#fff",
1310
+ "value": "#18171d",
1311
1311
  "$type": "color",
1312
1312
  "comment": "Used for the foreground of a strong confirm action in the default state.",
1313
1313
  "filePath": "src/tokens/action.tokens.json",
1314
1314
  "isSource": true,
1315
1315
  "original": {
1316
- "value": "{color.neutral.0}",
1316
+ "value": {
1317
+ "default": "{color.neutral.0}",
1318
+ "dark": "{color.neutral.950}"
1319
+ },
1317
1320
  "$type": "color",
1318
1321
  "comment": "Used for the foreground of a strong confirm action in the default state."
1319
1322
  },
@@ -1329,7 +1332,7 @@
1329
1332
  ]
1330
1333
  },
1331
1334
  "hover": {
1332
- "value": "#fff",
1335
+ "value": "#18171d",
1333
1336
  "$type": "color",
1334
1337
  "comment": "Used for the foreground of a strong confirm action in the hover state.",
1335
1338
  "filePath": "src/tokens/action.tokens.json",
@@ -1351,7 +1354,7 @@
1351
1354
  ]
1352
1355
  },
1353
1356
  "focus": {
1354
- "value": "#fff",
1357
+ "value": "#18171d",
1355
1358
  "$type": "color",
1356
1359
  "comment": "Used for the foreground of a strong confirm action in the focus state.",
1357
1360
  "filePath": "src/tokens/action.tokens.json",
@@ -1373,7 +1376,7 @@
1373
1376
  ]
1374
1377
  },
1375
1378
  "active": {
1376
- "value": "#fff",
1379
+ "value": "#18171d",
1377
1380
  "$type": "color",
1378
1381
  "comment": "Used for the foreground of a strong confirm action in the active state.",
1379
1382
  "filePath": "src/tokens/action.tokens.json",
@@ -1493,7 +1496,7 @@
1493
1496
  "background": {
1494
1497
  "color": {
1495
1498
  "default": {
1496
- "value": "#a4a3a8",
1499
+ "value": "#4c4b51",
1497
1500
  "$type": "color",
1498
1501
  "comment": "Used for the background of a strong neutral action in the default state.",
1499
1502
  "filePath": "src/tokens/action.tokens.json",
@@ -1501,7 +1504,7 @@
1501
1504
  "original": {
1502
1505
  "value": {
1503
1506
  "default": "{color.neutral.600}",
1504
- "dark": "{color.neutral.300}"
1507
+ "dark": "{color.neutral.700}"
1505
1508
  },
1506
1509
  "$type": "color",
1507
1510
  "comment": "Used for the background of a strong neutral action in the default state."
@@ -1518,7 +1521,7 @@
1518
1521
  ]
1519
1522
  },
1520
1523
  "hover": {
1521
- "value": "#bfbfc3",
1524
+ "value": "#626168",
1522
1525
  "$type": "color",
1523
1526
  "comment": "Used for the background of a strong neutral action in the hover state.",
1524
1527
  "filePath": "src/tokens/action.tokens.json",
@@ -1526,7 +1529,7 @@
1526
1529
  "original": {
1527
1530
  "value": {
1528
1531
  "default": "{color.neutral.700}",
1529
- "dark": "{color.neutral.200}"
1532
+ "dark": "{color.neutral.600}"
1530
1533
  },
1531
1534
  "$type": "color",
1532
1535
  "comment": "Used for the background of a strong neutral action in the hover state."
@@ -1543,7 +1546,7 @@
1543
1546
  ]
1544
1547
  },
1545
1548
  "focus": {
1546
- "value": "#bfbfc3",
1549
+ "value": "#626168",
1547
1550
  "$type": "color",
1548
1551
  "comment": "Used for the background of a strong neutral action in the focus state.",
1549
1552
  "filePath": "src/tokens/action.tokens.json",
@@ -1565,7 +1568,7 @@
1565
1568
  ]
1566
1569
  },
1567
1570
  "active": {
1568
- "value": "#dcdcde",
1571
+ "value": "#737278",
1569
1572
  "$type": "color",
1570
1573
  "comment": "Used for the background of a strong neutral action in the active state.",
1571
1574
  "filePath": "src/tokens/action.tokens.json",
@@ -1573,7 +1576,7 @@
1573
1576
  "original": {
1574
1577
  "value": {
1575
1578
  "default": "{color.neutral.800}",
1576
- "dark": "{color.neutral.100}"
1579
+ "dark": "{color.neutral.500}"
1577
1580
  },
1578
1581
  "$type": "color",
1579
1582
  "comment": "Used for the background of a strong neutral action in the active state."
@@ -1594,13 +1597,16 @@
1594
1597
  "foreground": {
1595
1598
  "color": {
1596
1599
  "default": {
1597
- "value": "#fff",
1600
+ "value": "#ececef",
1598
1601
  "$type": "color",
1599
1602
  "comment": "Used for the foreground of a strong neutral action in the default state.",
1600
1603
  "filePath": "src/tokens/action.tokens.json",
1601
1604
  "isSource": true,
1602
1605
  "original": {
1603
- "value": "{color.neutral.0}",
1606
+ "value": {
1607
+ "default": "{color.neutral.0}",
1608
+ "dark": "{color.neutral.50}"
1609
+ },
1604
1610
  "$type": "color",
1605
1611
  "comment": "Used for the foreground of a strong neutral action in the default state."
1606
1612
  },
@@ -1616,7 +1622,7 @@
1616
1622
  ]
1617
1623
  },
1618
1624
  "hover": {
1619
- "value": "#fff",
1625
+ "value": "#ececef",
1620
1626
  "$type": "color",
1621
1627
  "comment": "Used for the foreground of a strong neutral action in the hover state.",
1622
1628
  "filePath": "src/tokens/action.tokens.json",
@@ -1638,7 +1644,7 @@
1638
1644
  ]
1639
1645
  },
1640
1646
  "focus": {
1641
- "value": "#fff",
1647
+ "value": "#ececef",
1642
1648
  "$type": "color",
1643
1649
  "comment": "Used for the foreground of a strong neutral action in the focus state.",
1644
1650
  "filePath": "src/tokens/action.tokens.json",
@@ -1660,7 +1666,7 @@
1660
1666
  ]
1661
1667
  },
1662
1668
  "active": {
1663
- "value": "#fff",
1669
+ "value": "#ececef",
1664
1670
  "$type": "color",
1665
1671
  "comment": "Used for the foreground of a strong neutral action in the active state.",
1666
1672
  "filePath": "src/tokens/action.tokens.json",
@@ -11405,7 +11411,7 @@
11405
11411
  "foreground": {
11406
11412
  "color": {
11407
11413
  "default": {
11408
- "value": "#fff",
11414
+ "value": "#18171d",
11409
11415
  "$type": "color",
11410
11416
  "comment": "Used for the foreground of a confirm (positive) primary button in the default state.",
11411
11417
  "filePath": "src/tokens/contextual/button.tokens.json",
@@ -11427,7 +11433,7 @@
11427
11433
  ]
11428
11434
  },
11429
11435
  "hover": {
11430
- "value": "#fff",
11436
+ "value": "#18171d",
11431
11437
  "$type": "color",
11432
11438
  "comment": "Used for the foreground of a confirm (positive) primary button in the hover state.",
11433
11439
  "filePath": "src/tokens/contextual/button.tokens.json",
@@ -11449,7 +11455,7 @@
11449
11455
  ]
11450
11456
  },
11451
11457
  "focus": {
11452
- "value": "#fff",
11458
+ "value": "#18171d",
11453
11459
  "$type": "color",
11454
11460
  "comment": "Used for the foreground of a confirm (positive) primary button in the focus state.",
11455
11461
  "filePath": "src/tokens/contextual/button.tokens.json",
@@ -11471,7 +11477,7 @@
11471
11477
  ]
11472
11478
  },
11473
11479
  "active": {
11474
- "value": "#fff",
11480
+ "value": "#18171d",
11475
11481
  "$type": "color",
11476
11482
  "comment": "Used for the foreground of a confirm (positive) primary button in the active state.",
11477
11483
  "filePath": "src/tokens/contextual/button.tokens.json",
@@ -15134,6 +15140,215 @@
15134
15140
  }
15135
15141
  }
15136
15142
  },
15143
+ "toggle": {
15144
+ "switch": {
15145
+ "icon": {
15146
+ "color": {
15147
+ "unchecked": {
15148
+ "default": {
15149
+ "value": "#4c4b51",
15150
+ "$type": "color",
15151
+ "comment": "Used for the icon color of an unchecked toggle switch in the default state.",
15152
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15153
+ "isSource": true,
15154
+ "original": {
15155
+ "value": "{action.strong.neutral.background.color.default}",
15156
+ "$type": "color",
15157
+ "comment": "Used for the icon color of an unchecked toggle switch in the default state."
15158
+ },
15159
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT",
15160
+ "attributes": {},
15161
+ "path": [
15162
+ "toggle",
15163
+ "switch",
15164
+ "icon",
15165
+ "color",
15166
+ "unchecked",
15167
+ "default"
15168
+ ]
15169
+ },
15170
+ "hover": {
15171
+ "value": "#626168",
15172
+ "$type": "color",
15173
+ "comment": "Used for the icon color of an unchecked toggle switch in the hover state.",
15174
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15175
+ "isSource": true,
15176
+ "original": {
15177
+ "value": "{action.strong.neutral.background.color.hover}",
15178
+ "$type": "color",
15179
+ "comment": "Used for the icon color of an unchecked toggle switch in the hover state."
15180
+ },
15181
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER",
15182
+ "attributes": {},
15183
+ "path": [
15184
+ "toggle",
15185
+ "switch",
15186
+ "icon",
15187
+ "color",
15188
+ "unchecked",
15189
+ "hover"
15190
+ ]
15191
+ },
15192
+ "focus": {
15193
+ "value": "#626168",
15194
+ "$type": "color",
15195
+ "comment": "Used for the icon color of an unchecked toggle switch in the focus state.",
15196
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15197
+ "isSource": true,
15198
+ "original": {
15199
+ "value": "{action.strong.neutral.background.color.focus}",
15200
+ "$type": "color",
15201
+ "comment": "Used for the icon color of an unchecked toggle switch in the focus state."
15202
+ },
15203
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS",
15204
+ "attributes": {},
15205
+ "path": [
15206
+ "toggle",
15207
+ "switch",
15208
+ "icon",
15209
+ "color",
15210
+ "unchecked",
15211
+ "focus"
15212
+ ]
15213
+ },
15214
+ "active": {
15215
+ "value": "#737278",
15216
+ "$type": "color",
15217
+ "comment": "Used for the icon color of an unchecked toggle switch in the active state.",
15218
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15219
+ "isSource": true,
15220
+ "original": {
15221
+ "value": "{action.strong.neutral.background.color.active}",
15222
+ "$type": "color",
15223
+ "comment": "Used for the icon color of an unchecked toggle switch in the active state."
15224
+ },
15225
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE",
15226
+ "attributes": {},
15227
+ "path": [
15228
+ "toggle",
15229
+ "switch",
15230
+ "icon",
15231
+ "color",
15232
+ "unchecked",
15233
+ "active"
15234
+ ]
15235
+ }
15236
+ },
15237
+ "checked": {
15238
+ "default": {
15239
+ "value": "#428fdc",
15240
+ "$type": "color",
15241
+ "comment": "Used for the icon color of a checked toggle switch in the default state.",
15242
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15243
+ "isSource": true,
15244
+ "original": {
15245
+ "value": "{action.strong.confirm.background.color.default}",
15246
+ "$type": "color",
15247
+ "comment": "Used for the icon color of a checked toggle switch in the default state."
15248
+ },
15249
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT",
15250
+ "attributes": {},
15251
+ "path": [
15252
+ "toggle",
15253
+ "switch",
15254
+ "icon",
15255
+ "color",
15256
+ "checked",
15257
+ "default"
15258
+ ]
15259
+ },
15260
+ "hover": {
15261
+ "value": "#63a6e9",
15262
+ "$type": "color",
15263
+ "comment": "Used for the icon color of a checked toggle switch in the hover state.",
15264
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15265
+ "isSource": true,
15266
+ "original": {
15267
+ "value": "{action.strong.confirm.background.color.hover}",
15268
+ "$type": "color",
15269
+ "comment": "Used for the icon color of a checked toggle switch in the hover state."
15270
+ },
15271
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER",
15272
+ "attributes": {},
15273
+ "path": [
15274
+ "toggle",
15275
+ "switch",
15276
+ "icon",
15277
+ "color",
15278
+ "checked",
15279
+ "hover"
15280
+ ]
15281
+ },
15282
+ "focus": {
15283
+ "value": "#63a6e9",
15284
+ "$type": "color",
15285
+ "comment": "Used for the icon color of a checked toggle switch in the focus state.",
15286
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15287
+ "isSource": true,
15288
+ "original": {
15289
+ "value": "{action.strong.confirm.background.color.focus}",
15290
+ "$type": "color",
15291
+ "comment": "Used for the icon color of a checked toggle switch in the focus state."
15292
+ },
15293
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS",
15294
+ "attributes": {},
15295
+ "path": [
15296
+ "toggle",
15297
+ "switch",
15298
+ "icon",
15299
+ "color",
15300
+ "checked",
15301
+ "focus"
15302
+ ]
15303
+ },
15304
+ "active": {
15305
+ "value": "#9dc7f1",
15306
+ "$type": "color",
15307
+ "comment": "Used for the icon color of a checked toggle switch in the active state.",
15308
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15309
+ "isSource": true,
15310
+ "original": {
15311
+ "value": "{action.strong.confirm.background.color.active}",
15312
+ "$type": "color",
15313
+ "comment": "Used for the icon color of a checked toggle switch in the active state."
15314
+ },
15315
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE",
15316
+ "attributes": {},
15317
+ "path": [
15318
+ "toggle",
15319
+ "switch",
15320
+ "icon",
15321
+ "color",
15322
+ "checked",
15323
+ "active"
15324
+ ]
15325
+ }
15326
+ },
15327
+ "disabled": {
15328
+ "value": "#28272d",
15329
+ "$type": "color",
15330
+ "comment": "Used for the icon color of a disabled toggle switch.",
15331
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15332
+ "isSource": true,
15333
+ "original": {
15334
+ "value": "{action.disabled.background.color}",
15335
+ "$type": "color",
15336
+ "comment": "Used for the icon color of a disabled toggle switch."
15337
+ },
15338
+ "name": "TOGGLE_SWITCH_ICON_COLOR_DISABLED",
15339
+ "attributes": {},
15340
+ "path": [
15341
+ "toggle",
15342
+ "switch",
15343
+ "icon",
15344
+ "color",
15345
+ "disabled"
15346
+ ]
15347
+ }
15348
+ }
15349
+ }
15350
+ }
15351
+ },
15137
15352
  "token": {
15138
15353
  "foreground": {
15139
15354
  "color": {
package/dist/tokens/json/tokens.json CHANGED
@@ -1313,7 +1313,10 @@
1313
1313
  "filePath": "src/tokens/action.tokens.json",
1314
1314
  "isSource": true,
1315
1315
  "original": {
1316
- "value": "{color.neutral.0}",
1316
+ "value": {
1317
+ "default": "{color.neutral.0}",
1318
+ "dark": "{color.neutral.950}"
1319
+ },
1317
1320
  "$type": "color",
1318
1321
  "comment": "Used for the foreground of a strong confirm action in the default state."
1319
1322
  },
@@ -1501,7 +1504,7 @@
1501
1504
  "original": {
1502
1505
  "value": {
1503
1506
  "default": "{color.neutral.600}",
1504
- "dark": "{color.neutral.300}"
1507
+ "dark": "{color.neutral.700}"
1505
1508
  },
1506
1509
  "$type": "color",
1507
1510
  "comment": "Used for the background of a strong neutral action in the default state."
@@ -1526,7 +1529,7 @@
1526
1529
  "original": {
1527
1530
  "value": {
1528
1531
  "default": "{color.neutral.700}",
1529
- "dark": "{color.neutral.200}"
1532
+ "dark": "{color.neutral.600}"
1530
1533
  },
1531
1534
  "$type": "color",
1532
1535
  "comment": "Used for the background of a strong neutral action in the hover state."
@@ -1573,7 +1576,7 @@
1573
1576
  "original": {
1574
1577
  "value": {
1575
1578
  "default": "{color.neutral.800}",
1576
- "dark": "{color.neutral.100}"
1579
+ "dark": "{color.neutral.500}"
1577
1580
  },
1578
1581
  "$type": "color",
1579
1582
  "comment": "Used for the background of a strong neutral action in the active state."
@@ -1600,7 +1603,10 @@
1600
1603
  "filePath": "src/tokens/action.tokens.json",
1601
1604
  "isSource": true,
1602
1605
  "original": {
1603
- "value": "{color.neutral.0}",
1606
+ "value": {
1607
+ "default": "{color.neutral.0}",
1608
+ "dark": "{color.neutral.50}"
1609
+ },
1604
1610
  "$type": "color",
1605
1611
  "comment": "Used for the foreground of a strong neutral action in the default state."
1606
1612
  },
@@ -15134,6 +15140,215 @@
15134
15140
  }
15135
15141
  }
15136
15142
  },
15143
+ "toggle": {
15144
+ "switch": {
15145
+ "icon": {
15146
+ "color": {
15147
+ "unchecked": {
15148
+ "default": {
15149
+ "value": "#626168",
15150
+ "$type": "color",
15151
+ "comment": "Used for the icon color of an unchecked toggle switch in the default state.",
15152
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15153
+ "isSource": true,
15154
+ "original": {
15155
+ "value": "{action.strong.neutral.background.color.default}",
15156
+ "$type": "color",
15157
+ "comment": "Used for the icon color of an unchecked toggle switch in the default state."
15158
+ },
15159
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT",
15160
+ "attributes": {},
15161
+ "path": [
15162
+ "toggle",
15163
+ "switch",
15164
+ "icon",
15165
+ "color",
15166
+ "unchecked",
15167
+ "default"
15168
+ ]
15169
+ },
15170
+ "hover": {
15171
+ "value": "#4c4b51",
15172
+ "$type": "color",
15173
+ "comment": "Used for the icon color of an unchecked toggle switch in the hover state.",
15174
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15175
+ "isSource": true,
15176
+ "original": {
15177
+ "value": "{action.strong.neutral.background.color.hover}",
15178
+ "$type": "color",
15179
+ "comment": "Used for the icon color of an unchecked toggle switch in the hover state."
15180
+ },
15181
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER",
15182
+ "attributes": {},
15183
+ "path": [
15184
+ "toggle",
15185
+ "switch",
15186
+ "icon",
15187
+ "color",
15188
+ "unchecked",
15189
+ "hover"
15190
+ ]
15191
+ },
15192
+ "focus": {
15193
+ "value": "#4c4b51",
15194
+ "$type": "color",
15195
+ "comment": "Used for the icon color of an unchecked toggle switch in the focus state.",
15196
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15197
+ "isSource": true,
15198
+ "original": {
15199
+ "value": "{action.strong.neutral.background.color.focus}",
15200
+ "$type": "color",
15201
+ "comment": "Used for the icon color of an unchecked toggle switch in the focus state."
15202
+ },
15203
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS",
15204
+ "attributes": {},
15205
+ "path": [
15206
+ "toggle",
15207
+ "switch",
15208
+ "icon",
15209
+ "color",
15210
+ "unchecked",
15211
+ "focus"
15212
+ ]
15213
+ },
15214
+ "active": {
15215
+ "value": "#3a383f",
15216
+ "$type": "color",
15217
+ "comment": "Used for the icon color of an unchecked toggle switch in the active state.",
15218
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15219
+ "isSource": true,
15220
+ "original": {
15221
+ "value": "{action.strong.neutral.background.color.active}",
15222
+ "$type": "color",
15223
+ "comment": "Used for the icon color of an unchecked toggle switch in the active state."
15224
+ },
15225
+ "name": "TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE",
15226
+ "attributes": {},
15227
+ "path": [
15228
+ "toggle",
15229
+ "switch",
15230
+ "icon",
15231
+ "color",
15232
+ "unchecked",
15233
+ "active"
15234
+ ]
15235
+ }
15236
+ },
15237
+ "checked": {
15238
+ "default": {
15239
+ "value": "#1f75cb",
15240
+ "$type": "color",
15241
+ "comment": "Used for the icon color of a checked toggle switch in the default state.",
15242
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15243
+ "isSource": true,
15244
+ "original": {
15245
+ "value": "{action.strong.confirm.background.color.default}",
15246
+ "$type": "color",
15247
+ "comment": "Used for the icon color of a checked toggle switch in the default state."
15248
+ },
15249
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT",
15250
+ "attributes": {},
15251
+ "path": [
15252
+ "toggle",
15253
+ "switch",
15254
+ "icon",
15255
+ "color",
15256
+ "checked",
15257
+ "default"
15258
+ ]
15259
+ },
15260
+ "hover": {
15261
+ "value": "#1068bf",
15262
+ "$type": "color",
15263
+ "comment": "Used for the icon color of a checked toggle switch in the hover state.",
15264
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15265
+ "isSource": true,
15266
+ "original": {
15267
+ "value": "{action.strong.confirm.background.color.hover}",
15268
+ "$type": "color",
15269
+ "comment": "Used for the icon color of a checked toggle switch in the hover state."
15270
+ },
15271
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER",
15272
+ "attributes": {},
15273
+ "path": [
15274
+ "toggle",
15275
+ "switch",
15276
+ "icon",
15277
+ "color",
15278
+ "checked",
15279
+ "hover"
15280
+ ]
15281
+ },
15282
+ "focus": {
15283
+ "value": "#1068bf",
15284
+ "$type": "color",
15285
+ "comment": "Used for the icon color of a checked toggle switch in the focus state.",
15286
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15287
+ "isSource": true,
15288
+ "original": {
15289
+ "value": "{action.strong.confirm.background.color.focus}",
15290
+ "$type": "color",
15291
+ "comment": "Used for the icon color of a checked toggle switch in the focus state."
15292
+ },
15293
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS",
15294
+ "attributes": {},
15295
+ "path": [
15296
+ "toggle",
15297
+ "switch",
15298
+ "icon",
15299
+ "color",
15300
+ "checked",
15301
+ "focus"
15302
+ ]
15303
+ },
15304
+ "active": {
15305
+ "value": "#0b5cad",
15306
+ "$type": "color",
15307
+ "comment": "Used for the icon color of a checked toggle switch in the active state.",
15308
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15309
+ "isSource": true,
15310
+ "original": {
15311
+ "value": "{action.strong.confirm.background.color.active}",
15312
+ "$type": "color",
15313
+ "comment": "Used for the icon color of a checked toggle switch in the active state."
15314
+ },
15315
+ "name": "TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE",
15316
+ "attributes": {},
15317
+ "path": [
15318
+ "toggle",
15319
+ "switch",
15320
+ "icon",
15321
+ "color",
15322
+ "checked",
15323
+ "active"
15324
+ ]
15325
+ }
15326
+ },
15327
+ "disabled": {
15328
+ "value": "#ececef",
15329
+ "$type": "color",
15330
+ "comment": "Used for the icon color of a disabled toggle switch.",
15331
+ "filePath": "src/tokens/contextual/toggle.tokens.json",
15332
+ "isSource": true,
15333
+ "original": {
15334
+ "value": "{action.disabled.background.color}",
15335
+ "$type": "color",
15336
+ "comment": "Used for the icon color of a disabled toggle switch."
15337
+ },
15338
+ "name": "TOGGLE_SWITCH_ICON_COLOR_DISABLED",
15339
+ "attributes": {},
15340
+ "path": [
15341
+ "toggle",
15342
+ "switch",
15343
+ "icon",
15344
+ "color",
15345
+ "disabled"
15346
+ ]
15347
+ }
15348
+ }
15349
+ }
15350
+ }
15351
+ },
15137
15352
  "token": {
15138
15353
  "foreground": {
15139
15354
  "color": {