@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.
- package/dist/js/colors/dark.d.ts +6 -0
- package/dist/js/colors/dark.js +12 -6
- package/dist/js/colors/dark_colorblind.d.ts +6 -0
- package/dist/js/colors/dark_colorblind.js +12 -6
- package/dist/js/colors/dark_dimmed.d.ts +6 -0
- package/dist/js/colors/dark_dimmed.js +12 -6
- package/dist/js/colors/dark_high_contrast.d.ts +6 -0
- package/dist/js/colors/dark_high_contrast.js +10 -4
- package/dist/js/colors/dark_tritanopia.d.ts +6 -0
- package/dist/js/colors/dark_tritanopia.js +12 -6
- package/dist/js/colors/index.d.ts +54 -0
- package/dist/js/colors/light.d.ts +6 -0
- package/dist/js/colors/light.js +9 -3
- package/dist/js/colors/light_colorblind.d.ts +6 -0
- package/dist/js/colors/light_colorblind.js +9 -3
- package/dist/js/colors/light_high_contrast.d.ts +6 -0
- package/dist/js/colors/light_high_contrast.js +9 -3
- package/dist/js/colors/light_tritanopia.d.ts +6 -0
- package/dist/js/colors/light_tritanopia.js +9 -3
- package/dist/js/index.d.ts +54 -0
- package/dist/json/colors/dark.json +12 -6
- package/dist/json/colors/dark_colorblind.json +12 -6
- package/dist/json/colors/dark_dimmed.json +12 -6
- package/dist/json/colors/dark_high_contrast.json +10 -4
- package/dist/json/colors/dark_tritanopia.json +12 -6
- package/dist/json/colors/light.json +9 -3
- package/dist/json/colors/light_colorblind.json +9 -3
- package/dist/json/colors/light_high_contrast.json +9 -3
- package/dist/json/colors/light_tritanopia.json +9 -3
- package/dist/scss/colors/_dark.scss +11 -5
- package/dist/scss/colors/_dark_colorblind.scss +11 -5
- package/dist/scss/colors/_dark_dimmed.scss +11 -5
- package/dist/scss/colors/_dark_high_contrast.scss +9 -3
- package/dist/scss/colors/_dark_tritanopia.scss +11 -5
- package/dist/scss/colors/_light.scss +8 -2
- package/dist/scss/colors/_light_colorblind.scss +8 -2
- package/dist/scss/colors/_light_high_contrast.scss +8 -2
- package/dist/scss/colors/_light_tritanopia.scss +8 -2
- package/dist/ts/colors/dark.ts +12 -6
- package/dist/ts/colors/dark_colorblind.ts +12 -6
- package/dist/ts/colors/dark_dimmed.ts +12 -6
- package/dist/ts/colors/dark_high_contrast.ts +10 -4
- package/dist/ts/colors/dark_tritanopia.ts +12 -6
- package/dist/ts/colors/light.ts +9 -3
- package/dist/ts/colors/light_colorblind.ts +9 -3
- package/dist/ts/colors/light_high_contrast.ts +9 -3
- package/dist/ts/colors/light_tritanopia.ts +9 -3
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +34 -20
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +34 -20
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +54 -40
- package/tokens-next-private/css/functional/themes/dark.css +34 -20
- package/tokens-next-private/css/functional/themes/light-colorblind.css +22 -8
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +18 -4
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +42 -28
- package/tokens-next-private/css/functional/themes/light.css +22 -8
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +241 -150
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +123 -32
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +249 -156
- package/tokens-next-private/docs/functional/themes/dark.json +123 -32
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +229 -130
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +243 -142
- package/tokens-next-private/docs/functional/themes/light.json +115 -16
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +21 -10
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +21 -10
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +31 -20
- package/tokens-next-private/js/functional/themes/dark.js +21 -10
- package/tokens-next-private/js/functional/themes/light-colorblind.js +15 -4
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +13 -2
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +25 -14
- package/tokens-next-private/js/functional/themes/light.js +15 -4
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +21 -10
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +21 -10
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +31 -20
- package/tokens-next-private/json/functional/themes/dark.json +21 -10
- package/tokens-next-private/json/functional/themes/light-colorblind.json +15 -4
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +13 -2
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +25 -14
- package/tokens-next-private/json/functional/themes/light.json +15 -4
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +17 -10
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +17 -10
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +27 -20
- package/tokens-next-private/scss/functional/themes/dark.scss +17 -10
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +11 -4
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +9 -2
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +21 -14
- package/tokens-next-private/scss/functional/themes/light.scss +11 -4
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +21 -10
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +21 -10
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +31 -20
- package/tokens-next-private/ts/functional/themes/dark.ts +21 -10
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +15 -4
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +13 -2
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +25 -14
- package/tokens-next-private/ts/functional/themes/light.ts +15 -4
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +12 -1
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- 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": "#
|
|
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.
|
|
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": "#
|
|
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.
|
|
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",
|