@primer/primitives 7.11.8-rc.f5a702a → 7.11.8-rc.fa82fd1

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 (159) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +1 -1
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +34 -20
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +34 -20
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +54 -40
  53. package/tokens-next-private/css/functional/themes/dark.css +34 -20
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +22 -8
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +18 -4
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +42 -28
  57. package/tokens-next-private/css/functional/themes/light.css +22 -8
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +241 -150
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +123 -32
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +249 -156
  62. package/tokens-next-private/docs/functional/themes/dark.json +123 -32
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +229 -130
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +243 -142
  66. package/tokens-next-private/docs/functional/themes/light.json +115 -16
  67. package/tokens-next-private/js/functional/themes/dark-colorblind.js +21 -10
  68. package/tokens-next-private/js/functional/themes/dark-dimmed.js +21 -10
  69. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
  70. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +31 -20
  71. package/tokens-next-private/js/functional/themes/dark.js +21 -10
  72. package/tokens-next-private/js/functional/themes/light-colorblind.js +15 -4
  73. package/tokens-next-private/js/functional/themes/light-high-contrast.js +13 -2
  74. package/tokens-next-private/js/functional/themes/light-tritanopia.js +25 -14
  75. package/tokens-next-private/js/functional/themes/light.js +15 -4
  76. package/tokens-next-private/json/functional/themes/dark-colorblind.json +21 -10
  77. package/tokens-next-private/json/functional/themes/dark-dimmed.json +21 -10
  78. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
  79. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +31 -20
  80. package/tokens-next-private/json/functional/themes/dark.json +21 -10
  81. package/tokens-next-private/json/functional/themes/light-colorblind.json +15 -4
  82. package/tokens-next-private/json/functional/themes/light-high-contrast.json +13 -2
  83. package/tokens-next-private/json/functional/themes/light-tritanopia.json +25 -14
  84. package/tokens-next-private/json/functional/themes/light.json +15 -4
  85. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +17 -10
  86. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +17 -10
  87. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
  88. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +27 -20
  89. package/tokens-next-private/scss/functional/themes/dark.scss +17 -10
  90. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +11 -4
  91. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +9 -2
  92. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +21 -14
  93. package/tokens-next-private/scss/functional/themes/light.scss +11 -4
  94. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +21 -10
  95. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +21 -10
  96. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
  97. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +31 -20
  98. package/tokens-next-private/ts/functional/themes/dark.ts +21 -10
  99. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +15 -4
  100. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +13 -2
  101. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +25 -14
  102. package/tokens-next-private/ts/functional/themes/light.ts +15 -4
  103. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  104. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +12 -1
  106. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  107. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  108. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  115. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  124. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  133. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  142. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  144. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1668,9 +1668,9 @@
1668
1668
  "button-primary-borderColor-hover": {
1669
1669
  "value": "#013d14",
1670
1670
  "$type": "color",
1671
- "alpha": 1,
1672
1671
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1673
1672
  "isSource": true,
1673
+ "alpha": 1,
1674
1674
  "original": {
1675
1675
  "value": "{base.color.green.7}",
1676
1676
  "$type": "color",
@@ -1681,15 +1681,13 @@
1681
1681
  "path": ["button", "primary", "borderColor", "hover"]
1682
1682
  },
1683
1683
  "button-primary-borderColor-disabled": {
1684
- "value": "#88929dcc",
1684
+ "value": "#013d14",
1685
1685
  "$type": "color",
1686
- "alpha": 0.8,
1687
1686
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1688
1687
  "isSource": true,
1689
1688
  "original": {
1690
- "value": "{borderColor.muted}",
1691
- "$type": "color",
1692
- "alpha": 0.8
1689
+ "value": "{button.primary.borderColor.rest}",
1690
+ "$type": "color"
1693
1691
  },
1694
1692
  "name": "button-primary-borderColor-disabled",
1695
1693
  "attributes": {},
@@ -1731,6 +1729,19 @@
1731
1729
  "attributes": {},
1732
1730
  "path": ["button", "invisible", "fgColor", "rest"]
1733
1731
  },
1732
+ "button-invisible-fgColor-hover": {
1733
+ "value": "#023b95",
1734
+ "$type": "color",
1735
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1736
+ "isSource": true,
1737
+ "original": {
1738
+ "value": "{fgColor.accent}",
1739
+ "$type": "color"
1740
+ },
1741
+ "name": "button-invisible-fgColor-hover",
1742
+ "attributes": {},
1743
+ "path": ["button", "invisible", "fgColor", "hover"]
1744
+ },
1734
1745
  "button-invisible-fgColor-disabled": {
1735
1746
  "value": "#88929d",
1736
1747
  "$type": "color",
@@ -2201,13 +2212,13 @@
2201
2212
  "path": ["buttonCounter", "default", "bgColor", "rest"]
2202
2213
  },
2203
2214
  "buttonCounter-primary-bgColor-rest": {
2204
- "value": "#ffffff33",
2215
+ "value": "#00230b33",
2205
2216
  "$type": "color",
2206
2217
  "alpha": 0.2,
2207
2218
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2208
2219
  "isSource": true,
2209
2220
  "original": {
2210
- "value": "{base.color.white}",
2221
+ "value": "{base.color.green.9}",
2211
2222
  "$type": "color",
2212
2223
  "alpha": 0.2
2213
2224
  },
@@ -2260,6 +2271,47 @@
2260
2271
  "attributes": {},
2261
2272
  "path": ["buttonCounter", "outline", "bgColor", "disabled"]
2262
2273
  },
2274
+ "buttonCounter-outline-fgColor-rest": {
2275
+ "value": "#023b95",
2276
+ "$type": "color",
2277
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2278
+ "isSource": true,
2279
+ "original": {
2280
+ "value": "{base.color.blue.6}",
2281
+ "$type": "color"
2282
+ },
2283
+ "name": "buttonCounter-outline-fgColor-rest",
2284
+ "attributes": {},
2285
+ "path": ["buttonCounter", "outline", "fgColor", "rest"]
2286
+ },
2287
+ "buttonCounter-outline-fgColor-hover": {
2288
+ "value": "#ffffff",
2289
+ "$type": "color",
2290
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2291
+ "isSource": true,
2292
+ "original": {
2293
+ "value": "{base.color.white}",
2294
+ "$type": "color"
2295
+ },
2296
+ "name": "buttonCounter-outline-fgColor-hover",
2297
+ "attributes": {},
2298
+ "path": ["buttonCounter", "outline", "fgColor", "hover"]
2299
+ },
2300
+ "buttonCounter-outline-fgColor-disabled": {
2301
+ "value": "#023b9580",
2302
+ "$type": "color",
2303
+ "alpha": 0.5,
2304
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2305
+ "isSource": true,
2306
+ "original": {
2307
+ "value": "{fgColor.accent}",
2308
+ "$type": "color",
2309
+ "alpha": 0.5
2310
+ },
2311
+ "name": "buttonCounter-outline-fgColor-disabled",
2312
+ "attributes": {},
2313
+ "path": ["buttonCounter", "outline", "fgColor", "disabled"]
2314
+ },
2263
2315
  "buttonCounter-danger-bgColor-hover": {
2264
2316
  "value": "#ffffff33",
2265
2317
  "$type": "color",
@@ -2305,6 +2357,55 @@
2305
2357
  "attributes": {},
2306
2358
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
2307
2359
  },
2360
+ "buttonCounter-danger-fgColor-rest": {
2361
+ "value": "#980e1e",
2362
+ "$type": "color",
2363
+ "mix": {
2364
+ "color": "#86061d",
2365
+ "weight": 0.3
2366
+ },
2367
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2368
+ "isSource": true,
2369
+ "original": {
2370
+ "value": "{base.color.red.5}",
2371
+ "$type": "color",
2372
+ "mix": {
2373
+ "color": "{base.color.red.6}",
2374
+ "weight": 0.3
2375
+ }
2376
+ },
2377
+ "name": "buttonCounter-danger-fgColor-rest",
2378
+ "attributes": {},
2379
+ "path": ["buttonCounter", "danger", "fgColor", "rest"]
2380
+ },
2381
+ "buttonCounter-danger-fgColor-hover": {
2382
+ "value": "#ffffff",
2383
+ "$type": "color",
2384
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2385
+ "isSource": true,
2386
+ "original": {
2387
+ "value": "{base.color.white}",
2388
+ "$type": "color"
2389
+ },
2390
+ "name": "buttonCounter-danger-fgColor-hover",
2391
+ "attributes": {},
2392
+ "path": ["buttonCounter", "danger", "fgColor", "hover"]
2393
+ },
2394
+ "buttonCounter-danger-fgColor-disabled": {
2395
+ "value": "#8a071e80",
2396
+ "$type": "color",
2397
+ "alpha": 0.5,
2398
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
2399
+ "isSource": true,
2400
+ "original": {
2401
+ "value": "{fgColor.danger}",
2402
+ "$type": "color",
2403
+ "alpha": 0.5
2404
+ },
2405
+ "name": "buttonCounter-danger-fgColor-disabled",
2406
+ "attributes": {},
2407
+ "path": ["buttonCounter", "danger", "fgColor", "disabled"]
2408
+ },
2308
2409
  "focus-outlineColor": {
2309
2410
  "value": "#0349b4",
2310
2411
  "$type": "color",