@primer/primitives 7.11.0 → 7.11.1

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 (101) hide show
  1. package/dist/js/colors/dark.d.ts +12 -0
  2. package/dist/js/colors/dark.js +18 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +12 -0
  4. package/dist/js/colors/dark_colorblind.js +18 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +12 -0
  6. package/dist/js/colors/dark_dimmed.js +18 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +12 -0
  8. package/dist/js/colors/dark_high_contrast.js +19 -7
  9. package/dist/js/colors/dark_tritanopia.d.ts +12 -0
  10. package/dist/js/colors/dark_tritanopia.js +18 -6
  11. package/dist/js/colors/index.d.ts +108 -0
  12. package/dist/js/colors/light.d.ts +12 -0
  13. package/dist/js/colors/light.js +20 -8
  14. package/dist/js/colors/light_colorblind.d.ts +12 -0
  15. package/dist/js/colors/light_colorblind.js +20 -8
  16. package/dist/js/colors/light_high_contrast.d.ts +12 -0
  17. package/dist/js/colors/light_high_contrast.js +21 -9
  18. package/dist/js/colors/light_tritanopia.d.ts +12 -0
  19. package/dist/js/colors/light_tritanopia.js +20 -8
  20. package/dist/js/index.d.ts +108 -0
  21. package/dist/json/colors/dark.json +18 -6
  22. package/dist/json/colors/dark_colorblind.json +18 -6
  23. package/dist/json/colors/dark_dimmed.json +18 -6
  24. package/dist/json/colors/dark_high_contrast.json +19 -7
  25. package/dist/json/colors/dark_tritanopia.json +18 -6
  26. package/dist/json/colors/light.json +20 -8
  27. package/dist/json/colors/light_colorblind.json +20 -8
  28. package/dist/json/colors/light_high_contrast.json +21 -9
  29. package/dist/json/colors/light_tritanopia.json +20 -8
  30. package/dist/scss/colors/_dark.scss +18 -6
  31. package/dist/scss/colors/_dark_colorblind.scss +18 -6
  32. package/dist/scss/colors/_dark_dimmed.scss +18 -6
  33. package/dist/scss/colors/_dark_high_contrast.scss +19 -7
  34. package/dist/scss/colors/_dark_tritanopia.scss +18 -6
  35. package/dist/scss/colors/_light.scss +20 -8
  36. package/dist/scss/colors/_light_colorblind.scss +20 -8
  37. package/dist/scss/colors/_light_high_contrast.scss +21 -9
  38. package/dist/scss/colors/_light_tritanopia.scss +20 -8
  39. package/dist/ts/colors/dark.ts +18 -6
  40. package/dist/ts/colors/dark_colorblind.ts +18 -6
  41. package/dist/ts/colors/dark_dimmed.ts +18 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +19 -7
  43. package/dist/ts/colors/dark_tritanopia.ts +18 -6
  44. package/dist/ts/colors/light.ts +20 -8
  45. package/dist/ts/colors/light_colorblind.ts +20 -8
  46. package/dist/ts/colors/light_high_contrast.ts +21 -9
  47. package/dist/ts/colors/light_tritanopia.ts +20 -8
  48. package/package.json +1 -1
  49. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  50. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  51. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  52. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  53. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  56. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  57. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  58. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  59. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  60. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  66. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  67. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  68. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  69. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  70. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  74. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  75. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  76. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  77. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  78. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  84. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  86. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/js/colors/index.d.ts CHANGED
@@ -341,23 +341,35 @@ declare const _default: {
341
341
  };
342
342
  switchTrack: {
343
343
  bg: string;
344
+ hoverBg: string;
345
+ activeBg: string;
346
+ disabledBg: string;
347
+ fg: string;
348
+ disabledFg: string;
344
349
  border: string;
345
350
  checked: {
346
351
  bg: string;
347
352
  hoverBg: string;
348
353
  activeBg: string;
354
+ fg: string;
355
+ disabledFg: string;
349
356
  border: string;
350
357
  };
351
358
  };
352
359
  switchKnob: {
360
+ bg: string;
361
+ disabledBg: string;
362
+ border: string;
353
363
  checked: {
354
364
  bg: string;
355
365
  disabledBg: string;
366
+ border: string;
356
367
  };
357
368
  };
358
369
  segmentedControl: {
359
370
  bg: string;
360
371
  button: {
372
+ bg: string;
361
373
  hover: {
362
374
  bg: string;
363
375
  };
@@ -833,23 +845,35 @@ declare const _default: {
833
845
  };
834
846
  switchTrack: {
835
847
  bg: string;
848
+ hoverBg: string;
849
+ activeBg: string;
850
+ disabledBg: string;
851
+ fg: string;
852
+ disabledFg: string;
836
853
  border: string;
837
854
  checked: {
838
855
  bg: string;
839
856
  hoverBg: string;
840
857
  activeBg: string;
858
+ fg: string;
859
+ disabledFg: string;
841
860
  border: string;
842
861
  };
843
862
  };
844
863
  switchKnob: {
864
+ bg: string;
865
+ disabledBg: string;
866
+ border: string;
845
867
  checked: {
846
868
  bg: string;
847
869
  disabledBg: string;
870
+ border: string;
848
871
  };
849
872
  };
850
873
  segmentedControl: {
851
874
  bg: string;
852
875
  button: {
876
+ bg: string;
853
877
  hover: {
854
878
  bg: string;
855
879
  };
@@ -1325,23 +1349,35 @@ declare const _default: {
1325
1349
  };
1326
1350
  switchTrack: {
1327
1351
  bg: string;
1352
+ hoverBg: string;
1353
+ activeBg: string;
1354
+ disabledBg: string;
1355
+ fg: string;
1356
+ disabledFg: string;
1328
1357
  border: string;
1329
1358
  checked: {
1330
1359
  bg: string;
1331
1360
  hoverBg: string;
1332
1361
  activeBg: string;
1362
+ fg: string;
1363
+ disabledFg: string;
1333
1364
  border: string;
1334
1365
  };
1335
1366
  };
1336
1367
  switchKnob: {
1368
+ bg: string;
1369
+ disabledBg: string;
1370
+ border: string;
1337
1371
  checked: {
1338
1372
  bg: string;
1339
1373
  disabledBg: string;
1374
+ border: string;
1340
1375
  };
1341
1376
  };
1342
1377
  segmentedControl: {
1343
1378
  bg: string;
1344
1379
  button: {
1380
+ bg: string;
1345
1381
  hover: {
1346
1382
  bg: string;
1347
1383
  };
@@ -1817,23 +1853,35 @@ declare const _default: {
1817
1853
  };
1818
1854
  switchTrack: {
1819
1855
  bg: string;
1856
+ hoverBg: string;
1857
+ activeBg: string;
1858
+ disabledBg: string;
1859
+ fg: string;
1860
+ disabledFg: string;
1820
1861
  border: string;
1821
1862
  checked: {
1822
1863
  bg: string;
1823
1864
  hoverBg: string;
1824
1865
  activeBg: string;
1866
+ fg: string;
1867
+ disabledFg: string;
1825
1868
  border: string;
1826
1869
  };
1827
1870
  };
1828
1871
  switchKnob: {
1872
+ bg: string;
1873
+ disabledBg: string;
1874
+ border: string;
1829
1875
  checked: {
1830
1876
  bg: string;
1831
1877
  disabledBg: string;
1878
+ border: string;
1832
1879
  };
1833
1880
  };
1834
1881
  segmentedControl: {
1835
1882
  bg: string;
1836
1883
  button: {
1884
+ bg: string;
1837
1885
  hover: {
1838
1886
  bg: string;
1839
1887
  };
@@ -2309,23 +2357,35 @@ declare const _default: {
2309
2357
  };
2310
2358
  switchTrack: {
2311
2359
  bg: string;
2360
+ hoverBg: string;
2361
+ activeBg: string;
2362
+ disabledBg: string;
2363
+ fg: string;
2364
+ disabledFg: string;
2312
2365
  border: string;
2313
2366
  checked: {
2314
2367
  bg: string;
2315
2368
  hoverBg: string;
2316
2369
  activeBg: string;
2370
+ fg: string;
2371
+ disabledFg: string;
2317
2372
  border: string;
2318
2373
  };
2319
2374
  };
2320
2375
  switchKnob: {
2376
+ bg: string;
2377
+ border: string;
2378
+ disabledBg: string;
2321
2379
  checked: {
2322
2380
  bg: string;
2323
2381
  disabledBg: string;
2382
+ border: string;
2324
2383
  };
2325
2384
  };
2326
2385
  segmentedControl: {
2327
2386
  bg: string;
2328
2387
  button: {
2388
+ bg: string;
2329
2389
  hover: {
2330
2390
  bg: string;
2331
2391
  };
@@ -2801,23 +2861,35 @@ declare const _default: {
2801
2861
  };
2802
2862
  switchTrack: {
2803
2863
  bg: string;
2864
+ hoverBg: string;
2865
+ activeBg: string;
2866
+ disabledBg: string;
2867
+ fg: string;
2868
+ disabledFg: string;
2804
2869
  border: string;
2805
2870
  checked: {
2806
2871
  bg: string;
2807
2872
  hoverBg: string;
2808
2873
  activeBg: string;
2874
+ fg: string;
2875
+ disabledFg: string;
2809
2876
  border: string;
2810
2877
  };
2811
2878
  };
2812
2879
  switchKnob: {
2880
+ bg: string;
2881
+ border: string;
2882
+ disabledBg: string;
2813
2883
  checked: {
2814
2884
  bg: string;
2815
2885
  disabledBg: string;
2886
+ border: string;
2816
2887
  };
2817
2888
  };
2818
2889
  segmentedControl: {
2819
2890
  bg: string;
2820
2891
  button: {
2892
+ bg: string;
2821
2893
  hover: {
2822
2894
  bg: string;
2823
2895
  };
@@ -3293,23 +3365,35 @@ declare const _default: {
3293
3365
  };
3294
3366
  switchTrack: {
3295
3367
  bg: string;
3368
+ hoverBg: string;
3369
+ activeBg: string;
3370
+ disabledBg: string;
3371
+ fg: string;
3372
+ disabledFg: string;
3296
3373
  border: string;
3297
3374
  checked: {
3298
3375
  bg: string;
3299
3376
  hoverBg: string;
3300
3377
  activeBg: string;
3378
+ fg: string;
3379
+ disabledFg: string;
3301
3380
  border: string;
3302
3381
  };
3303
3382
  };
3304
3383
  switchKnob: {
3384
+ bg: string;
3385
+ border: string;
3386
+ disabledBg: string;
3305
3387
  checked: {
3306
3388
  bg: string;
3307
3389
  disabledBg: string;
3390
+ border: string;
3308
3391
  };
3309
3392
  };
3310
3393
  segmentedControl: {
3311
3394
  bg: string;
3312
3395
  button: {
3396
+ bg: string;
3313
3397
  hover: {
3314
3398
  bg: string;
3315
3399
  };
@@ -3785,23 +3869,35 @@ declare const _default: {
3785
3869
  };
3786
3870
  switchTrack: {
3787
3871
  bg: string;
3872
+ hoverBg: string;
3873
+ activeBg: string;
3874
+ disabledBg: string;
3875
+ fg: string;
3876
+ disabledFg: string;
3788
3877
  border: string;
3789
3878
  checked: {
3790
3879
  bg: string;
3791
3880
  hoverBg: string;
3792
3881
  activeBg: string;
3882
+ fg: string;
3883
+ disabledFg: string;
3793
3884
  border: string;
3794
3885
  };
3795
3886
  };
3796
3887
  switchKnob: {
3888
+ bg: string;
3889
+ border: string;
3890
+ disabledBg: string;
3797
3891
  checked: {
3798
3892
  bg: string;
3799
3893
  disabledBg: string;
3894
+ border: string;
3800
3895
  };
3801
3896
  };
3802
3897
  segmentedControl: {
3803
3898
  bg: string;
3804
3899
  button: {
3900
+ bg: string;
3805
3901
  hover: {
3806
3902
  bg: string;
3807
3903
  };
@@ -4277,23 +4373,35 @@ declare const _default: {
4277
4373
  };
4278
4374
  switchTrack: {
4279
4375
  bg: string;
4376
+ hoverBg: string;
4377
+ activeBg: string;
4378
+ disabledBg: string;
4379
+ fg: string;
4380
+ disabledFg: string;
4280
4381
  border: string;
4281
4382
  checked: {
4282
4383
  bg: string;
4283
4384
  hoverBg: string;
4284
4385
  activeBg: string;
4386
+ fg: string;
4387
+ disabledFg: string;
4285
4388
  border: string;
4286
4389
  };
4287
4390
  };
4288
4391
  switchKnob: {
4392
+ bg: string;
4393
+ border: string;
4394
+ disabledBg: string;
4289
4395
  checked: {
4290
4396
  bg: string;
4291
4397
  disabledBg: string;
4398
+ border: string;
4292
4399
  };
4293
4400
  };
4294
4401
  segmentedControl: {
4295
4402
  bg: string;
4296
4403
  button: {
4404
+ bg: string;
4297
4405
  hover: {
4298
4406
  bg: string;
4299
4407
  };
package/dist/js/colors/light.d.ts CHANGED
@@ -340,23 +340,35 @@ declare const _default: {
340
340
  };
341
341
  switchTrack: {
342
342
  bg: string;
343
+ hoverBg: string;
344
+ activeBg: string;
345
+ disabledBg: string;
346
+ fg: string;
347
+ disabledFg: string;
343
348
  border: string;
344
349
  checked: {
345
350
  bg: string;
346
351
  hoverBg: string;
347
352
  activeBg: string;
353
+ fg: string;
354
+ disabledFg: string;
348
355
  border: string;
349
356
  };
350
357
  };
351
358
  switchKnob: {
359
+ bg: string;
360
+ disabledBg: string;
361
+ border: string;
352
362
  checked: {
353
363
  bg: string;
354
364
  disabledBg: string;
365
+ border: string;
355
366
  };
356
367
  };
357
368
  segmentedControl: {
358
369
  bg: string;
359
370
  button: {
371
+ bg: string;
360
372
  hover: {
361
373
  bg: string;
362
374
  };
package/dist/js/colors/light.js CHANGED
@@ -342,23 +342,35 @@ exports.default = {
342
342
  },
343
343
  "switchTrack": {
344
344
  "bg": "#eaeef2",
345
- "border": "#afb8c1",
345
+ "hoverBg": "hsla(210,24%,90%,1)",
346
+ "activeBg": "hsla(210,24%,88%,1)",
347
+ "disabledBg": "#8c959f",
348
+ "fg": "#57606a",
349
+ "disabledFg": "#ffffff",
350
+ "border": "rgba(0,0,0,0)",
346
351
  "checked": {
347
- "bg": "#ddf4ff",
348
- "hoverBg": "#b6e3ff",
349
- "activeBg": "#80ccff",
350
- "border": "#54aeff"
352
+ "bg": "#0969da",
353
+ "hoverBg": "#0860CA",
354
+ "activeBg": "#0757BA",
355
+ "fg": "#ffffff",
356
+ "disabledFg": "#ffffff",
357
+ "border": "rgba(0,0,0,0)"
351
358
  }
352
359
  },
353
360
  "switchKnob": {
361
+ "bg": "#ffffff",
362
+ "disabledBg": "#f6f8fa",
363
+ "border": "#858F99",
354
364
  "checked": {
355
- "bg": "#0969da",
356
- "disabledBg": "#6e7781"
365
+ "bg": "#ffffff",
366
+ "disabledBg": "#f6f8fa",
367
+ "border": "#0969da"
357
368
  }
358
369
  },
359
370
  "segmentedControl": {
360
371
  "bg": "#eaeef2",
361
372
  "button": {
373
+ "bg": "#ffffff",
362
374
  "hover": {
363
375
  "bg": "rgba(175,184,193,0.2)"
364
376
  },
@@ -366,7 +378,7 @@ exports.default = {
366
378
  "bg": "rgba(175,184,193,0.4)"
367
379
  },
368
380
  "selected": {
369
- "border": "#6e7781"
381
+ "border": "#8c959f"
370
382
  }
371
383
  }
372
384
  },
package/dist/js/colors/light_colorblind.d.ts CHANGED
@@ -340,23 +340,35 @@ declare const _default: {
340
340
  };
341
341
  switchTrack: {
342
342
  bg: string;
343
+ hoverBg: string;
344
+ activeBg: string;
345
+ disabledBg: string;
346
+ fg: string;
347
+ disabledFg: string;
343
348
  border: string;
344
349
  checked: {
345
350
  bg: string;
346
351
  hoverBg: string;
347
352
  activeBg: string;
353
+ fg: string;
354
+ disabledFg: string;
348
355
  border: string;
349
356
  };
350
357
  };
351
358
  switchKnob: {
359
+ bg: string;
360
+ disabledBg: string;
361
+ border: string;
352
362
  checked: {
353
363
  bg: string;
354
364
  disabledBg: string;
365
+ border: string;
355
366
  };
356
367
  };
357
368
  segmentedControl: {
358
369
  bg: string;
359
370
  button: {
371
+ bg: string;
360
372
  hover: {
361
373
  bg: string;
362
374
  };
package/dist/js/colors/light_colorblind.js CHANGED
@@ -342,23 +342,35 @@ exports.default = {
342
342
  },
343
343
  "switchTrack": {
344
344
  "bg": "#eaeef2",
345
- "border": "#afb8c1",
345
+ "hoverBg": "hsla(210,24%,90%,1)",
346
+ "activeBg": "hsla(210,24%,88%,1)",
347
+ "disabledBg": "#8c959f",
348
+ "fg": "#57606a",
349
+ "disabledFg": "#ffffff",
350
+ "border": "rgba(0,0,0,0)",
346
351
  "checked": {
347
- "bg": "#ddf4ff",
348
- "hoverBg": "#b6e3ff",
349
- "activeBg": "#80ccff",
350
- "border": "#54aeff"
352
+ "bg": "#0969da",
353
+ "hoverBg": "#0860CA",
354
+ "activeBg": "#0757BA",
355
+ "fg": "#ffffff",
356
+ "disabledFg": "#ffffff",
357
+ "border": "rgba(0,0,0,0)"
351
358
  }
352
359
  },
353
360
  "switchKnob": {
361
+ "bg": "#ffffff",
362
+ "disabledBg": "#f6f8fa",
363
+ "border": "#858F99",
354
364
  "checked": {
355
- "bg": "#0969da",
356
- "disabledBg": "#6e7781"
365
+ "bg": "#ffffff",
366
+ "disabledBg": "#f6f8fa",
367
+ "border": "#0969da"
357
368
  }
358
369
  },
359
370
  "segmentedControl": {
360
371
  "bg": "#eaeef2",
361
372
  "button": {
373
+ "bg": "#ffffff",
362
374
  "hover": {
363
375
  "bg": "rgba(175,184,193,0.2)"
364
376
  },
@@ -366,7 +378,7 @@ exports.default = {
366
378
  "bg": "rgba(175,184,193,0.4)"
367
379
  },
368
380
  "selected": {
369
- "border": "#6e7781"
381
+ "border": "#8c959f"
370
382
  }
371
383
  }
372
384
  },
package/dist/js/colors/light_high_contrast.d.ts CHANGED
@@ -340,23 +340,35 @@ declare const _default: {
340
340
  };
341
341
  switchTrack: {
342
342
  bg: string;
343
+ hoverBg: string;
344
+ activeBg: string;
345
+ disabledBg: string;
346
+ fg: string;
347
+ disabledFg: string;
343
348
  border: string;
344
349
  checked: {
345
350
  bg: string;
346
351
  hoverBg: string;
347
352
  activeBg: string;
353
+ fg: string;
354
+ disabledFg: string;
348
355
  border: string;
349
356
  };
350
357
  };
351
358
  switchKnob: {
359
+ bg: string;
360
+ disabledBg: string;
361
+ border: string;
352
362
  checked: {
353
363
  bg: string;
354
364
  disabledBg: string;
365
+ border: string;
355
366
  };
356
367
  };
357
368
  segmentedControl: {
358
369
  bg: string;
359
370
  button: {
371
+ bg: string;
360
372
  hover: {
361
373
  bg: string;
362
374
  };
package/dist/js/colors/light_high_contrast.js CHANGED
@@ -341,24 +341,36 @@ exports.default = {
341
341
  }
342
342
  },
343
343
  "switchTrack": {
344
- "bg": "#ffffff",
345
- "border": "#20252c",
344
+ "bg": "#66707b",
345
+ "hoverBg": "hsla(211,9%,47%,1)",
346
+ "activeBg": "hsla(211,9%,49%,1)",
347
+ "disabledBg": "#88929d",
348
+ "fg": "#ffffff",
349
+ "disabledFg": "#ffffff",
350
+ "border": "rgba(0,0,0,0)",
346
351
  "checked": {
347
- "bg": "#dff7ff",
348
- "hoverBg": "#9cd7ff",
349
- "activeBg": "#67b3fd",
350
- "border": "#0349b4"
352
+ "bg": "#0349b4",
353
+ "hoverBg": "#0860CA",
354
+ "activeBg": "#0757BA",
355
+ "fg": "#ffffff",
356
+ "disabledFg": "#ffffff",
357
+ "border": "rgba(0,0,0,0)"
351
358
  }
352
359
  },
353
360
  "switchKnob": {
361
+ "bg": "#ffffff",
362
+ "disabledBg": "#e7ecf0",
363
+ "border": "#20252c",
354
364
  "checked": {
355
- "bg": "#0349b4",
356
- "disabledBg": "#66707b"
365
+ "bg": "#ffffff",
366
+ "disabledBg": "#e7ecf0",
367
+ "border": "#0349b4"
357
368
  }
358
369
  },
359
370
  "segmentedControl": {
360
371
  "bg": "#e7ecf0",
361
372
  "button": {
373
+ "bg": "#ffffff",
362
374
  "hover": {
363
375
  "bg": "rgba(172,182,192,0.2)"
364
376
  },
@@ -366,7 +378,7 @@ exports.default = {
366
378
  "bg": "rgba(172,182,192,0.4)"
367
379
  },
368
380
  "selected": {
369
- "border": "#66707b"
381
+ "border": "#88929d"
370
382
  }
371
383
  }
372
384
  },
package/dist/js/colors/light_tritanopia.d.ts CHANGED
@@ -340,23 +340,35 @@ declare const _default: {
340
340
  };
341
341
  switchTrack: {
342
342
  bg: string;
343
+ hoverBg: string;
344
+ activeBg: string;
345
+ disabledBg: string;
346
+ fg: string;
347
+ disabledFg: string;
343
348
  border: string;
344
349
  checked: {
345
350
  bg: string;
346
351
  hoverBg: string;
347
352
  activeBg: string;
353
+ fg: string;
354
+ disabledFg: string;
348
355
  border: string;
349
356
  };
350
357
  };
351
358
  switchKnob: {
359
+ bg: string;
360
+ disabledBg: string;
361
+ border: string;
352
362
  checked: {
353
363
  bg: string;
354
364
  disabledBg: string;
365
+ border: string;
355
366
  };
356
367
  };
357
368
  segmentedControl: {
358
369
  bg: string;
359
370
  button: {
371
+ bg: string;
360
372
  hover: {
361
373
  bg: string;
362
374
  };
package/dist/js/colors/light_tritanopia.js CHANGED
@@ -342,23 +342,35 @@ exports.default = {
342
342
  },
343
343
  "switchTrack": {
344
344
  "bg": "#eaeef2",
345
- "border": "#afb8c1",
345
+ "hoverBg": "hsla(210,24%,90%,1)",
346
+ "activeBg": "hsla(210,24%,88%,1)",
347
+ "disabledBg": "#8c959f",
348
+ "fg": "#57606a",
349
+ "disabledFg": "#ffffff",
350
+ "border": "rgba(0,0,0,0)",
346
351
  "checked": {
347
- "bg": "#ddf4ff",
348
- "hoverBg": "#b6e3ff",
349
- "activeBg": "#80ccff",
350
- "border": "#54aeff"
352
+ "bg": "#0969da",
353
+ "hoverBg": "#0860CA",
354
+ "activeBg": "#0757BA",
355
+ "fg": "#ffffff",
356
+ "disabledFg": "#ffffff",
357
+ "border": "rgba(0,0,0,0)"
351
358
  }
352
359
  },
353
360
  "switchKnob": {
361
+ "bg": "#ffffff",
362
+ "disabledBg": "#f6f8fa",
363
+ "border": "#858F99",
354
364
  "checked": {
355
- "bg": "#0969da",
356
- "disabledBg": "#6e7781"
365
+ "bg": "#ffffff",
366
+ "disabledBg": "#f6f8fa",
367
+ "border": "#0969da"
357
368
  }
358
369
  },
359
370
  "segmentedControl": {
360
371
  "bg": "#eaeef2",
361
372
  "button": {
373
+ "bg": "#ffffff",
362
374
  "hover": {
363
375
  "bg": "rgba(175,184,193,0.2)"
364
376
  },
@@ -366,7 +378,7 @@ exports.default = {
366
378
  "bg": "rgba(175,184,193,0.4)"
367
379
  },
368
380
  "selected": {
369
- "border": "#6e7781"
381
+ "border": "#8c959f"
370
382
  }
371
383
  }
372
384
  },