@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8
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 +2 -2
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -26
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -26
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +28 -16
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +58 -46
- package/tokens-next-private/css/functional/themes/dark.css +38 -26
- package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -18
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +30 -18
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +50 -38
- package/tokens-next-private/css/functional/themes/light.css +30 -18
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +158 -70
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +158 -70
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +147 -55
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +191 -101
- package/tokens-next-private/docs/functional/themes/dark.json +158 -70
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +156 -58
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +158 -58
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +189 -89
- package/tokens-next-private/docs/functional/themes/light.json +156 -58
- package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +27 -15
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +27 -15
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +22 -10
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +37 -25
- package/tokens-next-private/js/functional/themes/dark.js +27 -15
- package/tokens-next-private/js/functional/themes/light-colorblind.js +23 -11
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +23 -11
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +33 -21
- package/tokens-next-private/js/functional/themes/light.js +23 -11
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +28 -16
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +28 -16
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +23 -11
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +38 -26
- package/tokens-next-private/json/functional/themes/dark.json +28 -16
- package/tokens-next-private/json/functional/themes/light-colorblind.json +24 -12
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +24 -12
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +34 -22
- package/tokens-next-private/json/functional/themes/light.json +24 -12
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -13
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -13
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +14 -8
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +29 -23
- package/tokens-next-private/scss/functional/themes/dark.scss +19 -13
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -9
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +15 -9
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +25 -19
- package/tokens-next-private/scss/functional/themes/light.scss +15 -9
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +27 -15
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +27 -15
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +22 -10
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +37 -25
- package/tokens-next-private/ts/functional/themes/dark.ts +27 -15
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +23 -11
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +23 -11
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +33 -21
- package/tokens-next-private/ts/functional/themes/light.ts +23 -11
- 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 +17 -5
- 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
|
@@ -1134,26 +1134,42 @@
|
|
|
1134
1134
|
"path": ["control", "checked", "borderColor", "rest"]
|
|
1135
1135
|
},
|
|
1136
1136
|
"control-checked-borderColor-hover": {
|
|
1137
|
-
"value": "#
|
|
1137
|
+
"value": "#3876d3",
|
|
1138
1138
|
"$type": "color",
|
|
1139
|
+
"mix": {
|
|
1140
|
+
"color": "#539bf5",
|
|
1141
|
+
"weight": 0.2
|
|
1142
|
+
},
|
|
1139
1143
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1140
1144
|
"isSource": true,
|
|
1141
1145
|
"original": {
|
|
1142
|
-
"value": "
|
|
1143
|
-
"$type": "color"
|
|
1146
|
+
"value": "{bgColor.accent.emphasis}",
|
|
1147
|
+
"$type": "color",
|
|
1148
|
+
"mix": {
|
|
1149
|
+
"color": "{base.color.blue.3}",
|
|
1150
|
+
"weight": 0.2
|
|
1151
|
+
}
|
|
1144
1152
|
},
|
|
1145
1153
|
"name": "control-checked-borderColor-hover",
|
|
1146
1154
|
"attributes": {},
|
|
1147
1155
|
"path": ["control", "checked", "borderColor", "hover"]
|
|
1148
1156
|
},
|
|
1149
1157
|
"control-checked-borderColor-active": {
|
|
1150
|
-
"value": "#
|
|
1158
|
+
"value": "#3f7fdb",
|
|
1151
1159
|
"$type": "color",
|
|
1160
|
+
"mix": {
|
|
1161
|
+
"color": "#539bf5",
|
|
1162
|
+
"weight": 0.4
|
|
1163
|
+
},
|
|
1152
1164
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1153
1165
|
"isSource": true,
|
|
1154
1166
|
"original": {
|
|
1155
|
-
"value": "
|
|
1156
|
-
"$type": "color"
|
|
1167
|
+
"value": "{bgColor.accent.emphasis}",
|
|
1168
|
+
"$type": "color",
|
|
1169
|
+
"mix": {
|
|
1170
|
+
"color": "{base.color.blue.3}",
|
|
1171
|
+
"weight": 0.4
|
|
1172
|
+
}
|
|
1157
1173
|
},
|
|
1158
1174
|
"name": "control-checked-borderColor-active",
|
|
1159
1175
|
"attributes": {},
|
|
@@ -1649,45 +1665,41 @@
|
|
|
1649
1665
|
"path": ["button", "primary", "bgColor", "disabled"]
|
|
1650
1666
|
},
|
|
1651
1667
|
"button-primary-borderColor-rest": {
|
|
1652
|
-
"value": "#
|
|
1668
|
+
"value": "#cdd9e51a",
|
|
1653
1669
|
"$type": "color",
|
|
1654
|
-
"alpha": 0.
|
|
1670
|
+
"alpha": 0.1,
|
|
1655
1671
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1656
1672
|
"isSource": true,
|
|
1657
1673
|
"original": {
|
|
1658
|
-
"value": "{
|
|
1674
|
+
"value": "{base.color.gray.0}",
|
|
1659
1675
|
"$type": "color",
|
|
1660
|
-
"alpha": 0.
|
|
1676
|
+
"alpha": 0.1
|
|
1661
1677
|
},
|
|
1662
1678
|
"name": "button-primary-borderColor-rest",
|
|
1663
1679
|
"attributes": {},
|
|
1664
1680
|
"path": ["button", "primary", "borderColor", "rest"]
|
|
1665
1681
|
},
|
|
1666
1682
|
"button-primary-borderColor-hover": {
|
|
1667
|
-
"value": "#
|
|
1683
|
+
"value": "#cdd9e51a",
|
|
1668
1684
|
"$type": "color",
|
|
1669
|
-
"alpha": 0.8,
|
|
1670
1685
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1671
1686
|
"isSource": true,
|
|
1672
1687
|
"original": {
|
|
1673
|
-
"value": "{borderColor.
|
|
1674
|
-
"$type": "color"
|
|
1675
|
-
"alpha": 0.8
|
|
1688
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1689
|
+
"$type": "color"
|
|
1676
1690
|
},
|
|
1677
1691
|
"name": "button-primary-borderColor-hover",
|
|
1678
1692
|
"attributes": {},
|
|
1679
1693
|
"path": ["button", "primary", "borderColor", "hover"]
|
|
1680
1694
|
},
|
|
1681
1695
|
"button-primary-borderColor-disabled": {
|
|
1682
|
-
"value": "#
|
|
1696
|
+
"value": "#cdd9e51a",
|
|
1683
1697
|
"$type": "color",
|
|
1684
|
-
"alpha": 0.8,
|
|
1685
1698
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1686
1699
|
"isSource": true,
|
|
1687
1700
|
"original": {
|
|
1688
|
-
"value": "{borderColor.
|
|
1689
|
-
"$type": "color"
|
|
1690
|
-
"alpha": 0.8
|
|
1701
|
+
"value": "{button.primary.borderColor.rest}",
|
|
1702
|
+
"$type": "color"
|
|
1691
1703
|
},
|
|
1692
1704
|
"name": "button-primary-borderColor-disabled",
|
|
1693
1705
|
"attributes": {},
|
|
@@ -1729,6 +1741,19 @@
|
|
|
1729
1741
|
"attributes": {},
|
|
1730
1742
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
1731
1743
|
},
|
|
1744
|
+
"button-invisible-fgColor-hover": {
|
|
1745
|
+
"value": "#539bf5",
|
|
1746
|
+
"$type": "color",
|
|
1747
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1748
|
+
"isSource": true,
|
|
1749
|
+
"original": {
|
|
1750
|
+
"value": "{base.color.blue.3}",
|
|
1751
|
+
"$type": "color"
|
|
1752
|
+
},
|
|
1753
|
+
"name": "button-invisible-fgColor-hover",
|
|
1754
|
+
"attributes": {},
|
|
1755
|
+
"path": ["button", "invisible", "fgColor", "hover"]
|
|
1756
|
+
},
|
|
1732
1757
|
"button-invisible-fgColor-disabled": {
|
|
1733
1758
|
"value": "#545d68",
|
|
1734
1759
|
"$type": "color",
|
|
@@ -1821,12 +1846,12 @@
|
|
|
1821
1846
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
1822
1847
|
},
|
|
1823
1848
|
"button-outline-fgColor-rest": {
|
|
1824
|
-
"value": "#
|
|
1849
|
+
"value": "#4184e4",
|
|
1825
1850
|
"$type": "color",
|
|
1826
1851
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1827
1852
|
"isSource": true,
|
|
1828
1853
|
"original": {
|
|
1829
|
-
"value": "{
|
|
1854
|
+
"value": "{base.color.blue.4}",
|
|
1830
1855
|
"$type": "color"
|
|
1831
1856
|
},
|
|
1832
1857
|
"name": "button-outline-fgColor-rest",
|
|
@@ -1834,12 +1859,12 @@
|
|
|
1834
1859
|
"path": ["button", "outline", "fgColor", "rest"]
|
|
1835
1860
|
},
|
|
1836
1861
|
"button-outline-fgColor-hover": {
|
|
1837
|
-
"value": "#
|
|
1862
|
+
"value": "#539bf5",
|
|
1838
1863
|
"$type": "color",
|
|
1839
1864
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1840
1865
|
"isSource": true,
|
|
1841
1866
|
"original": {
|
|
1842
|
-
"value": "{
|
|
1867
|
+
"value": "{base.color.blue.3}",
|
|
1843
1868
|
"$type": "color"
|
|
1844
1869
|
},
|
|
1845
1870
|
"name": "button-outline-fgColor-hover",
|
|
@@ -2190,14 +2215,29 @@
|
|
|
2190
2215
|
"attributes": {},
|
|
2191
2216
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
2192
2217
|
},
|
|
2218
|
+
"buttonCounter-invisible-bgColor-rest": {
|
|
2219
|
+
"value": "#444c56",
|
|
2220
|
+
"$type": "color",
|
|
2221
|
+
"alpha": 1,
|
|
2222
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2223
|
+
"isSource": true,
|
|
2224
|
+
"original": {
|
|
2225
|
+
"value": "{base.color.gray.6}",
|
|
2226
|
+
"$type": "color",
|
|
2227
|
+
"alpha": 1
|
|
2228
|
+
},
|
|
2229
|
+
"name": "buttonCounter-invisible-bgColor-rest",
|
|
2230
|
+
"attributes": {},
|
|
2231
|
+
"path": ["buttonCounter", "invisible", "bgColor", "rest"]
|
|
2232
|
+
},
|
|
2193
2233
|
"buttonCounter-primary-bgColor-rest": {
|
|
2194
|
-
"value": "#
|
|
2234
|
+
"value": "#11341733",
|
|
2195
2235
|
"$type": "color",
|
|
2196
2236
|
"alpha": 0.2,
|
|
2197
2237
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2198
2238
|
"isSource": true,
|
|
2199
2239
|
"original": {
|
|
2200
|
-
"value": "{base.color.
|
|
2240
|
+
"value": "{base.color.green.9}",
|
|
2201
2241
|
"$type": "color",
|
|
2202
2242
|
"alpha": 0.2
|
|
2203
2243
|
},
|
|
@@ -2206,28 +2246,28 @@
|
|
|
2206
2246
|
"path": ["buttonCounter", "primary", "bgColor", "rest"]
|
|
2207
2247
|
},
|
|
2208
2248
|
"buttonCounter-outline-bgColor-rest": {
|
|
2209
|
-
"value": "#
|
|
2249
|
+
"value": "#0f2d5c33",
|
|
2210
2250
|
"$type": "color",
|
|
2211
|
-
"alpha": 0.
|
|
2251
|
+
"alpha": 0.2,
|
|
2212
2252
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2213
2253
|
"isSource": true,
|
|
2214
2254
|
"original": {
|
|
2215
|
-
"value": "{
|
|
2255
|
+
"value": "{base.color.blue.9}",
|
|
2216
2256
|
"$type": "color",
|
|
2217
|
-
"alpha": 0.
|
|
2257
|
+
"alpha": 0.2
|
|
2218
2258
|
},
|
|
2219
2259
|
"name": "buttonCounter-outline-bgColor-rest",
|
|
2220
2260
|
"attributes": {},
|
|
2221
2261
|
"path": ["buttonCounter", "outline", "bgColor", "rest"]
|
|
2222
2262
|
},
|
|
2223
2263
|
"buttonCounter-outline-bgColor-hover": {
|
|
2224
|
-
"value": "#
|
|
2264
|
+
"value": "#0f2d5c33",
|
|
2225
2265
|
"$type": "color",
|
|
2226
2266
|
"alpha": 0.2,
|
|
2227
2267
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2228
2268
|
"isSource": true,
|
|
2229
2269
|
"original": {
|
|
2230
|
-
"value": "{base.color.
|
|
2270
|
+
"value": "{base.color.blue.9}",
|
|
2231
2271
|
"$type": "color",
|
|
2232
2272
|
"alpha": 0.2
|
|
2233
2273
|
},
|
|
@@ -2250,6 +2290,47 @@
|
|
|
2250
2290
|
"attributes": {},
|
|
2251
2291
|
"path": ["buttonCounter", "outline", "bgColor", "disabled"]
|
|
2252
2292
|
},
|
|
2293
|
+
"buttonCounter-outline-fgColor-rest": {
|
|
2294
|
+
"value": "#4184e4",
|
|
2295
|
+
"$type": "color",
|
|
2296
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2297
|
+
"isSource": true,
|
|
2298
|
+
"original": {
|
|
2299
|
+
"value": "{base.color.blue.4}",
|
|
2300
|
+
"$type": "color"
|
|
2301
|
+
},
|
|
2302
|
+
"name": "buttonCounter-outline-fgColor-rest",
|
|
2303
|
+
"attributes": {},
|
|
2304
|
+
"path": ["buttonCounter", "outline", "fgColor", "rest"]
|
|
2305
|
+
},
|
|
2306
|
+
"buttonCounter-outline-fgColor-hover": {
|
|
2307
|
+
"value": "#539bf5",
|
|
2308
|
+
"$type": "color",
|
|
2309
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2310
|
+
"isSource": true,
|
|
2311
|
+
"original": {
|
|
2312
|
+
"value": "{base.color.blue.3}",
|
|
2313
|
+
"$type": "color"
|
|
2314
|
+
},
|
|
2315
|
+
"name": "buttonCounter-outline-fgColor-hover",
|
|
2316
|
+
"attributes": {},
|
|
2317
|
+
"path": ["buttonCounter", "outline", "fgColor", "hover"]
|
|
2318
|
+
},
|
|
2319
|
+
"buttonCounter-outline-fgColor-disabled": {
|
|
2320
|
+
"value": "#3b7cdb80",
|
|
2321
|
+
"$type": "color",
|
|
2322
|
+
"alpha": 0.5,
|
|
2323
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2324
|
+
"isSource": true,
|
|
2325
|
+
"original": {
|
|
2326
|
+
"value": "{fgColor.accent}",
|
|
2327
|
+
"$type": "color",
|
|
2328
|
+
"alpha": 0.5
|
|
2329
|
+
},
|
|
2330
|
+
"name": "buttonCounter-outline-fgColor-disabled",
|
|
2331
|
+
"attributes": {},
|
|
2332
|
+
"path": ["buttonCounter", "outline", "fgColor", "disabled"]
|
|
2333
|
+
},
|
|
2253
2334
|
"buttonCounter-danger-bgColor-hover": {
|
|
2254
2335
|
"value": "#cdd9e533",
|
|
2255
2336
|
"$type": "color",
|
|
@@ -2281,20 +2362,61 @@
|
|
|
2281
2362
|
"path": ["buttonCounter", "danger", "bgColor", "disabled"]
|
|
2282
2363
|
},
|
|
2283
2364
|
"buttonCounter-danger-bgColor-rest": {
|
|
2284
|
-
"value": "#
|
|
2365
|
+
"value": "#5d0f1233",
|
|
2285
2366
|
"$type": "color",
|
|
2286
|
-
"alpha": 0.
|
|
2367
|
+
"alpha": 0.2,
|
|
2287
2368
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2288
2369
|
"isSource": true,
|
|
2289
2370
|
"original": {
|
|
2290
|
-
"value": "{
|
|
2371
|
+
"value": "{base.color.red.9}",
|
|
2291
2372
|
"$type": "color",
|
|
2292
|
-
"alpha": 0.
|
|
2373
|
+
"alpha": 0.2
|
|
2293
2374
|
},
|
|
2294
2375
|
"name": "buttonCounter-danger-bgColor-rest",
|
|
2295
2376
|
"attributes": {},
|
|
2296
2377
|
"path": ["buttonCounter", "danger", "bgColor", "rest"]
|
|
2297
2378
|
},
|
|
2379
|
+
"buttonCounter-danger-fgColor-rest": {
|
|
2380
|
+
"value": "#e5534b",
|
|
2381
|
+
"$type": "color",
|
|
2382
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2383
|
+
"isSource": true,
|
|
2384
|
+
"original": {
|
|
2385
|
+
"value": "{fgColor.danger}",
|
|
2386
|
+
"$type": "color"
|
|
2387
|
+
},
|
|
2388
|
+
"name": "buttonCounter-danger-fgColor-rest",
|
|
2389
|
+
"attributes": {},
|
|
2390
|
+
"path": ["buttonCounter", "danger", "fgColor", "rest"]
|
|
2391
|
+
},
|
|
2392
|
+
"buttonCounter-danger-fgColor-hover": {
|
|
2393
|
+
"value": "#cdd9e5",
|
|
2394
|
+
"$type": "color",
|
|
2395
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2396
|
+
"isSource": true,
|
|
2397
|
+
"original": {
|
|
2398
|
+
"value": "{base.color.white}",
|
|
2399
|
+
"$type": "color"
|
|
2400
|
+
},
|
|
2401
|
+
"name": "buttonCounter-danger-fgColor-hover",
|
|
2402
|
+
"attributes": {},
|
|
2403
|
+
"path": ["buttonCounter", "danger", "fgColor", "hover"]
|
|
2404
|
+
},
|
|
2405
|
+
"buttonCounter-danger-fgColor-disabled": {
|
|
2406
|
+
"value": "#e5534b80",
|
|
2407
|
+
"$type": "color",
|
|
2408
|
+
"alpha": 0.5,
|
|
2409
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
2410
|
+
"isSource": true,
|
|
2411
|
+
"original": {
|
|
2412
|
+
"value": "{fgColor.danger}",
|
|
2413
|
+
"$type": "color",
|
|
2414
|
+
"alpha": 0.5
|
|
2415
|
+
},
|
|
2416
|
+
"name": "buttonCounter-danger-fgColor-disabled",
|
|
2417
|
+
"attributes": {},
|
|
2418
|
+
"path": ["buttonCounter", "danger", "fgColor", "disabled"]
|
|
2419
|
+
},
|
|
2298
2420
|
"focus-outlineColor": {
|
|
2299
2421
|
"value": "#316dca",
|
|
2300
2422
|
"$type": "color",
|
|
@@ -2534,40 +2656,6 @@
|
|
|
2534
2656
|
"attributes": {},
|
|
2535
2657
|
"path": ["fgColor", "link", "rest"]
|
|
2536
2658
|
},
|
|
2537
|
-
"fgColor-link-inverse-rest": {
|
|
2538
|
-
"value": "#316dca",
|
|
2539
|
-
"$type": "color",
|
|
2540
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
2541
|
-
"isSource": true,
|
|
2542
|
-
"original": {
|
|
2543
|
-
"value": "{base.color.blue.5}",
|
|
2544
|
-
"$type": "color"
|
|
2545
|
-
},
|
|
2546
|
-
"name": "fgColor-link-inverse-rest",
|
|
2547
|
-
"attributes": {},
|
|
2548
|
-
"path": ["fgColor", "link", "inverse", "rest"]
|
|
2549
|
-
},
|
|
2550
|
-
"fgColor-link-control": {
|
|
2551
|
-
"value": "#5e6975",
|
|
2552
|
-
"$type": "color",
|
|
2553
|
-
"mix": {
|
|
2554
|
-
"color": "#636e7b",
|
|
2555
|
-
"weight": 0.7
|
|
2556
|
-
},
|
|
2557
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
2558
|
-
"isSource": true,
|
|
2559
|
-
"original": {
|
|
2560
|
-
"value": "{base.color.gray.5}",
|
|
2561
|
-
"$type": "color",
|
|
2562
|
-
"mix": {
|
|
2563
|
-
"color": "{base.color.gray.4}",
|
|
2564
|
-
"weight": 0.7
|
|
2565
|
-
}
|
|
2566
|
-
},
|
|
2567
|
-
"name": "fgColor-link-control",
|
|
2568
|
-
"attributes": {},
|
|
2569
|
-
"path": ["fgColor", "link", "control"]
|
|
2570
|
-
},
|
|
2571
2659
|
"fgColor-accent": {
|
|
2572
2660
|
"value": "#3b7cdb",
|
|
2573
2661
|
"$type": "color",
|