@primer/primitives 7.11.8-rc.f8fce74 → 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 +32 -18
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +32 -18
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +52 -38
- package/tokens-next-private/css/functional/themes/dark.css +32 -18
- 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 +121 -30
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +121 -30
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +154 -61
- package/tokens-next-private/docs/functional/themes/dark.json +121 -30
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +115 -16
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +148 -47
- package/tokens-next-private/docs/functional/themes/light.json +115 -16
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +20 -9
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +20 -9
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +30 -19
- package/tokens-next-private/js/functional/themes/dark.js +20 -9
- 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 +20 -9
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +20 -9
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +30 -19
- package/tokens-next-private/json/functional/themes/dark.json +20 -9
- 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 +16 -9
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +16 -9
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +26 -19
- package/tokens-next-private/scss/functional/themes/dark.scss +16 -9
- 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 +20 -9
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +20 -9
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +30 -19
- package/tokens-next-private/ts/functional/themes/dark.ts +20 -9
- 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
|
@@ -1649,45 +1649,41 @@
|
|
|
1649
1649
|
"path": ["button", "primary", "bgColor", "disabled"]
|
|
1650
1650
|
},
|
|
1651
1651
|
"button-primary-borderColor-rest": {
|
|
1652
|
-
"value": "#
|
|
1652
|
+
"value": "#f0f6fc1a",
|
|
1653
1653
|
"$type": "color",
|
|
1654
|
-
"alpha": 0.
|
|
1654
|
+
"alpha": 0.1,
|
|
1655
1655
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1656
1656
|
"isSource": true,
|
|
1657
1657
|
"original": {
|
|
1658
|
-
"value": "{
|
|
1658
|
+
"value": "{base.color.gray.0}",
|
|
1659
1659
|
"$type": "color",
|
|
1660
|
-
"alpha": 0.
|
|
1660
|
+
"alpha": 0.1
|
|
1661
1661
|
},
|
|
1662
1662
|
"name": "button-primary-borderColor-rest",
|
|
1663
1663
|
"attributes": {},
|
|
1664
1664
|
"path": ["button", "primary", "borderColor", "rest"]
|
|
1665
1665
|
},
|
|
1666
1666
|
"button-primary-borderColor-hover": {
|
|
1667
|
-
"value": "#
|
|
1667
|
+
"value": "#f0f6fc1a",
|
|
1668
1668
|
"$type": "color",
|
|
1669
|
-
"alpha": 0.8,
|
|
1670
1669
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1671
1670
|
"isSource": true,
|
|
1672
1671
|
"original": {
|
|
1673
|
-
"value": "{borderColor.
|
|
1674
|
-
"$type": "color"
|
|
1675
|
-
"alpha": 0.8
|
|
1672
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1673
|
+
"$type": "color"
|
|
1676
1674
|
},
|
|
1677
1675
|
"name": "button-primary-borderColor-hover",
|
|
1678
1676
|
"attributes": {},
|
|
1679
1677
|
"path": ["button", "primary", "borderColor", "hover"]
|
|
1680
1678
|
},
|
|
1681
1679
|
"button-primary-borderColor-disabled": {
|
|
1682
|
-
"value": "#
|
|
1680
|
+
"value": "#f0f6fc1a",
|
|
1683
1681
|
"$type": "color",
|
|
1684
|
-
"alpha": 0.8,
|
|
1685
1682
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1686
1683
|
"isSource": true,
|
|
1687
1684
|
"original": {
|
|
1688
|
-
"value": "{borderColor.
|
|
1689
|
-
"$type": "color"
|
|
1690
|
-
"alpha": 0.8
|
|
1685
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1686
|
+
"$type": "color"
|
|
1691
1687
|
},
|
|
1692
1688
|
"name": "button-primary-borderColor-disabled",
|
|
1693
1689
|
"attributes": {},
|
|
@@ -1729,6 +1725,19 @@
|
|
|
1729
1725
|
"attributes": {},
|
|
1730
1726
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
1731
1727
|
},
|
|
1728
|
+
"button-invisible-fgColor-hover": {
|
|
1729
|
+
"value": "#58a6ff",
|
|
1730
|
+
"$type": "color",
|
|
1731
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1732
|
+
"isSource": true,
|
|
1733
|
+
"original": {
|
|
1734
|
+
"value": "{base.color.blue.3}",
|
|
1735
|
+
"$type": "color"
|
|
1736
|
+
},
|
|
1737
|
+
"name": "button-invisible-fgColor-hover",
|
|
1738
|
+
"attributes": {},
|
|
1739
|
+
"path": ["button", "invisible", "fgColor", "hover"]
|
|
1740
|
+
},
|
|
1732
1741
|
"button-invisible-fgColor-disabled": {
|
|
1733
1742
|
"value": "#484f58",
|
|
1734
1743
|
"$type": "color",
|
|
@@ -1821,12 +1830,12 @@
|
|
|
1821
1830
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
1822
1831
|
},
|
|
1823
1832
|
"button-outline-fgColor-rest": {
|
|
1824
|
-
"value": "#
|
|
1833
|
+
"value": "#388bfd",
|
|
1825
1834
|
"$type": "color",
|
|
1826
1835
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1827
1836
|
"isSource": true,
|
|
1828
1837
|
"original": {
|
|
1829
|
-
"value": "{
|
|
1838
|
+
"value": "{base.color.blue.4}",
|
|
1830
1839
|
"$type": "color"
|
|
1831
1840
|
},
|
|
1832
1841
|
"name": "button-outline-fgColor-rest",
|
|
@@ -1834,12 +1843,12 @@
|
|
|
1834
1843
|
"path": ["button", "outline", "fgColor", "rest"]
|
|
1835
1844
|
},
|
|
1836
1845
|
"button-outline-fgColor-hover": {
|
|
1837
|
-
"value": "#
|
|
1846
|
+
"value": "#58a6ff",
|
|
1838
1847
|
"$type": "color",
|
|
1839
1848
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1840
1849
|
"isSource": true,
|
|
1841
1850
|
"original": {
|
|
1842
|
-
"value": "{
|
|
1851
|
+
"value": "{base.color.blue.3}",
|
|
1843
1852
|
"$type": "color"
|
|
1844
1853
|
},
|
|
1845
1854
|
"name": "button-outline-fgColor-hover",
|
|
@@ -2191,13 +2200,13 @@
|
|
|
2191
2200
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
2192
2201
|
},
|
|
2193
2202
|
"buttonCounter-primary-bgColor-rest": {
|
|
2194
|
-
"value": "#
|
|
2203
|
+
"value": "#04260f33",
|
|
2195
2204
|
"$type": "color",
|
|
2196
2205
|
"alpha": 0.2,
|
|
2197
2206
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2198
2207
|
"isSource": true,
|
|
2199
2208
|
"original": {
|
|
2200
|
-
"value": "{base.color.
|
|
2209
|
+
"value": "{base.color.green.9}",
|
|
2201
2210
|
"$type": "color",
|
|
2202
2211
|
"alpha": 0.2
|
|
2203
2212
|
},
|
|
@@ -2206,28 +2215,28 @@
|
|
|
2206
2215
|
"path": ["buttonCounter", "primary", "bgColor", "rest"]
|
|
2207
2216
|
},
|
|
2208
2217
|
"buttonCounter-outline-bgColor-rest": {
|
|
2209
|
-
"value": "#
|
|
2218
|
+
"value": "#051d4d33",
|
|
2210
2219
|
"$type": "color",
|
|
2211
|
-
"alpha": 0.
|
|
2220
|
+
"alpha": 0.2,
|
|
2212
2221
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2213
2222
|
"isSource": true,
|
|
2214
2223
|
"original": {
|
|
2215
|
-
"value": "{
|
|
2224
|
+
"value": "{base.color.blue.9}",
|
|
2216
2225
|
"$type": "color",
|
|
2217
|
-
"alpha": 0.
|
|
2226
|
+
"alpha": 0.2
|
|
2218
2227
|
},
|
|
2219
2228
|
"name": "buttonCounter-outline-bgColor-rest",
|
|
2220
2229
|
"attributes": {},
|
|
2221
2230
|
"path": ["buttonCounter", "outline", "bgColor", "rest"]
|
|
2222
2231
|
},
|
|
2223
2232
|
"buttonCounter-outline-bgColor-hover": {
|
|
2224
|
-
"value": "#
|
|
2233
|
+
"value": "#051d4d33",
|
|
2225
2234
|
"$type": "color",
|
|
2226
2235
|
"alpha": 0.2,
|
|
2227
2236
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2228
2237
|
"isSource": true,
|
|
2229
2238
|
"original": {
|
|
2230
|
-
"value": "{base.color.
|
|
2239
|
+
"value": "{base.color.blue.9}",
|
|
2231
2240
|
"$type": "color",
|
|
2232
2241
|
"alpha": 0.2
|
|
2233
2242
|
},
|
|
@@ -2250,6 +2259,47 @@
|
|
|
2250
2259
|
"attributes": {},
|
|
2251
2260
|
"path": ["buttonCounter", "outline", "bgColor", "disabled"]
|
|
2252
2261
|
},
|
|
2262
|
+
"buttonCounter-outline-fgColor-rest": {
|
|
2263
|
+
"value": "#388bfd",
|
|
2264
|
+
"$type": "color",
|
|
2265
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2266
|
+
"isSource": true,
|
|
2267
|
+
"original": {
|
|
2268
|
+
"value": "{base.color.blue.4}",
|
|
2269
|
+
"$type": "color"
|
|
2270
|
+
},
|
|
2271
|
+
"name": "buttonCounter-outline-fgColor-rest",
|
|
2272
|
+
"attributes": {},
|
|
2273
|
+
"path": ["buttonCounter", "outline", "fgColor", "rest"]
|
|
2274
|
+
},
|
|
2275
|
+
"buttonCounter-outline-fgColor-hover": {
|
|
2276
|
+
"value": "#58a6ff",
|
|
2277
|
+
"$type": "color",
|
|
2278
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2279
|
+
"isSource": true,
|
|
2280
|
+
"original": {
|
|
2281
|
+
"value": "{base.color.blue.3}",
|
|
2282
|
+
"$type": "color"
|
|
2283
|
+
},
|
|
2284
|
+
"name": "buttonCounter-outline-fgColor-hover",
|
|
2285
|
+
"attributes": {},
|
|
2286
|
+
"path": ["buttonCounter", "outline", "fgColor", "hover"]
|
|
2287
|
+
},
|
|
2288
|
+
"buttonCounter-outline-fgColor-disabled": {
|
|
2289
|
+
"value": "#2f81f780",
|
|
2290
|
+
"$type": "color",
|
|
2291
|
+
"alpha": 0.5,
|
|
2292
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2293
|
+
"isSource": true,
|
|
2294
|
+
"original": {
|
|
2295
|
+
"value": "{fgColor.accent}",
|
|
2296
|
+
"$type": "color",
|
|
2297
|
+
"alpha": 0.5
|
|
2298
|
+
},
|
|
2299
|
+
"name": "buttonCounter-outline-fgColor-disabled",
|
|
2300
|
+
"attributes": {},
|
|
2301
|
+
"path": ["buttonCounter", "outline", "fgColor", "disabled"]
|
|
2302
|
+
},
|
|
2253
2303
|
"buttonCounter-danger-bgColor-hover": {
|
|
2254
2304
|
"value": "#ffffff33",
|
|
2255
2305
|
"$type": "color",
|
|
@@ -2281,20 +2331,61 @@
|
|
|
2281
2331
|
"path": ["buttonCounter", "danger", "bgColor", "disabled"]
|
|
2282
2332
|
},
|
|
2283
2333
|
"buttonCounter-danger-bgColor-rest": {
|
|
2284
|
-
"value": "#
|
|
2334
|
+
"value": "#49020233",
|
|
2285
2335
|
"$type": "color",
|
|
2286
|
-
"alpha": 0.
|
|
2336
|
+
"alpha": 0.2,
|
|
2287
2337
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2288
2338
|
"isSource": true,
|
|
2289
2339
|
"original": {
|
|
2290
|
-
"value": "{
|
|
2340
|
+
"value": "{base.color.red.9}",
|
|
2291
2341
|
"$type": "color",
|
|
2292
|
-
"alpha": 0.
|
|
2342
|
+
"alpha": 0.2
|
|
2293
2343
|
},
|
|
2294
2344
|
"name": "buttonCounter-danger-bgColor-rest",
|
|
2295
2345
|
"attributes": {},
|
|
2296
2346
|
"path": ["buttonCounter", "danger", "bgColor", "rest"]
|
|
2297
2347
|
},
|
|
2348
|
+
"buttonCounter-danger-fgColor-rest": {
|
|
2349
|
+
"value": "#f85149",
|
|
2350
|
+
"$type": "color",
|
|
2351
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2352
|
+
"isSource": true,
|
|
2353
|
+
"original": {
|
|
2354
|
+
"value": "{fgColor.danger}",
|
|
2355
|
+
"$type": "color"
|
|
2356
|
+
},
|
|
2357
|
+
"name": "buttonCounter-danger-fgColor-rest",
|
|
2358
|
+
"attributes": {},
|
|
2359
|
+
"path": ["buttonCounter", "danger", "fgColor", "rest"]
|
|
2360
|
+
},
|
|
2361
|
+
"buttonCounter-danger-fgColor-hover": {
|
|
2362
|
+
"value": "#ffffff",
|
|
2363
|
+
"$type": "color",
|
|
2364
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2365
|
+
"isSource": true,
|
|
2366
|
+
"original": {
|
|
2367
|
+
"value": "{base.color.white}",
|
|
2368
|
+
"$type": "color"
|
|
2369
|
+
},
|
|
2370
|
+
"name": "buttonCounter-danger-fgColor-hover",
|
|
2371
|
+
"attributes": {},
|
|
2372
|
+
"path": ["buttonCounter", "danger", "fgColor", "hover"]
|
|
2373
|
+
},
|
|
2374
|
+
"buttonCounter-danger-fgColor-disabled": {
|
|
2375
|
+
"value": "#f8514980",
|
|
2376
|
+
"$type": "color",
|
|
2377
|
+
"alpha": 0.5,
|
|
2378
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2379
|
+
"isSource": true,
|
|
2380
|
+
"original": {
|
|
2381
|
+
"value": "{fgColor.danger}",
|
|
2382
|
+
"$type": "color",
|
|
2383
|
+
"alpha": 0.5
|
|
2384
|
+
},
|
|
2385
|
+
"name": "buttonCounter-danger-fgColor-disabled",
|
|
2386
|
+
"attributes": {},
|
|
2387
|
+
"path": ["buttonCounter", "danger", "fgColor", "disabled"]
|
|
2388
|
+
},
|
|
2298
2389
|
"focus-outlineColor": {
|
|
2299
2390
|
"value": "#1f6feb",
|
|
2300
2391
|
"$type": "color",
|
|
@@ -1643,45 +1643,41 @@
|
|
|
1643
1643
|
"path": ["button", "primary", "bgColor", "disabled"]
|
|
1644
1644
|
},
|
|
1645
1645
|
"button-primary-borderColor-rest": {
|
|
1646
|
-
"value": "#
|
|
1646
|
+
"value": "#1f232826",
|
|
1647
1647
|
"$type": "color",
|
|
1648
|
-
"alpha": 0.
|
|
1648
|
+
"alpha": 0.15,
|
|
1649
1649
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1650
1650
|
"isSource": true,
|
|
1651
1651
|
"original": {
|
|
1652
|
-
"value": "{
|
|
1652
|
+
"value": "{base.color.black}",
|
|
1653
1653
|
"$type": "color",
|
|
1654
|
-
"alpha": 0.
|
|
1654
|
+
"alpha": 0.15
|
|
1655
1655
|
},
|
|
1656
1656
|
"name": "button-primary-borderColor-rest",
|
|
1657
1657
|
"attributes": {},
|
|
1658
1658
|
"path": ["button", "primary", "borderColor", "rest"]
|
|
1659
1659
|
},
|
|
1660
1660
|
"button-primary-borderColor-hover": {
|
|
1661
|
-
"value": "#
|
|
1661
|
+
"value": "#1f232826",
|
|
1662
1662
|
"$type": "color",
|
|
1663
|
-
"alpha": 0.8,
|
|
1664
1663
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1665
1664
|
"isSource": true,
|
|
1666
1665
|
"original": {
|
|
1667
|
-
"value": "{borderColor.
|
|
1668
|
-
"$type": "color"
|
|
1669
|
-
"alpha": 0.8
|
|
1666
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1667
|
+
"$type": "color"
|
|
1670
1668
|
},
|
|
1671
1669
|
"name": "button-primary-borderColor-hover",
|
|
1672
1670
|
"attributes": {},
|
|
1673
1671
|
"path": ["button", "primary", "borderColor", "hover"]
|
|
1674
1672
|
},
|
|
1675
1673
|
"button-primary-borderColor-disabled": {
|
|
1676
|
-
"value": "#
|
|
1674
|
+
"value": "#1f232826",
|
|
1677
1675
|
"$type": "color",
|
|
1678
|
-
"alpha": 0.8,
|
|
1679
1676
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1680
1677
|
"isSource": true,
|
|
1681
1678
|
"original": {
|
|
1682
|
-
"value": "{borderColor.
|
|
1683
|
-
"$type": "color"
|
|
1684
|
-
"alpha": 0.8
|
|
1679
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1680
|
+
"$type": "color"
|
|
1685
1681
|
},
|
|
1686
1682
|
"name": "button-primary-borderColor-disabled",
|
|
1687
1683
|
"attributes": {},
|
|
@@ -1723,6 +1719,19 @@
|
|
|
1723
1719
|
"attributes": {},
|
|
1724
1720
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
1725
1721
|
},
|
|
1722
|
+
"button-invisible-fgColor-hover": {
|
|
1723
|
+
"value": "#0969da",
|
|
1724
|
+
"$type": "color",
|
|
1725
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1726
|
+
"isSource": true,
|
|
1727
|
+
"original": {
|
|
1728
|
+
"value": "{fgColor.accent}",
|
|
1729
|
+
"$type": "color"
|
|
1730
|
+
},
|
|
1731
|
+
"name": "button-invisible-fgColor-hover",
|
|
1732
|
+
"attributes": {},
|
|
1733
|
+
"path": ["button", "invisible", "fgColor", "hover"]
|
|
1734
|
+
},
|
|
1726
1735
|
"button-invisible-fgColor-disabled": {
|
|
1727
1736
|
"value": "#8c959f",
|
|
1728
1737
|
"$type": "color",
|
|
@@ -2193,13 +2202,13 @@
|
|
|
2193
2202
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
2194
2203
|
},
|
|
2195
2204
|
"buttonCounter-primary-bgColor-rest": {
|
|
2196
|
-
"value": "#
|
|
2205
|
+
"value": "#002d1133",
|
|
2197
2206
|
"$type": "color",
|
|
2198
2207
|
"alpha": 0.2,
|
|
2199
2208
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2200
2209
|
"isSource": true,
|
|
2201
2210
|
"original": {
|
|
2202
|
-
"value": "{base.color.
|
|
2211
|
+
"value": "{base.color.green.9}",
|
|
2203
2212
|
"$type": "color",
|
|
2204
2213
|
"alpha": 0.2
|
|
2205
2214
|
},
|
|
@@ -2252,6 +2261,47 @@
|
|
|
2252
2261
|
"attributes": {},
|
|
2253
2262
|
"path": ["buttonCounter", "outline", "bgColor", "disabled"]
|
|
2254
2263
|
},
|
|
2264
|
+
"buttonCounter-outline-fgColor-rest": {
|
|
2265
|
+
"value": "#0550ae",
|
|
2266
|
+
"$type": "color",
|
|
2267
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2268
|
+
"isSource": true,
|
|
2269
|
+
"original": {
|
|
2270
|
+
"value": "{base.color.blue.6}",
|
|
2271
|
+
"$type": "color"
|
|
2272
|
+
},
|
|
2273
|
+
"name": "buttonCounter-outline-fgColor-rest",
|
|
2274
|
+
"attributes": {},
|
|
2275
|
+
"path": ["buttonCounter", "outline", "fgColor", "rest"]
|
|
2276
|
+
},
|
|
2277
|
+
"buttonCounter-outline-fgColor-hover": {
|
|
2278
|
+
"value": "#ffffff",
|
|
2279
|
+
"$type": "color",
|
|
2280
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2281
|
+
"isSource": true,
|
|
2282
|
+
"original": {
|
|
2283
|
+
"value": "{base.color.white}",
|
|
2284
|
+
"$type": "color"
|
|
2285
|
+
},
|
|
2286
|
+
"name": "buttonCounter-outline-fgColor-hover",
|
|
2287
|
+
"attributes": {},
|
|
2288
|
+
"path": ["buttonCounter", "outline", "fgColor", "hover"]
|
|
2289
|
+
},
|
|
2290
|
+
"buttonCounter-outline-fgColor-disabled": {
|
|
2291
|
+
"value": "#0969da80",
|
|
2292
|
+
"$type": "color",
|
|
2293
|
+
"alpha": 0.5,
|
|
2294
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2295
|
+
"isSource": true,
|
|
2296
|
+
"original": {
|
|
2297
|
+
"value": "{fgColor.accent}",
|
|
2298
|
+
"$type": "color",
|
|
2299
|
+
"alpha": 0.5
|
|
2300
|
+
},
|
|
2301
|
+
"name": "buttonCounter-outline-fgColor-disabled",
|
|
2302
|
+
"attributes": {},
|
|
2303
|
+
"path": ["buttonCounter", "outline", "fgColor", "disabled"]
|
|
2304
|
+
},
|
|
2255
2305
|
"buttonCounter-danger-bgColor-hover": {
|
|
2256
2306
|
"value": "#ffffff33",
|
|
2257
2307
|
"$type": "color",
|
|
@@ -2297,6 +2347,55 @@
|
|
|
2297
2347
|
"attributes": {},
|
|
2298
2348
|
"path": ["buttonCounter", "danger", "bgColor", "rest"]
|
|
2299
2349
|
},
|
|
2350
|
+
"buttonCounter-danger-fgColor-rest": {
|
|
2351
|
+
"value": "#c21c2c",
|
|
2352
|
+
"$type": "color",
|
|
2353
|
+
"mix": {
|
|
2354
|
+
"color": "#a40e26",
|
|
2355
|
+
"weight": 0.3
|
|
2356
|
+
},
|
|
2357
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2358
|
+
"isSource": true,
|
|
2359
|
+
"original": {
|
|
2360
|
+
"value": "{base.color.red.5}",
|
|
2361
|
+
"$type": "color",
|
|
2362
|
+
"mix": {
|
|
2363
|
+
"color": "{base.color.red.6}",
|
|
2364
|
+
"weight": 0.3
|
|
2365
|
+
}
|
|
2366
|
+
},
|
|
2367
|
+
"name": "buttonCounter-danger-fgColor-rest",
|
|
2368
|
+
"attributes": {},
|
|
2369
|
+
"path": ["buttonCounter", "danger", "fgColor", "rest"]
|
|
2370
|
+
},
|
|
2371
|
+
"buttonCounter-danger-fgColor-hover": {
|
|
2372
|
+
"value": "#ffffff",
|
|
2373
|
+
"$type": "color",
|
|
2374
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2375
|
+
"isSource": true,
|
|
2376
|
+
"original": {
|
|
2377
|
+
"value": "{base.color.white}",
|
|
2378
|
+
"$type": "color"
|
|
2379
|
+
},
|
|
2380
|
+
"name": "buttonCounter-danger-fgColor-hover",
|
|
2381
|
+
"attributes": {},
|
|
2382
|
+
"path": ["buttonCounter", "danger", "fgColor", "hover"]
|
|
2383
|
+
},
|
|
2384
|
+
"buttonCounter-danger-fgColor-disabled": {
|
|
2385
|
+
"value": "#be4e0280",
|
|
2386
|
+
"$type": "color",
|
|
2387
|
+
"alpha": 0.5,
|
|
2388
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
2389
|
+
"isSource": true,
|
|
2390
|
+
"original": {
|
|
2391
|
+
"value": "{fgColor.danger}",
|
|
2392
|
+
"$type": "color",
|
|
2393
|
+
"alpha": 0.5
|
|
2394
|
+
},
|
|
2395
|
+
"name": "buttonCounter-danger-fgColor-disabled",
|
|
2396
|
+
"attributes": {},
|
|
2397
|
+
"path": ["buttonCounter", "danger", "fgColor", "disabled"]
|
|
2398
|
+
},
|
|
2300
2399
|
"focus-outlineColor": {
|
|
2301
2400
|
"value": "#0969da",
|
|
2302
2401
|
"$type": "color",
|
|
@@ -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",
|