@master/css 2.0.0-rc.42 → 2.0.0-rc.44
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/config/syntaxes.cjs +58 -15
- package/dist/config/syntaxes.mjs +58 -15
- package/dist/config/variables.cjs +172 -26
- package/dist/config/variables.d.ts +151 -6
- package/dist/config/variables.mjs +172 -26
- package/package.json +1 -1
package/dist/config/syntaxes.cjs
CHANGED
|
@@ -1003,9 +1003,6 @@ const syntaxes = {
|
|
|
1003
1003
|
common.COLOR_VALUE_REGEX
|
|
1004
1004
|
],
|
|
1005
1005
|
layer: layer.Native,
|
|
1006
|
-
variables: [
|
|
1007
|
-
'text'
|
|
1008
|
-
],
|
|
1009
1006
|
declare (value) {
|
|
1010
1007
|
return {
|
|
1011
1008
|
'-webkit-text-stroke-color': value
|
|
@@ -1202,7 +1199,10 @@ const syntaxes = {
|
|
|
1202
1199
|
ambiguousValues: [
|
|
1203
1200
|
common.COLOR_VALUE_REGEX
|
|
1204
1201
|
],
|
|
1205
|
-
layer: layer.Native
|
|
1202
|
+
layer: layer.Native,
|
|
1203
|
+
variables: [
|
|
1204
|
+
'frame'
|
|
1205
|
+
]
|
|
1206
1206
|
},
|
|
1207
1207
|
'border-bottom-color': {
|
|
1208
1208
|
ambiguousKeys: [
|
|
@@ -1212,7 +1212,10 @@ const syntaxes = {
|
|
|
1212
1212
|
ambiguousValues: [
|
|
1213
1213
|
common.COLOR_VALUE_REGEX
|
|
1214
1214
|
],
|
|
1215
|
-
layer: layer.Native
|
|
1215
|
+
layer: layer.Native,
|
|
1216
|
+
variables: [
|
|
1217
|
+
'frame'
|
|
1218
|
+
]
|
|
1216
1219
|
},
|
|
1217
1220
|
'border-left-color': {
|
|
1218
1221
|
ambiguousKeys: [
|
|
@@ -1222,7 +1225,10 @@ const syntaxes = {
|
|
|
1222
1225
|
ambiguousValues: [
|
|
1223
1226
|
common.COLOR_VALUE_REGEX
|
|
1224
1227
|
],
|
|
1225
|
-
layer: layer.Native
|
|
1228
|
+
layer: layer.Native,
|
|
1229
|
+
variables: [
|
|
1230
|
+
'frame'
|
|
1231
|
+
]
|
|
1226
1232
|
},
|
|
1227
1233
|
'border-right-color': {
|
|
1228
1234
|
ambiguousKeys: [
|
|
@@ -1232,7 +1238,10 @@ const syntaxes = {
|
|
|
1232
1238
|
ambiguousValues: [
|
|
1233
1239
|
common.COLOR_VALUE_REGEX
|
|
1234
1240
|
],
|
|
1235
|
-
layer: layer.Native
|
|
1241
|
+
layer: layer.Native,
|
|
1242
|
+
variables: [
|
|
1243
|
+
'frame'
|
|
1244
|
+
]
|
|
1236
1245
|
},
|
|
1237
1246
|
'border-x-color': {
|
|
1238
1247
|
ambiguousKeys: [
|
|
@@ -1243,6 +1252,9 @@ const syntaxes = {
|
|
|
1243
1252
|
common.COLOR_VALUE_REGEX
|
|
1244
1253
|
],
|
|
1245
1254
|
layer: layer.Shorthand,
|
|
1255
|
+
variables: [
|
|
1256
|
+
'frame'
|
|
1257
|
+
],
|
|
1246
1258
|
declare (value) {
|
|
1247
1259
|
return {
|
|
1248
1260
|
'border-left-color': value,
|
|
@@ -1259,6 +1271,9 @@ const syntaxes = {
|
|
|
1259
1271
|
common.COLOR_VALUE_REGEX
|
|
1260
1272
|
],
|
|
1261
1273
|
layer: layer.Shorthand,
|
|
1274
|
+
variables: [
|
|
1275
|
+
'frame'
|
|
1276
|
+
],
|
|
1262
1277
|
declare (value) {
|
|
1263
1278
|
return {
|
|
1264
1279
|
'border-top-color': value,
|
|
@@ -1274,7 +1289,10 @@ const syntaxes = {
|
|
|
1274
1289
|
ambiguousValues: [
|
|
1275
1290
|
common.COLOR_VALUE_REGEX
|
|
1276
1291
|
],
|
|
1277
|
-
layer: layer.NativeShorthand
|
|
1292
|
+
layer: layer.NativeShorthand,
|
|
1293
|
+
variables: [
|
|
1294
|
+
'frame'
|
|
1295
|
+
]
|
|
1278
1296
|
},
|
|
1279
1297
|
// border radius
|
|
1280
1298
|
'border-top-left-radius': {
|
|
@@ -1562,31 +1580,46 @@ const syntaxes = {
|
|
|
1562
1580
|
key: 'bt',
|
|
1563
1581
|
layer: layer.NativeShorthand,
|
|
1564
1582
|
unit: 'rem',
|
|
1565
|
-
transformValueComponents: autofillSolidStyle
|
|
1583
|
+
transformValueComponents: autofillSolidStyle,
|
|
1584
|
+
variables: [
|
|
1585
|
+
'frame'
|
|
1586
|
+
]
|
|
1566
1587
|
},
|
|
1567
1588
|
'border-bottom': {
|
|
1568
1589
|
key: 'bb',
|
|
1569
1590
|
layer: layer.NativeShorthand,
|
|
1570
1591
|
unit: 'rem',
|
|
1571
|
-
transformValueComponents: autofillSolidStyle
|
|
1592
|
+
transformValueComponents: autofillSolidStyle,
|
|
1593
|
+
variables: [
|
|
1594
|
+
'frame'
|
|
1595
|
+
]
|
|
1572
1596
|
},
|
|
1573
1597
|
'border-left': {
|
|
1574
1598
|
key: 'bl',
|
|
1575
1599
|
layer: layer.NativeShorthand,
|
|
1576
1600
|
unit: 'rem',
|
|
1577
|
-
transformValueComponents: autofillSolidStyle
|
|
1601
|
+
transformValueComponents: autofillSolidStyle,
|
|
1602
|
+
variables: [
|
|
1603
|
+
'frame'
|
|
1604
|
+
]
|
|
1578
1605
|
},
|
|
1579
1606
|
'border-right': {
|
|
1580
1607
|
key: 'br',
|
|
1581
1608
|
layer: layer.NativeShorthand,
|
|
1582
1609
|
unit: 'rem',
|
|
1583
|
-
transformValueComponents: autofillSolidStyle
|
|
1610
|
+
transformValueComponents: autofillSolidStyle,
|
|
1611
|
+
variables: [
|
|
1612
|
+
'frame'
|
|
1613
|
+
]
|
|
1584
1614
|
},
|
|
1585
1615
|
'border-x': {
|
|
1586
1616
|
key: 'bx',
|
|
1587
1617
|
unit: 'rem',
|
|
1588
1618
|
layer: layer.Shorthand,
|
|
1589
1619
|
transformValueComponents: autofillSolidStyle,
|
|
1620
|
+
variables: [
|
|
1621
|
+
'frame'
|
|
1622
|
+
],
|
|
1590
1623
|
declare (value) {
|
|
1591
1624
|
return {
|
|
1592
1625
|
'border-left': value,
|
|
@@ -1599,6 +1632,9 @@ const syntaxes = {
|
|
|
1599
1632
|
unit: 'rem',
|
|
1600
1633
|
layer: layer.Shorthand,
|
|
1601
1634
|
transformValueComponents: autofillSolidStyle,
|
|
1635
|
+
variables: [
|
|
1636
|
+
'frame'
|
|
1637
|
+
],
|
|
1602
1638
|
declare (value) {
|
|
1603
1639
|
return {
|
|
1604
1640
|
'border-top': value,
|
|
@@ -1610,7 +1646,10 @@ const syntaxes = {
|
|
|
1610
1646
|
key: 'b',
|
|
1611
1647
|
unit: 'rem',
|
|
1612
1648
|
layer: layer.NativeShorthand,
|
|
1613
|
-
transformValueComponents: autofillSolidStyle
|
|
1649
|
+
transformValueComponents: autofillSolidStyle,
|
|
1650
|
+
variables: [
|
|
1651
|
+
'frame'
|
|
1652
|
+
]
|
|
1614
1653
|
},
|
|
1615
1654
|
'background-attachment': {
|
|
1616
1655
|
ambiguousKeys: [
|
|
@@ -1997,7 +2036,10 @@ const syntaxes = {
|
|
|
1997
2036
|
ambiguousValues: [
|
|
1998
2037
|
common.COLOR_VALUE_REGEX
|
|
1999
2038
|
],
|
|
2000
|
-
layer: layer.Native
|
|
2039
|
+
layer: layer.Native,
|
|
2040
|
+
variables: [
|
|
2041
|
+
'frame'
|
|
2042
|
+
]
|
|
2001
2043
|
},
|
|
2002
2044
|
'outline-offset': {
|
|
2003
2045
|
unit: 'rem',
|
|
@@ -2033,7 +2075,8 @@ const syntaxes = {
|
|
|
2033
2075
|
'outline-width',
|
|
2034
2076
|
'outline-style',
|
|
2035
2077
|
'outline-offset',
|
|
2036
|
-
'outline-color'
|
|
2078
|
+
'outline-color',
|
|
2079
|
+
'frame'
|
|
2037
2080
|
],
|
|
2038
2081
|
transformValueComponents: autofillSolidStyle
|
|
2039
2082
|
},
|
package/dist/config/syntaxes.mjs
CHANGED
|
@@ -1001,9 +1001,6 @@ const syntaxes = {
|
|
|
1001
1001
|
COLOR_VALUE_REGEX
|
|
1002
1002
|
],
|
|
1003
1003
|
layer: Layer.Native,
|
|
1004
|
-
variables: [
|
|
1005
|
-
'text'
|
|
1006
|
-
],
|
|
1007
1004
|
declare (value) {
|
|
1008
1005
|
return {
|
|
1009
1006
|
'-webkit-text-stroke-color': value
|
|
@@ -1200,7 +1197,10 @@ const syntaxes = {
|
|
|
1200
1197
|
ambiguousValues: [
|
|
1201
1198
|
COLOR_VALUE_REGEX
|
|
1202
1199
|
],
|
|
1203
|
-
layer: Layer.Native
|
|
1200
|
+
layer: Layer.Native,
|
|
1201
|
+
variables: [
|
|
1202
|
+
'frame'
|
|
1203
|
+
]
|
|
1204
1204
|
},
|
|
1205
1205
|
'border-bottom-color': {
|
|
1206
1206
|
ambiguousKeys: [
|
|
@@ -1210,7 +1210,10 @@ const syntaxes = {
|
|
|
1210
1210
|
ambiguousValues: [
|
|
1211
1211
|
COLOR_VALUE_REGEX
|
|
1212
1212
|
],
|
|
1213
|
-
layer: Layer.Native
|
|
1213
|
+
layer: Layer.Native,
|
|
1214
|
+
variables: [
|
|
1215
|
+
'frame'
|
|
1216
|
+
]
|
|
1214
1217
|
},
|
|
1215
1218
|
'border-left-color': {
|
|
1216
1219
|
ambiguousKeys: [
|
|
@@ -1220,7 +1223,10 @@ const syntaxes = {
|
|
|
1220
1223
|
ambiguousValues: [
|
|
1221
1224
|
COLOR_VALUE_REGEX
|
|
1222
1225
|
],
|
|
1223
|
-
layer: Layer.Native
|
|
1226
|
+
layer: Layer.Native,
|
|
1227
|
+
variables: [
|
|
1228
|
+
'frame'
|
|
1229
|
+
]
|
|
1224
1230
|
},
|
|
1225
1231
|
'border-right-color': {
|
|
1226
1232
|
ambiguousKeys: [
|
|
@@ -1230,7 +1236,10 @@ const syntaxes = {
|
|
|
1230
1236
|
ambiguousValues: [
|
|
1231
1237
|
COLOR_VALUE_REGEX
|
|
1232
1238
|
],
|
|
1233
|
-
layer: Layer.Native
|
|
1239
|
+
layer: Layer.Native,
|
|
1240
|
+
variables: [
|
|
1241
|
+
'frame'
|
|
1242
|
+
]
|
|
1234
1243
|
},
|
|
1235
1244
|
'border-x-color': {
|
|
1236
1245
|
ambiguousKeys: [
|
|
@@ -1241,6 +1250,9 @@ const syntaxes = {
|
|
|
1241
1250
|
COLOR_VALUE_REGEX
|
|
1242
1251
|
],
|
|
1243
1252
|
layer: Layer.Shorthand,
|
|
1253
|
+
variables: [
|
|
1254
|
+
'frame'
|
|
1255
|
+
],
|
|
1244
1256
|
declare (value) {
|
|
1245
1257
|
return {
|
|
1246
1258
|
'border-left-color': value,
|
|
@@ -1257,6 +1269,9 @@ const syntaxes = {
|
|
|
1257
1269
|
COLOR_VALUE_REGEX
|
|
1258
1270
|
],
|
|
1259
1271
|
layer: Layer.Shorthand,
|
|
1272
|
+
variables: [
|
|
1273
|
+
'frame'
|
|
1274
|
+
],
|
|
1260
1275
|
declare (value) {
|
|
1261
1276
|
return {
|
|
1262
1277
|
'border-top-color': value,
|
|
@@ -1272,7 +1287,10 @@ const syntaxes = {
|
|
|
1272
1287
|
ambiguousValues: [
|
|
1273
1288
|
COLOR_VALUE_REGEX
|
|
1274
1289
|
],
|
|
1275
|
-
layer: Layer.NativeShorthand
|
|
1290
|
+
layer: Layer.NativeShorthand,
|
|
1291
|
+
variables: [
|
|
1292
|
+
'frame'
|
|
1293
|
+
]
|
|
1276
1294
|
},
|
|
1277
1295
|
// border radius
|
|
1278
1296
|
'border-top-left-radius': {
|
|
@@ -1560,31 +1578,46 @@ const syntaxes = {
|
|
|
1560
1578
|
key: 'bt',
|
|
1561
1579
|
layer: Layer.NativeShorthand,
|
|
1562
1580
|
unit: 'rem',
|
|
1563
|
-
transformValueComponents: autofillSolidStyle
|
|
1581
|
+
transformValueComponents: autofillSolidStyle,
|
|
1582
|
+
variables: [
|
|
1583
|
+
'frame'
|
|
1584
|
+
]
|
|
1564
1585
|
},
|
|
1565
1586
|
'border-bottom': {
|
|
1566
1587
|
key: 'bb',
|
|
1567
1588
|
layer: Layer.NativeShorthand,
|
|
1568
1589
|
unit: 'rem',
|
|
1569
|
-
transformValueComponents: autofillSolidStyle
|
|
1590
|
+
transformValueComponents: autofillSolidStyle,
|
|
1591
|
+
variables: [
|
|
1592
|
+
'frame'
|
|
1593
|
+
]
|
|
1570
1594
|
},
|
|
1571
1595
|
'border-left': {
|
|
1572
1596
|
key: 'bl',
|
|
1573
1597
|
layer: Layer.NativeShorthand,
|
|
1574
1598
|
unit: 'rem',
|
|
1575
|
-
transformValueComponents: autofillSolidStyle
|
|
1599
|
+
transformValueComponents: autofillSolidStyle,
|
|
1600
|
+
variables: [
|
|
1601
|
+
'frame'
|
|
1602
|
+
]
|
|
1576
1603
|
},
|
|
1577
1604
|
'border-right': {
|
|
1578
1605
|
key: 'br',
|
|
1579
1606
|
layer: Layer.NativeShorthand,
|
|
1580
1607
|
unit: 'rem',
|
|
1581
|
-
transformValueComponents: autofillSolidStyle
|
|
1608
|
+
transformValueComponents: autofillSolidStyle,
|
|
1609
|
+
variables: [
|
|
1610
|
+
'frame'
|
|
1611
|
+
]
|
|
1582
1612
|
},
|
|
1583
1613
|
'border-x': {
|
|
1584
1614
|
key: 'bx',
|
|
1585
1615
|
unit: 'rem',
|
|
1586
1616
|
layer: Layer.Shorthand,
|
|
1587
1617
|
transformValueComponents: autofillSolidStyle,
|
|
1618
|
+
variables: [
|
|
1619
|
+
'frame'
|
|
1620
|
+
],
|
|
1588
1621
|
declare (value) {
|
|
1589
1622
|
return {
|
|
1590
1623
|
'border-left': value,
|
|
@@ -1597,6 +1630,9 @@ const syntaxes = {
|
|
|
1597
1630
|
unit: 'rem',
|
|
1598
1631
|
layer: Layer.Shorthand,
|
|
1599
1632
|
transformValueComponents: autofillSolidStyle,
|
|
1633
|
+
variables: [
|
|
1634
|
+
'frame'
|
|
1635
|
+
],
|
|
1600
1636
|
declare (value) {
|
|
1601
1637
|
return {
|
|
1602
1638
|
'border-top': value,
|
|
@@ -1608,7 +1644,10 @@ const syntaxes = {
|
|
|
1608
1644
|
key: 'b',
|
|
1609
1645
|
unit: 'rem',
|
|
1610
1646
|
layer: Layer.NativeShorthand,
|
|
1611
|
-
transformValueComponents: autofillSolidStyle
|
|
1647
|
+
transformValueComponents: autofillSolidStyle,
|
|
1648
|
+
variables: [
|
|
1649
|
+
'frame'
|
|
1650
|
+
]
|
|
1612
1651
|
},
|
|
1613
1652
|
'background-attachment': {
|
|
1614
1653
|
ambiguousKeys: [
|
|
@@ -1995,7 +2034,10 @@ const syntaxes = {
|
|
|
1995
2034
|
ambiguousValues: [
|
|
1996
2035
|
COLOR_VALUE_REGEX
|
|
1997
2036
|
],
|
|
1998
|
-
layer: Layer.Native
|
|
2037
|
+
layer: Layer.Native,
|
|
2038
|
+
variables: [
|
|
2039
|
+
'frame'
|
|
2040
|
+
]
|
|
1999
2041
|
},
|
|
2000
2042
|
'outline-offset': {
|
|
2001
2043
|
unit: 'rem',
|
|
@@ -2031,7 +2073,8 @@ const syntaxes = {
|
|
|
2031
2073
|
'outline-width',
|
|
2032
2074
|
'outline-style',
|
|
2033
2075
|
'outline-offset',
|
|
2034
|
-
'outline-color'
|
|
2076
|
+
'outline-color',
|
|
2077
|
+
'frame'
|
|
2035
2078
|
],
|
|
2036
2079
|
transformValueComponents: autofillSolidStyle
|
|
2037
2080
|
},
|
|
@@ -122,6 +122,25 @@ const _variables = {
|
|
|
122
122
|
view: 'view-box'
|
|
123
123
|
},
|
|
124
124
|
current: 'currentColor',
|
|
125
|
+
frame: {
|
|
126
|
+
neutral: {
|
|
127
|
+
'@light': '$(slate-60)',
|
|
128
|
+
'@dark': '$(gray-30)'
|
|
129
|
+
},
|
|
130
|
+
light: {
|
|
131
|
+
'@light': '$(slate-60)/.2',
|
|
132
|
+
'@dark': '$(gray-30)/.2'
|
|
133
|
+
},
|
|
134
|
+
lighter: {
|
|
135
|
+
'@light': '$(slate-60)/.16',
|
|
136
|
+
'@dark': '$(gray-30)/.16'
|
|
137
|
+
},
|
|
138
|
+
lightest: {
|
|
139
|
+
'@light': '$(slate-60)/.12',
|
|
140
|
+
'@dark': '$(gray-30)/.12'
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
// from figma
|
|
125
144
|
white: '#ffffff',
|
|
126
145
|
black: '#000000',
|
|
127
146
|
base: {
|
|
@@ -140,91 +159,218 @@ const _variables = {
|
|
|
140
159
|
'@light': '$(black)',
|
|
141
160
|
'@dark': '$(white)'
|
|
142
161
|
},
|
|
143
|
-
line: {
|
|
144
|
-
neutral: {
|
|
145
|
-
'@light': '$(slate-60)',
|
|
146
|
-
'@dark': '$(gray-30)'
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
162
|
gray: {
|
|
150
163
|
'@light': '$(gray-30)',
|
|
151
|
-
'@dark': '$(gray-40)'
|
|
164
|
+
'@dark': '$(gray-40)',
|
|
165
|
+
active: {
|
|
166
|
+
'@light': '$(gray-40)',
|
|
167
|
+
'@dark': '$(gray-30)'
|
|
168
|
+
},
|
|
169
|
+
text: {
|
|
170
|
+
'@light': '$(gray-90)',
|
|
171
|
+
'@dark': '$(gray-95)'
|
|
172
|
+
}
|
|
152
173
|
},
|
|
153
174
|
slate: {
|
|
154
175
|
'@light': '$(slate-30)',
|
|
155
|
-
'@dark': '$(slate-40)'
|
|
176
|
+
'@dark': '$(slate-40)',
|
|
177
|
+
active: {
|
|
178
|
+
'@light': '$(slate-40)',
|
|
179
|
+
'@dark': '$(slate-30)'
|
|
180
|
+
},
|
|
181
|
+
text: {
|
|
182
|
+
'@light': '$(slate-90)',
|
|
183
|
+
'@dark': '$(slate-95)'
|
|
184
|
+
}
|
|
156
185
|
},
|
|
157
186
|
brown: {
|
|
158
187
|
'@light': '$(brown-40)',
|
|
159
|
-
'@dark': '$(brown-50)'
|
|
188
|
+
'@dark': '$(brown-50)',
|
|
189
|
+
active: {
|
|
190
|
+
'@light': '$(brown-50)',
|
|
191
|
+
'@dark': '$(brown-40)'
|
|
192
|
+
},
|
|
193
|
+
text: {
|
|
194
|
+
'@light': '$(brown-90)',
|
|
195
|
+
'@dark': '$(brown-95)'
|
|
196
|
+
}
|
|
160
197
|
},
|
|
161
198
|
orange: {
|
|
162
199
|
'@light': '$(orange-40)',
|
|
163
|
-
'@dark': '$(orange-50)'
|
|
200
|
+
'@dark': '$(orange-50)',
|
|
201
|
+
active: {
|
|
202
|
+
'@light': '$(orange-50)',
|
|
203
|
+
'@dark': '$(orange-40)'
|
|
204
|
+
},
|
|
205
|
+
text: {
|
|
206
|
+
'@light': '$(orange-90)',
|
|
207
|
+
'@dark': '$(orange-95)'
|
|
208
|
+
}
|
|
164
209
|
},
|
|
165
210
|
amber: {
|
|
166
211
|
'@light': '$(amber-40)',
|
|
167
|
-
'@dark': '$(amber-50)'
|
|
212
|
+
'@dark': '$(amber-50)',
|
|
213
|
+
active: {
|
|
214
|
+
'@light': '$(amber-50)',
|
|
215
|
+
'@dark': '$(amber-30)'
|
|
216
|
+
},
|
|
217
|
+
text: {
|
|
218
|
+
'@light': '$(amber-90)',
|
|
219
|
+
'@dark': '$(amber-95)'
|
|
220
|
+
}
|
|
168
221
|
},
|
|
169
222
|
yellow: {
|
|
170
223
|
'@light': '$(yellow-40)',
|
|
171
|
-
'@dark': '$(yellow-50)'
|
|
224
|
+
'@dark': '$(yellow-50)',
|
|
225
|
+
active: {
|
|
226
|
+
'@light': '$(yellow-50)',
|
|
227
|
+
'@dark': '$(yellow-30)'
|
|
228
|
+
},
|
|
229
|
+
text: {
|
|
230
|
+
'@light': '$(yellow-90)',
|
|
231
|
+
'@dark': '$(yellow-95)'
|
|
232
|
+
}
|
|
172
233
|
},
|
|
173
234
|
lime: {
|
|
174
235
|
'@light': '$(lime-40)',
|
|
175
|
-
'@dark': '$(lime-50)'
|
|
236
|
+
'@dark': '$(lime-50)',
|
|
237
|
+
active: {
|
|
238
|
+
'@light': '$(lime-50)',
|
|
239
|
+
'@dark': '$(lime-30)'
|
|
240
|
+
},
|
|
241
|
+
text: {
|
|
242
|
+
'@light': '$(lime-90)',
|
|
243
|
+
'@dark': '$(lime-95)'
|
|
244
|
+
}
|
|
176
245
|
},
|
|
177
246
|
green: {
|
|
178
247
|
'@light': '$(green-40)',
|
|
179
|
-
'@dark': '$(green-50)'
|
|
248
|
+
'@dark': '$(green-50)',
|
|
249
|
+
active: {
|
|
250
|
+
'@light': '$(green-50)',
|
|
251
|
+
'@dark': '$(green-30)'
|
|
252
|
+
},
|
|
253
|
+
text: {
|
|
254
|
+
'@light': '$(green-90)',
|
|
255
|
+
'@dark': '$(green-95)'
|
|
256
|
+
}
|
|
180
257
|
},
|
|
181
258
|
beryl: {
|
|
182
259
|
'@light': '$(beryl-40)',
|
|
183
|
-
'@dark': '$(beryl-50)'
|
|
260
|
+
'@dark': '$(beryl-50)',
|
|
261
|
+
active: {
|
|
262
|
+
'@light': '$(beryl-50)',
|
|
263
|
+
'@dark': '$(beryl-30)'
|
|
264
|
+
},
|
|
265
|
+
text: {
|
|
266
|
+
'@light': '$(beryl-90)',
|
|
267
|
+
'@dark': '$(beryl-95)'
|
|
268
|
+
}
|
|
184
269
|
},
|
|
185
270
|
teal: {
|
|
186
271
|
'@light': '$(teal-40)',
|
|
187
|
-
'@dark': '$(teal-50)'
|
|
272
|
+
'@dark': '$(teal-50)',
|
|
273
|
+
active: {
|
|
274
|
+
'@light': '$(teal-50)',
|
|
275
|
+
'@dark': '$(teal-30)'
|
|
276
|
+
},
|
|
277
|
+
text: {
|
|
278
|
+
'@light': '$(teal-90)',
|
|
279
|
+
'@dark': '$(teal-95)'
|
|
280
|
+
}
|
|
188
281
|
},
|
|
189
282
|
cyan: {
|
|
190
283
|
'@light': '$(cyan-40)',
|
|
191
|
-
'@dark': '$(cyan-50)'
|
|
284
|
+
'@dark': '$(cyan-50)',
|
|
285
|
+
active: {
|
|
286
|
+
'@light': '$(cyan-50)',
|
|
287
|
+
'@dark': '$(cyan-30)'
|
|
288
|
+
},
|
|
289
|
+
text: {
|
|
290
|
+
'@light': '$(cyan-90)',
|
|
291
|
+
'@dark': '$(cyan-95)'
|
|
292
|
+
}
|
|
192
293
|
},
|
|
193
294
|
sky: {
|
|
194
295
|
'@light': '$(sky-60)',
|
|
195
|
-
'@dark': '$(sky-50)'
|
|
296
|
+
'@dark': '$(sky-50)',
|
|
297
|
+
active: {
|
|
298
|
+
'@light': '$(sky-70)',
|
|
299
|
+
'@dark': '$(sky-40)'
|
|
300
|
+
},
|
|
301
|
+
text: '$(white)'
|
|
196
302
|
},
|
|
197
303
|
blue: {
|
|
198
304
|
'@light': '$(blue-60)',
|
|
199
|
-
'@dark': '$(blue-50)'
|
|
305
|
+
'@dark': '$(blue-50)',
|
|
306
|
+
active: {
|
|
307
|
+
'@light': '$(blue-70)',
|
|
308
|
+
'@dark': '$(blue-40)'
|
|
309
|
+
},
|
|
310
|
+
text: '$(white)'
|
|
200
311
|
},
|
|
201
312
|
indigo: {
|
|
202
313
|
'@light': '$(indigo-60)',
|
|
203
|
-
'@dark': '$(indigo-50)'
|
|
314
|
+
'@dark': '$(indigo-50)',
|
|
315
|
+
active: {
|
|
316
|
+
'@light': '$(indigo-70)',
|
|
317
|
+
'@dark': '$(indigo-40)'
|
|
318
|
+
},
|
|
319
|
+
text: '$(white)'
|
|
204
320
|
},
|
|
205
321
|
violet: {
|
|
206
322
|
'@light': '$(violet-60)',
|
|
207
|
-
'@dark': '$(violet-50)'
|
|
323
|
+
'@dark': '$(violet-50)',
|
|
324
|
+
active: {
|
|
325
|
+
'@light': '$(violet-70)',
|
|
326
|
+
'@dark': '$(violet-40)'
|
|
327
|
+
},
|
|
328
|
+
text: '$(white)'
|
|
208
329
|
},
|
|
209
330
|
purple: {
|
|
210
331
|
'@light': '$(purple-60)',
|
|
211
|
-
'@dark': '$(purple-50)'
|
|
332
|
+
'@dark': '$(purple-50)',
|
|
333
|
+
active: {
|
|
334
|
+
'@light': '$(purple-70)',
|
|
335
|
+
'@dark': '$(purple-40)'
|
|
336
|
+
},
|
|
337
|
+
text: '$(white)'
|
|
212
338
|
},
|
|
213
339
|
fuchsia: {
|
|
214
340
|
'@light': '$(fuchsia-60)',
|
|
215
|
-
'@dark': '$(fuchsia-50)'
|
|
341
|
+
'@dark': '$(fuchsia-50)',
|
|
342
|
+
active: {
|
|
343
|
+
'@light': '$(fuchsia-70)',
|
|
344
|
+
'@dark': '$(fuchsia-40)'
|
|
345
|
+
},
|
|
346
|
+
text: '$(white)'
|
|
216
347
|
},
|
|
217
348
|
pink: {
|
|
218
349
|
'@light': '$(pink-60)',
|
|
219
|
-
'@dark': '$(pink-50)'
|
|
350
|
+
'@dark': '$(pink-50)',
|
|
351
|
+
active: {
|
|
352
|
+
'@light': '$(pink-70)',
|
|
353
|
+
'@dark': '$(pink-40)'
|
|
354
|
+
},
|
|
355
|
+
text: '$(white)'
|
|
220
356
|
},
|
|
221
357
|
crimson: {
|
|
222
358
|
'@light': '$(crimson-60)',
|
|
223
|
-
'@dark': '$(crimson-50)'
|
|
359
|
+
'@dark': '$(crimson-50)',
|
|
360
|
+
active: {
|
|
361
|
+
'@light': '$(crimson-70)',
|
|
362
|
+
'@dark': '$(crimson-40)'
|
|
363
|
+
},
|
|
364
|
+
text: '$(white)'
|
|
224
365
|
},
|
|
225
366
|
red: {
|
|
226
367
|
'@light': '$(red-60)',
|
|
227
|
-
'@dark': '$(red-50)'
|
|
368
|
+
'@dark': '$(red-50)',
|
|
369
|
+
active: {
|
|
370
|
+
'@light': '$(red-70)',
|
|
371
|
+
'@dark': '$(red-40)'
|
|
372
|
+
},
|
|
373
|
+
text: '$(white)'
|
|
228
374
|
},
|
|
229
375
|
text: {
|
|
230
376
|
invert: {
|
|
@@ -347,6 +347,24 @@ declare const variables: {
|
|
|
347
347
|
view: string;
|
|
348
348
|
};
|
|
349
349
|
current: string;
|
|
350
|
+
frame: {
|
|
351
|
+
neutral: {
|
|
352
|
+
'@light': string;
|
|
353
|
+
'@dark': string;
|
|
354
|
+
};
|
|
355
|
+
light: {
|
|
356
|
+
'@light': string;
|
|
357
|
+
'@dark': string;
|
|
358
|
+
};
|
|
359
|
+
lighter: {
|
|
360
|
+
'@light': string;
|
|
361
|
+
'@dark': string;
|
|
362
|
+
};
|
|
363
|
+
lightest: {
|
|
364
|
+
'@light': string;
|
|
365
|
+
'@dark': string;
|
|
366
|
+
};
|
|
367
|
+
};
|
|
350
368
|
white: string;
|
|
351
369
|
black: string;
|
|
352
370
|
base: {
|
|
@@ -365,91 +383,218 @@ declare const variables: {
|
|
|
365
383
|
'@light': string;
|
|
366
384
|
'@dark': string;
|
|
367
385
|
};
|
|
368
|
-
line: {
|
|
369
|
-
neutral: {
|
|
370
|
-
'@light': string;
|
|
371
|
-
'@dark': string;
|
|
372
|
-
};
|
|
373
|
-
};
|
|
374
386
|
gray: {
|
|
375
387
|
'@light': string;
|
|
376
388
|
'@dark': string;
|
|
389
|
+
active: {
|
|
390
|
+
'@light': string;
|
|
391
|
+
'@dark': string;
|
|
392
|
+
};
|
|
393
|
+
text: {
|
|
394
|
+
'@light': string;
|
|
395
|
+
'@dark': string;
|
|
396
|
+
};
|
|
377
397
|
};
|
|
378
398
|
slate: {
|
|
379
399
|
'@light': string;
|
|
380
400
|
'@dark': string;
|
|
401
|
+
active: {
|
|
402
|
+
'@light': string;
|
|
403
|
+
'@dark': string;
|
|
404
|
+
};
|
|
405
|
+
text: {
|
|
406
|
+
'@light': string;
|
|
407
|
+
'@dark': string;
|
|
408
|
+
};
|
|
381
409
|
};
|
|
382
410
|
brown: {
|
|
383
411
|
'@light': string;
|
|
384
412
|
'@dark': string;
|
|
413
|
+
active: {
|
|
414
|
+
'@light': string;
|
|
415
|
+
'@dark': string;
|
|
416
|
+
};
|
|
417
|
+
text: {
|
|
418
|
+
'@light': string;
|
|
419
|
+
'@dark': string;
|
|
420
|
+
};
|
|
385
421
|
};
|
|
386
422
|
orange: {
|
|
387
423
|
'@light': string;
|
|
388
424
|
'@dark': string;
|
|
425
|
+
active: {
|
|
426
|
+
'@light': string;
|
|
427
|
+
'@dark': string;
|
|
428
|
+
};
|
|
429
|
+
text: {
|
|
430
|
+
'@light': string;
|
|
431
|
+
'@dark': string;
|
|
432
|
+
};
|
|
389
433
|
};
|
|
390
434
|
amber: {
|
|
391
435
|
'@light': string;
|
|
392
436
|
'@dark': string;
|
|
437
|
+
active: {
|
|
438
|
+
'@light': string;
|
|
439
|
+
'@dark': string;
|
|
440
|
+
};
|
|
441
|
+
text: {
|
|
442
|
+
'@light': string;
|
|
443
|
+
'@dark': string;
|
|
444
|
+
};
|
|
393
445
|
};
|
|
394
446
|
yellow: {
|
|
395
447
|
'@light': string;
|
|
396
448
|
'@dark': string;
|
|
449
|
+
active: {
|
|
450
|
+
'@light': string;
|
|
451
|
+
'@dark': string;
|
|
452
|
+
};
|
|
453
|
+
text: {
|
|
454
|
+
'@light': string;
|
|
455
|
+
'@dark': string;
|
|
456
|
+
};
|
|
397
457
|
};
|
|
398
458
|
lime: {
|
|
399
459
|
'@light': string;
|
|
400
460
|
'@dark': string;
|
|
461
|
+
active: {
|
|
462
|
+
'@light': string;
|
|
463
|
+
'@dark': string;
|
|
464
|
+
};
|
|
465
|
+
text: {
|
|
466
|
+
'@light': string;
|
|
467
|
+
'@dark': string;
|
|
468
|
+
};
|
|
401
469
|
};
|
|
402
470
|
green: {
|
|
403
471
|
'@light': string;
|
|
404
472
|
'@dark': string;
|
|
473
|
+
active: {
|
|
474
|
+
'@light': string;
|
|
475
|
+
'@dark': string;
|
|
476
|
+
};
|
|
477
|
+
text: {
|
|
478
|
+
'@light': string;
|
|
479
|
+
'@dark': string;
|
|
480
|
+
};
|
|
405
481
|
};
|
|
406
482
|
beryl: {
|
|
407
483
|
'@light': string;
|
|
408
484
|
'@dark': string;
|
|
485
|
+
active: {
|
|
486
|
+
'@light': string;
|
|
487
|
+
'@dark': string;
|
|
488
|
+
};
|
|
489
|
+
text: {
|
|
490
|
+
'@light': string;
|
|
491
|
+
'@dark': string;
|
|
492
|
+
};
|
|
409
493
|
};
|
|
410
494
|
teal: {
|
|
411
495
|
'@light': string;
|
|
412
496
|
'@dark': string;
|
|
497
|
+
active: {
|
|
498
|
+
'@light': string;
|
|
499
|
+
'@dark': string;
|
|
500
|
+
};
|
|
501
|
+
text: {
|
|
502
|
+
'@light': string;
|
|
503
|
+
'@dark': string;
|
|
504
|
+
};
|
|
413
505
|
};
|
|
414
506
|
cyan: {
|
|
415
507
|
'@light': string;
|
|
416
508
|
'@dark': string;
|
|
509
|
+
active: {
|
|
510
|
+
'@light': string;
|
|
511
|
+
'@dark': string;
|
|
512
|
+
};
|
|
513
|
+
text: {
|
|
514
|
+
'@light': string;
|
|
515
|
+
'@dark': string;
|
|
516
|
+
};
|
|
417
517
|
};
|
|
418
518
|
sky: {
|
|
419
519
|
'@light': string;
|
|
420
520
|
'@dark': string;
|
|
521
|
+
active: {
|
|
522
|
+
'@light': string;
|
|
523
|
+
'@dark': string;
|
|
524
|
+
};
|
|
525
|
+
text: string;
|
|
421
526
|
};
|
|
422
527
|
blue: {
|
|
423
528
|
'@light': string;
|
|
424
529
|
'@dark': string;
|
|
530
|
+
active: {
|
|
531
|
+
'@light': string;
|
|
532
|
+
'@dark': string;
|
|
533
|
+
};
|
|
534
|
+
text: string;
|
|
425
535
|
};
|
|
426
536
|
indigo: {
|
|
427
537
|
'@light': string;
|
|
428
538
|
'@dark': string;
|
|
539
|
+
active: {
|
|
540
|
+
'@light': string;
|
|
541
|
+
'@dark': string;
|
|
542
|
+
};
|
|
543
|
+
text: string;
|
|
429
544
|
};
|
|
430
545
|
violet: {
|
|
431
546
|
'@light': string;
|
|
432
547
|
'@dark': string;
|
|
548
|
+
active: {
|
|
549
|
+
'@light': string;
|
|
550
|
+
'@dark': string;
|
|
551
|
+
};
|
|
552
|
+
text: string;
|
|
433
553
|
};
|
|
434
554
|
purple: {
|
|
435
555
|
'@light': string;
|
|
436
556
|
'@dark': string;
|
|
557
|
+
active: {
|
|
558
|
+
'@light': string;
|
|
559
|
+
'@dark': string;
|
|
560
|
+
};
|
|
561
|
+
text: string;
|
|
437
562
|
};
|
|
438
563
|
fuchsia: {
|
|
439
564
|
'@light': string;
|
|
440
565
|
'@dark': string;
|
|
566
|
+
active: {
|
|
567
|
+
'@light': string;
|
|
568
|
+
'@dark': string;
|
|
569
|
+
};
|
|
570
|
+
text: string;
|
|
441
571
|
};
|
|
442
572
|
pink: {
|
|
443
573
|
'@light': string;
|
|
444
574
|
'@dark': string;
|
|
575
|
+
active: {
|
|
576
|
+
'@light': string;
|
|
577
|
+
'@dark': string;
|
|
578
|
+
};
|
|
579
|
+
text: string;
|
|
445
580
|
};
|
|
446
581
|
crimson: {
|
|
447
582
|
'@light': string;
|
|
448
583
|
'@dark': string;
|
|
584
|
+
active: {
|
|
585
|
+
'@light': string;
|
|
586
|
+
'@dark': string;
|
|
587
|
+
};
|
|
588
|
+
text: string;
|
|
449
589
|
};
|
|
450
590
|
red: {
|
|
451
591
|
'@light': string;
|
|
452
592
|
'@dark': string;
|
|
593
|
+
active: {
|
|
594
|
+
'@light': string;
|
|
595
|
+
'@dark': string;
|
|
596
|
+
};
|
|
597
|
+
text: string;
|
|
453
598
|
};
|
|
454
599
|
text: {
|
|
455
600
|
invert: {
|
|
@@ -120,6 +120,25 @@ const _variables = {
|
|
|
120
120
|
view: 'view-box'
|
|
121
121
|
},
|
|
122
122
|
current: 'currentColor',
|
|
123
|
+
frame: {
|
|
124
|
+
neutral: {
|
|
125
|
+
'@light': '$(slate-60)',
|
|
126
|
+
'@dark': '$(gray-30)'
|
|
127
|
+
},
|
|
128
|
+
light: {
|
|
129
|
+
'@light': '$(slate-60)/.2',
|
|
130
|
+
'@dark': '$(gray-30)/.2'
|
|
131
|
+
},
|
|
132
|
+
lighter: {
|
|
133
|
+
'@light': '$(slate-60)/.16',
|
|
134
|
+
'@dark': '$(gray-30)/.16'
|
|
135
|
+
},
|
|
136
|
+
lightest: {
|
|
137
|
+
'@light': '$(slate-60)/.12',
|
|
138
|
+
'@dark': '$(gray-30)/.12'
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
// from figma
|
|
123
142
|
white: '#ffffff',
|
|
124
143
|
black: '#000000',
|
|
125
144
|
base: {
|
|
@@ -138,91 +157,218 @@ const _variables = {
|
|
|
138
157
|
'@light': '$(black)',
|
|
139
158
|
'@dark': '$(white)'
|
|
140
159
|
},
|
|
141
|
-
line: {
|
|
142
|
-
neutral: {
|
|
143
|
-
'@light': '$(slate-60)',
|
|
144
|
-
'@dark': '$(gray-30)'
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
160
|
gray: {
|
|
148
161
|
'@light': '$(gray-30)',
|
|
149
|
-
'@dark': '$(gray-40)'
|
|
162
|
+
'@dark': '$(gray-40)',
|
|
163
|
+
active: {
|
|
164
|
+
'@light': '$(gray-40)',
|
|
165
|
+
'@dark': '$(gray-30)'
|
|
166
|
+
},
|
|
167
|
+
text: {
|
|
168
|
+
'@light': '$(gray-90)',
|
|
169
|
+
'@dark': '$(gray-95)'
|
|
170
|
+
}
|
|
150
171
|
},
|
|
151
172
|
slate: {
|
|
152
173
|
'@light': '$(slate-30)',
|
|
153
|
-
'@dark': '$(slate-40)'
|
|
174
|
+
'@dark': '$(slate-40)',
|
|
175
|
+
active: {
|
|
176
|
+
'@light': '$(slate-40)',
|
|
177
|
+
'@dark': '$(slate-30)'
|
|
178
|
+
},
|
|
179
|
+
text: {
|
|
180
|
+
'@light': '$(slate-90)',
|
|
181
|
+
'@dark': '$(slate-95)'
|
|
182
|
+
}
|
|
154
183
|
},
|
|
155
184
|
brown: {
|
|
156
185
|
'@light': '$(brown-40)',
|
|
157
|
-
'@dark': '$(brown-50)'
|
|
186
|
+
'@dark': '$(brown-50)',
|
|
187
|
+
active: {
|
|
188
|
+
'@light': '$(brown-50)',
|
|
189
|
+
'@dark': '$(brown-40)'
|
|
190
|
+
},
|
|
191
|
+
text: {
|
|
192
|
+
'@light': '$(brown-90)',
|
|
193
|
+
'@dark': '$(brown-95)'
|
|
194
|
+
}
|
|
158
195
|
},
|
|
159
196
|
orange: {
|
|
160
197
|
'@light': '$(orange-40)',
|
|
161
|
-
'@dark': '$(orange-50)'
|
|
198
|
+
'@dark': '$(orange-50)',
|
|
199
|
+
active: {
|
|
200
|
+
'@light': '$(orange-50)',
|
|
201
|
+
'@dark': '$(orange-40)'
|
|
202
|
+
},
|
|
203
|
+
text: {
|
|
204
|
+
'@light': '$(orange-90)',
|
|
205
|
+
'@dark': '$(orange-95)'
|
|
206
|
+
}
|
|
162
207
|
},
|
|
163
208
|
amber: {
|
|
164
209
|
'@light': '$(amber-40)',
|
|
165
|
-
'@dark': '$(amber-50)'
|
|
210
|
+
'@dark': '$(amber-50)',
|
|
211
|
+
active: {
|
|
212
|
+
'@light': '$(amber-50)',
|
|
213
|
+
'@dark': '$(amber-30)'
|
|
214
|
+
},
|
|
215
|
+
text: {
|
|
216
|
+
'@light': '$(amber-90)',
|
|
217
|
+
'@dark': '$(amber-95)'
|
|
218
|
+
}
|
|
166
219
|
},
|
|
167
220
|
yellow: {
|
|
168
221
|
'@light': '$(yellow-40)',
|
|
169
|
-
'@dark': '$(yellow-50)'
|
|
222
|
+
'@dark': '$(yellow-50)',
|
|
223
|
+
active: {
|
|
224
|
+
'@light': '$(yellow-50)',
|
|
225
|
+
'@dark': '$(yellow-30)'
|
|
226
|
+
},
|
|
227
|
+
text: {
|
|
228
|
+
'@light': '$(yellow-90)',
|
|
229
|
+
'@dark': '$(yellow-95)'
|
|
230
|
+
}
|
|
170
231
|
},
|
|
171
232
|
lime: {
|
|
172
233
|
'@light': '$(lime-40)',
|
|
173
|
-
'@dark': '$(lime-50)'
|
|
234
|
+
'@dark': '$(lime-50)',
|
|
235
|
+
active: {
|
|
236
|
+
'@light': '$(lime-50)',
|
|
237
|
+
'@dark': '$(lime-30)'
|
|
238
|
+
},
|
|
239
|
+
text: {
|
|
240
|
+
'@light': '$(lime-90)',
|
|
241
|
+
'@dark': '$(lime-95)'
|
|
242
|
+
}
|
|
174
243
|
},
|
|
175
244
|
green: {
|
|
176
245
|
'@light': '$(green-40)',
|
|
177
|
-
'@dark': '$(green-50)'
|
|
246
|
+
'@dark': '$(green-50)',
|
|
247
|
+
active: {
|
|
248
|
+
'@light': '$(green-50)',
|
|
249
|
+
'@dark': '$(green-30)'
|
|
250
|
+
},
|
|
251
|
+
text: {
|
|
252
|
+
'@light': '$(green-90)',
|
|
253
|
+
'@dark': '$(green-95)'
|
|
254
|
+
}
|
|
178
255
|
},
|
|
179
256
|
beryl: {
|
|
180
257
|
'@light': '$(beryl-40)',
|
|
181
|
-
'@dark': '$(beryl-50)'
|
|
258
|
+
'@dark': '$(beryl-50)',
|
|
259
|
+
active: {
|
|
260
|
+
'@light': '$(beryl-50)',
|
|
261
|
+
'@dark': '$(beryl-30)'
|
|
262
|
+
},
|
|
263
|
+
text: {
|
|
264
|
+
'@light': '$(beryl-90)',
|
|
265
|
+
'@dark': '$(beryl-95)'
|
|
266
|
+
}
|
|
182
267
|
},
|
|
183
268
|
teal: {
|
|
184
269
|
'@light': '$(teal-40)',
|
|
185
|
-
'@dark': '$(teal-50)'
|
|
270
|
+
'@dark': '$(teal-50)',
|
|
271
|
+
active: {
|
|
272
|
+
'@light': '$(teal-50)',
|
|
273
|
+
'@dark': '$(teal-30)'
|
|
274
|
+
},
|
|
275
|
+
text: {
|
|
276
|
+
'@light': '$(teal-90)',
|
|
277
|
+
'@dark': '$(teal-95)'
|
|
278
|
+
}
|
|
186
279
|
},
|
|
187
280
|
cyan: {
|
|
188
281
|
'@light': '$(cyan-40)',
|
|
189
|
-
'@dark': '$(cyan-50)'
|
|
282
|
+
'@dark': '$(cyan-50)',
|
|
283
|
+
active: {
|
|
284
|
+
'@light': '$(cyan-50)',
|
|
285
|
+
'@dark': '$(cyan-30)'
|
|
286
|
+
},
|
|
287
|
+
text: {
|
|
288
|
+
'@light': '$(cyan-90)',
|
|
289
|
+
'@dark': '$(cyan-95)'
|
|
290
|
+
}
|
|
190
291
|
},
|
|
191
292
|
sky: {
|
|
192
293
|
'@light': '$(sky-60)',
|
|
193
|
-
'@dark': '$(sky-50)'
|
|
294
|
+
'@dark': '$(sky-50)',
|
|
295
|
+
active: {
|
|
296
|
+
'@light': '$(sky-70)',
|
|
297
|
+
'@dark': '$(sky-40)'
|
|
298
|
+
},
|
|
299
|
+
text: '$(white)'
|
|
194
300
|
},
|
|
195
301
|
blue: {
|
|
196
302
|
'@light': '$(blue-60)',
|
|
197
|
-
'@dark': '$(blue-50)'
|
|
303
|
+
'@dark': '$(blue-50)',
|
|
304
|
+
active: {
|
|
305
|
+
'@light': '$(blue-70)',
|
|
306
|
+
'@dark': '$(blue-40)'
|
|
307
|
+
},
|
|
308
|
+
text: '$(white)'
|
|
198
309
|
},
|
|
199
310
|
indigo: {
|
|
200
311
|
'@light': '$(indigo-60)',
|
|
201
|
-
'@dark': '$(indigo-50)'
|
|
312
|
+
'@dark': '$(indigo-50)',
|
|
313
|
+
active: {
|
|
314
|
+
'@light': '$(indigo-70)',
|
|
315
|
+
'@dark': '$(indigo-40)'
|
|
316
|
+
},
|
|
317
|
+
text: '$(white)'
|
|
202
318
|
},
|
|
203
319
|
violet: {
|
|
204
320
|
'@light': '$(violet-60)',
|
|
205
|
-
'@dark': '$(violet-50)'
|
|
321
|
+
'@dark': '$(violet-50)',
|
|
322
|
+
active: {
|
|
323
|
+
'@light': '$(violet-70)',
|
|
324
|
+
'@dark': '$(violet-40)'
|
|
325
|
+
},
|
|
326
|
+
text: '$(white)'
|
|
206
327
|
},
|
|
207
328
|
purple: {
|
|
208
329
|
'@light': '$(purple-60)',
|
|
209
|
-
'@dark': '$(purple-50)'
|
|
330
|
+
'@dark': '$(purple-50)',
|
|
331
|
+
active: {
|
|
332
|
+
'@light': '$(purple-70)',
|
|
333
|
+
'@dark': '$(purple-40)'
|
|
334
|
+
},
|
|
335
|
+
text: '$(white)'
|
|
210
336
|
},
|
|
211
337
|
fuchsia: {
|
|
212
338
|
'@light': '$(fuchsia-60)',
|
|
213
|
-
'@dark': '$(fuchsia-50)'
|
|
339
|
+
'@dark': '$(fuchsia-50)',
|
|
340
|
+
active: {
|
|
341
|
+
'@light': '$(fuchsia-70)',
|
|
342
|
+
'@dark': '$(fuchsia-40)'
|
|
343
|
+
},
|
|
344
|
+
text: '$(white)'
|
|
214
345
|
},
|
|
215
346
|
pink: {
|
|
216
347
|
'@light': '$(pink-60)',
|
|
217
|
-
'@dark': '$(pink-50)'
|
|
348
|
+
'@dark': '$(pink-50)',
|
|
349
|
+
active: {
|
|
350
|
+
'@light': '$(pink-70)',
|
|
351
|
+
'@dark': '$(pink-40)'
|
|
352
|
+
},
|
|
353
|
+
text: '$(white)'
|
|
218
354
|
},
|
|
219
355
|
crimson: {
|
|
220
356
|
'@light': '$(crimson-60)',
|
|
221
|
-
'@dark': '$(crimson-50)'
|
|
357
|
+
'@dark': '$(crimson-50)',
|
|
358
|
+
active: {
|
|
359
|
+
'@light': '$(crimson-70)',
|
|
360
|
+
'@dark': '$(crimson-40)'
|
|
361
|
+
},
|
|
362
|
+
text: '$(white)'
|
|
222
363
|
},
|
|
223
364
|
red: {
|
|
224
365
|
'@light': '$(red-60)',
|
|
225
|
-
'@dark': '$(red-50)'
|
|
366
|
+
'@dark': '$(red-50)',
|
|
367
|
+
active: {
|
|
368
|
+
'@light': '$(red-70)',
|
|
369
|
+
'@dark': '$(red-40)'
|
|
370
|
+
},
|
|
371
|
+
text: '$(white)'
|
|
226
372
|
},
|
|
227
373
|
text: {
|
|
228
374
|
invert: {
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.0.23","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.
|
|
1
|
+
{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.0.23","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.44"},"version":"2.0.0-rc.44"}
|