@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/index.d.ts CHANGED
@@ -342,23 +342,35 @@ declare const _default: {
342
342
  };
343
343
  switchTrack: {
344
344
  bg: string;
345
+ hoverBg: string;
346
+ activeBg: string;
347
+ disabledBg: string;
348
+ fg: string;
349
+ disabledFg: string;
345
350
  border: string;
346
351
  checked: {
347
352
  bg: string;
348
353
  hoverBg: string;
349
354
  activeBg: string;
355
+ fg: string;
356
+ disabledFg: string;
350
357
  border: string;
351
358
  };
352
359
  };
353
360
  switchKnob: {
361
+ bg: string;
362
+ disabledBg: string;
363
+ border: string;
354
364
  checked: {
355
365
  bg: string;
356
366
  disabledBg: string;
367
+ border: string;
357
368
  };
358
369
  };
359
370
  segmentedControl: {
360
371
  bg: string;
361
372
  button: {
373
+ bg: string;
362
374
  hover: {
363
375
  bg: string;
364
376
  };
@@ -834,23 +846,35 @@ declare const _default: {
834
846
  };
835
847
  switchTrack: {
836
848
  bg: string;
849
+ hoverBg: string;
850
+ activeBg: string;
851
+ disabledBg: string;
852
+ fg: string;
853
+ disabledFg: string;
837
854
  border: string;
838
855
  checked: {
839
856
  bg: string;
840
857
  hoverBg: string;
841
858
  activeBg: string;
859
+ fg: string;
860
+ disabledFg: string;
842
861
  border: string;
843
862
  };
844
863
  };
845
864
  switchKnob: {
865
+ bg: string;
866
+ disabledBg: string;
867
+ border: string;
846
868
  checked: {
847
869
  bg: string;
848
870
  disabledBg: string;
871
+ border: string;
849
872
  };
850
873
  };
851
874
  segmentedControl: {
852
875
  bg: string;
853
876
  button: {
877
+ bg: string;
854
878
  hover: {
855
879
  bg: string;
856
880
  };
@@ -1326,23 +1350,35 @@ declare const _default: {
1326
1350
  };
1327
1351
  switchTrack: {
1328
1352
  bg: string;
1353
+ hoverBg: string;
1354
+ activeBg: string;
1355
+ disabledBg: string;
1356
+ fg: string;
1357
+ disabledFg: string;
1329
1358
  border: string;
1330
1359
  checked: {
1331
1360
  bg: string;
1332
1361
  hoverBg: string;
1333
1362
  activeBg: string;
1363
+ fg: string;
1364
+ disabledFg: string;
1334
1365
  border: string;
1335
1366
  };
1336
1367
  };
1337
1368
  switchKnob: {
1369
+ bg: string;
1370
+ disabledBg: string;
1371
+ border: string;
1338
1372
  checked: {
1339
1373
  bg: string;
1340
1374
  disabledBg: string;
1375
+ border: string;
1341
1376
  };
1342
1377
  };
1343
1378
  segmentedControl: {
1344
1379
  bg: string;
1345
1380
  button: {
1381
+ bg: string;
1346
1382
  hover: {
1347
1383
  bg: string;
1348
1384
  };
@@ -1818,23 +1854,35 @@ declare const _default: {
1818
1854
  };
1819
1855
  switchTrack: {
1820
1856
  bg: string;
1857
+ hoverBg: string;
1858
+ activeBg: string;
1859
+ disabledBg: string;
1860
+ fg: string;
1861
+ disabledFg: string;
1821
1862
  border: string;
1822
1863
  checked: {
1823
1864
  bg: string;
1824
1865
  hoverBg: string;
1825
1866
  activeBg: string;
1867
+ fg: string;
1868
+ disabledFg: string;
1826
1869
  border: string;
1827
1870
  };
1828
1871
  };
1829
1872
  switchKnob: {
1873
+ bg: string;
1874
+ disabledBg: string;
1875
+ border: string;
1830
1876
  checked: {
1831
1877
  bg: string;
1832
1878
  disabledBg: string;
1879
+ border: string;
1833
1880
  };
1834
1881
  };
1835
1882
  segmentedControl: {
1836
1883
  bg: string;
1837
1884
  button: {
1885
+ bg: string;
1838
1886
  hover: {
1839
1887
  bg: string;
1840
1888
  };
@@ -2310,23 +2358,35 @@ declare const _default: {
2310
2358
  };
2311
2359
  switchTrack: {
2312
2360
  bg: string;
2361
+ hoverBg: string;
2362
+ activeBg: string;
2363
+ disabledBg: string;
2364
+ fg: string;
2365
+ disabledFg: string;
2313
2366
  border: string;
2314
2367
  checked: {
2315
2368
  bg: string;
2316
2369
  hoverBg: string;
2317
2370
  activeBg: string;
2371
+ fg: string;
2372
+ disabledFg: string;
2318
2373
  border: string;
2319
2374
  };
2320
2375
  };
2321
2376
  switchKnob: {
2377
+ bg: string;
2378
+ border: string;
2379
+ disabledBg: string;
2322
2380
  checked: {
2323
2381
  bg: string;
2324
2382
  disabledBg: string;
2383
+ border: string;
2325
2384
  };
2326
2385
  };
2327
2386
  segmentedControl: {
2328
2387
  bg: string;
2329
2388
  button: {
2389
+ bg: string;
2330
2390
  hover: {
2331
2391
  bg: string;
2332
2392
  };
@@ -2802,23 +2862,35 @@ declare const _default: {
2802
2862
  };
2803
2863
  switchTrack: {
2804
2864
  bg: string;
2865
+ hoverBg: string;
2866
+ activeBg: string;
2867
+ disabledBg: string;
2868
+ fg: string;
2869
+ disabledFg: string;
2805
2870
  border: string;
2806
2871
  checked: {
2807
2872
  bg: string;
2808
2873
  hoverBg: string;
2809
2874
  activeBg: string;
2875
+ fg: string;
2876
+ disabledFg: string;
2810
2877
  border: string;
2811
2878
  };
2812
2879
  };
2813
2880
  switchKnob: {
2881
+ bg: string;
2882
+ border: string;
2883
+ disabledBg: string;
2814
2884
  checked: {
2815
2885
  bg: string;
2816
2886
  disabledBg: string;
2887
+ border: string;
2817
2888
  };
2818
2889
  };
2819
2890
  segmentedControl: {
2820
2891
  bg: string;
2821
2892
  button: {
2893
+ bg: string;
2822
2894
  hover: {
2823
2895
  bg: string;
2824
2896
  };
@@ -3294,23 +3366,35 @@ declare const _default: {
3294
3366
  };
3295
3367
  switchTrack: {
3296
3368
  bg: string;
3369
+ hoverBg: string;
3370
+ activeBg: string;
3371
+ disabledBg: string;
3372
+ fg: string;
3373
+ disabledFg: string;
3297
3374
  border: string;
3298
3375
  checked: {
3299
3376
  bg: string;
3300
3377
  hoverBg: string;
3301
3378
  activeBg: string;
3379
+ fg: string;
3380
+ disabledFg: string;
3302
3381
  border: string;
3303
3382
  };
3304
3383
  };
3305
3384
  switchKnob: {
3385
+ bg: string;
3386
+ border: string;
3387
+ disabledBg: string;
3306
3388
  checked: {
3307
3389
  bg: string;
3308
3390
  disabledBg: string;
3391
+ border: string;
3309
3392
  };
3310
3393
  };
3311
3394
  segmentedControl: {
3312
3395
  bg: string;
3313
3396
  button: {
3397
+ bg: string;
3314
3398
  hover: {
3315
3399
  bg: string;
3316
3400
  };
@@ -3786,23 +3870,35 @@ declare const _default: {
3786
3870
  };
3787
3871
  switchTrack: {
3788
3872
  bg: string;
3873
+ hoverBg: string;
3874
+ activeBg: string;
3875
+ disabledBg: string;
3876
+ fg: string;
3877
+ disabledFg: string;
3789
3878
  border: string;
3790
3879
  checked: {
3791
3880
  bg: string;
3792
3881
  hoverBg: string;
3793
3882
  activeBg: string;
3883
+ fg: string;
3884
+ disabledFg: string;
3794
3885
  border: string;
3795
3886
  };
3796
3887
  };
3797
3888
  switchKnob: {
3889
+ bg: string;
3890
+ border: string;
3891
+ disabledBg: string;
3798
3892
  checked: {
3799
3893
  bg: string;
3800
3894
  disabledBg: string;
3895
+ border: string;
3801
3896
  };
3802
3897
  };
3803
3898
  segmentedControl: {
3804
3899
  bg: string;
3805
3900
  button: {
3901
+ bg: string;
3806
3902
  hover: {
3807
3903
  bg: string;
3808
3904
  };
@@ -4278,23 +4374,35 @@ declare const _default: {
4278
4374
  };
4279
4375
  switchTrack: {
4280
4376
  bg: string;
4377
+ hoverBg: string;
4378
+ activeBg: string;
4379
+ disabledBg: string;
4380
+ fg: string;
4381
+ disabledFg: string;
4281
4382
  border: string;
4282
4383
  checked: {
4283
4384
  bg: string;
4284
4385
  hoverBg: string;
4285
4386
  activeBg: string;
4387
+ fg: string;
4388
+ disabledFg: string;
4286
4389
  border: string;
4287
4390
  };
4288
4391
  };
4289
4392
  switchKnob: {
4393
+ bg: string;
4394
+ border: string;
4395
+ disabledBg: string;
4290
4396
  checked: {
4291
4397
  bg: string;
4292
4398
  disabledBg: string;
4399
+ border: string;
4293
4400
  };
4294
4401
  };
4295
4402
  segmentedControl: {
4296
4403
  bg: string;
4297
4404
  button: {
4405
+ bg: string;
4298
4406
  hover: {
4299
4407
  bg: string;
4300
4408
  };
package/dist/json/colors/dark.json CHANGED
@@ -339,24 +339,36 @@
339
339
  }
340
340
  },
341
341
  "switchTrack": {
342
- "bg": "#010409",
343
- "border": "#6e7681",
342
+ "bg": "rgba(110,118,129,0.1)",
343
+ "hoverBg": "hsla(215,8%,72%,0.1)",
344
+ "activeBg": "rgba(110,118,129,0.4)",
345
+ "disabledBg": "#21262d",
346
+ "fg": "#8b949e",
347
+ "disabledFg": "#010409",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
350
  "bg": "rgba(31,111,235,0.35)",
346
351
  "hoverBg": "rgba(31,111,235,0.5)",
347
352
  "activeBg": "rgba(31,111,235,0.65)",
348
- "border": "#58a6ff"
353
+ "fg": "#ffffff",
354
+ "disabledFg": "#010409",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#0d1117",
360
+ "border": "#606771",
361
+ "disabledBg": "#161b22",
352
362
  "checked": {
353
- "bg": "#1f6feb",
354
- "disabledBg": "#484f58"
363
+ "bg": "#0d1117",
364
+ "disabledBg": "#161b22",
365
+ "border": "rgba(31,111,235,0.35)"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
- "bg": "#161b22",
369
+ "bg": "rgba(110,118,129,0.1)",
359
370
  "button": {
371
+ "bg": "#0d1117",
360
372
  "hover": {
361
373
  "bg": "#30363d"
362
374
  },
package/dist/json/colors/dark_colorblind.json CHANGED
@@ -339,24 +339,36 @@
339
339
  }
340
340
  },
341
341
  "switchTrack": {
342
- "bg": "#010409",
343
- "border": "#6e7681",
342
+ "bg": "rgba(110,118,129,0.1)",
343
+ "hoverBg": "hsla(215,8%,72%,0.1)",
344
+ "activeBg": "rgba(110,118,129,0.4)",
345
+ "disabledBg": "#21262d",
346
+ "fg": "#8b949e",
347
+ "disabledFg": "#010409",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
350
  "bg": "rgba(31,111,235,0.35)",
346
351
  "hoverBg": "rgba(31,111,235,0.5)",
347
352
  "activeBg": "rgba(31,111,235,0.65)",
348
- "border": "#58a6ff"
353
+ "fg": "#ffffff",
354
+ "disabledFg": "#010409",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#0d1117",
360
+ "border": "#606771",
361
+ "disabledBg": "#161b22",
352
362
  "checked": {
353
- "bg": "#1f6feb",
354
- "disabledBg": "#484f58"
363
+ "bg": "#0d1117",
364
+ "disabledBg": "#161b22",
365
+ "border": "rgba(31,111,235,0.35)"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
- "bg": "#161b22",
369
+ "bg": "rgba(110,118,129,0.1)",
359
370
  "button": {
371
+ "bg": "#0d1117",
360
372
  "hover": {
361
373
  "bg": "#30363d"
362
374
  },
package/dist/json/colors/dark_dimmed.json CHANGED
@@ -339,24 +339,36 @@
339
339
  }
340
340
  },
341
341
  "switchTrack": {
342
- "bg": "#1c2128",
343
- "border": "#636e7b",
342
+ "bg": "rgba(99,110,123,0.1)",
343
+ "hoverBg": "hsla(213,11%,69%,0.1)",
344
+ "activeBg": "rgba(99,110,123,0.4)",
345
+ "disabledBg": "#373e47",
346
+ "fg": "#768390",
347
+ "disabledFg": "#1c2128",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
350
  "bg": "rgba(49,109,202,0.35)",
346
351
  "hoverBg": "rgba(49,109,202,0.5)",
347
352
  "activeBg": "rgba(49,109,202,0.65)",
348
- "border": "#539bf5"
353
+ "fg": "#cdd9e5",
354
+ "disabledFg": "#1c2128",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#22272e",
360
+ "border": "#606771",
361
+ "disabledBg": "#2d333b",
352
362
  "checked": {
353
- "bg": "#316dca",
354
- "disabledBg": "#545d68"
363
+ "bg": "#22272e",
364
+ "disabledBg": "#2d333b",
365
+ "border": "rgba(49,109,202,0.35)"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
- "bg": "#2d333b",
369
+ "bg": "rgba(99,110,123,0.1)",
359
370
  "button": {
371
+ "bg": "#22272e",
360
372
  "hover": {
361
373
  "bg": "#444c56"
362
374
  },
package/dist/json/colors/dark_high_contrast.json CHANGED
@@ -339,24 +339,36 @@
339
339
  }
340
340
  },
341
341
  "switchTrack": {
342
- "bg": "#010409",
343
- "border": "#7a828e",
342
+ "bg": "#9ea7b3",
343
+ "hoverBg": "hsla(214,12%,61%,1)",
344
+ "activeBg": "hsla(214,12%,58%,1)",
345
+ "disabledBg": "#272b33",
346
+ "fg": "#0a0c10",
347
+ "disabledFg": "#010409",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
- "bg": "rgba(64,158,255,0.35)",
350
+ "bg": "#409eff",
346
351
  "hoverBg": "rgba(64,158,255,0.5)",
347
352
  "activeBg": "rgba(64,158,255,0.65)",
348
- "border": "#409eff"
353
+ "fg": "#0a0c10",
354
+ "disabledFg": "#010409",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#0a0c10",
360
+ "border": "#9ea7b3",
361
+ "disabledBg": "#272b33",
352
362
  "checked": {
353
- "bg": "#409eff",
354
- "disabledBg": "#7a828e"
363
+ "bg": "#0a0c10",
364
+ "disabledBg": "#272b33",
365
+ "border": "#409eff"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
- "bg": "#272b33",
369
+ "bg": "rgba(158,167,179,0.1)",
359
370
  "button": {
371
+ "bg": "#0a0c10",
360
372
  "hover": {
361
373
  "bg": "#525964"
362
374
  },
package/dist/json/colors/dark_tritanopia.json CHANGED
@@ -339,24 +339,36 @@
339
339
  }
340
340
  },
341
341
  "switchTrack": {
342
- "bg": "#010409",
343
- "border": "#6e7681",
342
+ "bg": "rgba(110,118,129,0.1)",
343
+ "hoverBg": "hsla(215,8%,72%,0.1)",
344
+ "activeBg": "rgba(110,118,129,0.4)",
345
+ "disabledBg": "#21262d",
346
+ "fg": "#8b949e",
347
+ "disabledFg": "#010409",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
350
  "bg": "rgba(31,111,235,0.35)",
346
351
  "hoverBg": "rgba(31,111,235,0.5)",
347
352
  "activeBg": "rgba(31,111,235,0.65)",
348
- "border": "#58a6ff"
353
+ "fg": "#ffffff",
354
+ "disabledFg": "#010409",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#0d1117",
360
+ "border": "#606771",
361
+ "disabledBg": "#161b22",
352
362
  "checked": {
353
- "bg": "#1f6feb",
354
- "disabledBg": "#484f58"
363
+ "bg": "#0d1117",
364
+ "disabledBg": "#161b22",
365
+ "border": "rgba(31,111,235,0.35)"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
- "bg": "#161b22",
369
+ "bg": "rgba(110,118,129,0.1)",
359
370
  "button": {
371
+ "bg": "#0d1117",
360
372
  "hover": {
361
373
  "bg": "#30363d"
362
374
  },
package/dist/json/colors/light.json CHANGED
@@ -340,23 +340,35 @@
340
340
  },
341
341
  "switchTrack": {
342
342
  "bg": "#eaeef2",
343
- "border": "#afb8c1",
343
+ "hoverBg": "hsla(210,24%,90%,1)",
344
+ "activeBg": "hsla(210,24%,88%,1)",
345
+ "disabledBg": "#8c959f",
346
+ "fg": "#57606a",
347
+ "disabledFg": "#ffffff",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
- "bg": "#ddf4ff",
346
- "hoverBg": "#b6e3ff",
347
- "activeBg": "#80ccff",
348
- "border": "#54aeff"
350
+ "bg": "#0969da",
351
+ "hoverBg": "#0860CA",
352
+ "activeBg": "#0757BA",
353
+ "fg": "#ffffff",
354
+ "disabledFg": "#ffffff",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#ffffff",
360
+ "disabledBg": "#f6f8fa",
361
+ "border": "#858F99",
352
362
  "checked": {
353
- "bg": "#0969da",
354
- "disabledBg": "#6e7781"
363
+ "bg": "#ffffff",
364
+ "disabledBg": "#f6f8fa",
365
+ "border": "#0969da"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
369
  "bg": "#eaeef2",
359
370
  "button": {
371
+ "bg": "#ffffff",
360
372
  "hover": {
361
373
  "bg": "rgba(175,184,193,0.2)"
362
374
  },
@@ -364,7 +376,7 @@
364
376
  "bg": "rgba(175,184,193,0.4)"
365
377
  },
366
378
  "selected": {
367
- "border": "#6e7781"
379
+ "border": "#8c959f"
368
380
  }
369
381
  }
370
382
  },
package/dist/json/colors/light_colorblind.json CHANGED
@@ -340,23 +340,35 @@
340
340
  },
341
341
  "switchTrack": {
342
342
  "bg": "#eaeef2",
343
- "border": "#afb8c1",
343
+ "hoverBg": "hsla(210,24%,90%,1)",
344
+ "activeBg": "hsla(210,24%,88%,1)",
345
+ "disabledBg": "#8c959f",
346
+ "fg": "#57606a",
347
+ "disabledFg": "#ffffff",
348
+ "border": "rgba(0,0,0,0)",
344
349
  "checked": {
345
- "bg": "#ddf4ff",
346
- "hoverBg": "#b6e3ff",
347
- "activeBg": "#80ccff",
348
- "border": "#54aeff"
350
+ "bg": "#0969da",
351
+ "hoverBg": "#0860CA",
352
+ "activeBg": "#0757BA",
353
+ "fg": "#ffffff",
354
+ "disabledFg": "#ffffff",
355
+ "border": "rgba(0,0,0,0)"
349
356
  }
350
357
  },
351
358
  "switchKnob": {
359
+ "bg": "#ffffff",
360
+ "disabledBg": "#f6f8fa",
361
+ "border": "#858F99",
352
362
  "checked": {
353
- "bg": "#0969da",
354
- "disabledBg": "#6e7781"
363
+ "bg": "#ffffff",
364
+ "disabledBg": "#f6f8fa",
365
+ "border": "#0969da"
355
366
  }
356
367
  },
357
368
  "segmentedControl": {
358
369
  "bg": "#eaeef2",
359
370
  "button": {
371
+ "bg": "#ffffff",
360
372
  "hover": {
361
373
  "bg": "rgba(175,184,193,0.2)"
362
374
  },
@@ -364,7 +376,7 @@
364
376
  "bg": "rgba(175,184,193,0.4)"
365
377
  },
366
378
  "selected": {
367
- "border": "#6e7781"
379
+ "border": "#8c959f"
368
380
  }
369
381
  }
370
382
  },