@bamboocss/preset-base 1.16.0 → 1.17.0
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/index.cjs +170 -48
- package/dist/index.d.cts +0 -1
- package/dist/index.d.mts +0 -1
- package/dist/index.mjs +170 -48
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -113,44 +113,6 @@ const conditions = {
|
|
|
113
113
|
invertedColors: "@media (inverted-colors: inverted)"
|
|
114
114
|
};
|
|
115
115
|
//#endregion
|
|
116
|
-
//#region src/global-css.ts
|
|
117
|
-
const EMPTY = "/*-*/ /*-*/";
|
|
118
|
-
const globalCss = { "*, ::before, ::after, ::backdrop": {
|
|
119
|
-
"--blur": EMPTY,
|
|
120
|
-
"--brightness": EMPTY,
|
|
121
|
-
"--contrast": EMPTY,
|
|
122
|
-
"--grayscale": EMPTY,
|
|
123
|
-
"--hue-rotate": EMPTY,
|
|
124
|
-
"--invert": EMPTY,
|
|
125
|
-
"--saturate": EMPTY,
|
|
126
|
-
"--sepia": EMPTY,
|
|
127
|
-
"--drop-shadow": EMPTY,
|
|
128
|
-
"--backdrop-blur": EMPTY,
|
|
129
|
-
"--backdrop-brightness": EMPTY,
|
|
130
|
-
"--backdrop-contrast": EMPTY,
|
|
131
|
-
"--backdrop-grayscale": EMPTY,
|
|
132
|
-
"--backdrop-hue-rotate": EMPTY,
|
|
133
|
-
"--backdrop-invert": EMPTY,
|
|
134
|
-
"--backdrop-opacity": EMPTY,
|
|
135
|
-
"--backdrop-saturate": EMPTY,
|
|
136
|
-
"--backdrop-sepia": EMPTY,
|
|
137
|
-
"--gradient-from-position": EMPTY,
|
|
138
|
-
"--gradient-to-position": EMPTY,
|
|
139
|
-
"--gradient-via-position": EMPTY,
|
|
140
|
-
"--scroll-snap-strictness": "proximity",
|
|
141
|
-
"--border-spacing-x": 0,
|
|
142
|
-
"--border-spacing-y": 0,
|
|
143
|
-
"--translate-x": 0,
|
|
144
|
-
"--translate-y": 0,
|
|
145
|
-
"--rotate": 0,
|
|
146
|
-
"--rotate-x": 0,
|
|
147
|
-
"--rotate-y": 0,
|
|
148
|
-
"--skew-x": 0,
|
|
149
|
-
"--skew-y": 0,
|
|
150
|
-
"--scale-x": 1,
|
|
151
|
-
"--scale-y": 1
|
|
152
|
-
} };
|
|
153
|
-
//#endregion
|
|
154
116
|
//#region src/patterns.ts
|
|
155
117
|
function definePattern(config) {
|
|
156
118
|
return config;
|
|
@@ -1236,7 +1198,45 @@ const effects = {
|
|
|
1236
1198
|
filter: {
|
|
1237
1199
|
className: "filter",
|
|
1238
1200
|
group: "Effect",
|
|
1239
|
-
values: { auto: "var(--blur, ) var(--brightness, ) var(--contrast, ) var(--grayscale, ) var(--hue-rotate, ) var(--invert, ) var(--saturate, ) var(--sepia, ) var(--drop-shadow, )" }
|
|
1201
|
+
values: { auto: "var(--blur, ) var(--brightness, ) var(--contrast, ) var(--grayscale, ) var(--hue-rotate, ) var(--invert, ) var(--saturate, ) var(--sepia, ) var(--drop-shadow, )" },
|
|
1202
|
+
customProperties: {
|
|
1203
|
+
"--blur": {
|
|
1204
|
+
inherits: false,
|
|
1205
|
+
syntax: "*"
|
|
1206
|
+
},
|
|
1207
|
+
"--brightness": {
|
|
1208
|
+
inherits: false,
|
|
1209
|
+
syntax: "*"
|
|
1210
|
+
},
|
|
1211
|
+
"--contrast": {
|
|
1212
|
+
inherits: false,
|
|
1213
|
+
syntax: "*"
|
|
1214
|
+
},
|
|
1215
|
+
"--drop-shadow": {
|
|
1216
|
+
inherits: false,
|
|
1217
|
+
syntax: "*"
|
|
1218
|
+
},
|
|
1219
|
+
"--grayscale": {
|
|
1220
|
+
inherits: false,
|
|
1221
|
+
syntax: "*"
|
|
1222
|
+
},
|
|
1223
|
+
"--hue-rotate": {
|
|
1224
|
+
inherits: false,
|
|
1225
|
+
syntax: "*"
|
|
1226
|
+
},
|
|
1227
|
+
"--invert": {
|
|
1228
|
+
inherits: false,
|
|
1229
|
+
syntax: "*"
|
|
1230
|
+
},
|
|
1231
|
+
"--saturate": {
|
|
1232
|
+
inherits: false,
|
|
1233
|
+
syntax: "*"
|
|
1234
|
+
},
|
|
1235
|
+
"--sepia": {
|
|
1236
|
+
inherits: false,
|
|
1237
|
+
syntax: "*"
|
|
1238
|
+
}
|
|
1239
|
+
}
|
|
1240
1240
|
},
|
|
1241
1241
|
brightness: {
|
|
1242
1242
|
className: "brightness",
|
|
@@ -1312,6 +1312,44 @@ const effects = {
|
|
|
1312
1312
|
backdropFilter: value,
|
|
1313
1313
|
WebkitBackdropFilter: value
|
|
1314
1314
|
};
|
|
1315
|
+
},
|
|
1316
|
+
customProperties: {
|
|
1317
|
+
"--backdrop-blur": {
|
|
1318
|
+
inherits: false,
|
|
1319
|
+
syntax: "*"
|
|
1320
|
+
},
|
|
1321
|
+
"--backdrop-brightness": {
|
|
1322
|
+
inherits: false,
|
|
1323
|
+
syntax: "*"
|
|
1324
|
+
},
|
|
1325
|
+
"--backdrop-contrast": {
|
|
1326
|
+
inherits: false,
|
|
1327
|
+
syntax: "*"
|
|
1328
|
+
},
|
|
1329
|
+
"--backdrop-grayscale": {
|
|
1330
|
+
inherits: false,
|
|
1331
|
+
syntax: "*"
|
|
1332
|
+
},
|
|
1333
|
+
"--backdrop-hue-rotate": {
|
|
1334
|
+
inherits: false,
|
|
1335
|
+
syntax: "*"
|
|
1336
|
+
},
|
|
1337
|
+
"--backdrop-invert": {
|
|
1338
|
+
inherits: false,
|
|
1339
|
+
syntax: "*"
|
|
1340
|
+
},
|
|
1341
|
+
"--backdrop-opacity": {
|
|
1342
|
+
inherits: false,
|
|
1343
|
+
syntax: "*"
|
|
1344
|
+
},
|
|
1345
|
+
"--backdrop-saturate": {
|
|
1346
|
+
inherits: false,
|
|
1347
|
+
syntax: "*"
|
|
1348
|
+
},
|
|
1349
|
+
"--backdrop-sepia": {
|
|
1350
|
+
inherits: false,
|
|
1351
|
+
syntax: "*"
|
|
1352
|
+
}
|
|
1315
1353
|
}
|
|
1316
1354
|
},
|
|
1317
1355
|
backdropBlur: {
|
|
@@ -1646,8 +1684,18 @@ const linearGradientValues = (theme) => {
|
|
|
1646
1684
|
...Object.fromEntries(linearGradientDirectionMap.entries())
|
|
1647
1685
|
};
|
|
1648
1686
|
};
|
|
1649
|
-
|
|
1650
|
-
|
|
1687
|
+
/**
|
|
1688
|
+
* The position vars carry an empty fallback because a colour stop's position is optional:
|
|
1689
|
+
* `red 20%` and `red` are both valid, and the unset case has to compose to the second.
|
|
1690
|
+
*
|
|
1691
|
+
* They are registered with no `initial-value` (see `globalVars`), which gives them the
|
|
1692
|
+
* guaranteed-invalid value — so a reference without a fallback would take the whole
|
|
1693
|
+
* `--gradient-stops` declaration invalid at computed-value time and drop the gradient
|
|
1694
|
+
* entirely. Writing the fallback here keeps that decision next to the composition that
|
|
1695
|
+
* depends on it, rather than resting on a default declared in another package.
|
|
1696
|
+
*/
|
|
1697
|
+
const gradientStops = "var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position, ), var(--gradient-to) var(--gradient-to-position, ))";
|
|
1698
|
+
const gradientViaStops = "var(--gradient-position), var(--gradient-from) var(--gradient-from-position, ), var(--gradient-via) var(--gradient-via-position, ), var(--gradient-to) var(--gradient-to-position, )";
|
|
1651
1699
|
const backgroundGradients = {
|
|
1652
1700
|
backgroundGradient: {
|
|
1653
1701
|
shorthand: "bgGradient",
|
|
@@ -1738,14 +1786,22 @@ const backgroundGradients = {
|
|
|
1738
1786
|
group: "Background Gradient",
|
|
1739
1787
|
transform(value) {
|
|
1740
1788
|
return { "--gradient-from-position": value };
|
|
1741
|
-
}
|
|
1789
|
+
},
|
|
1790
|
+
customProperties: { "--gradient-from-position": {
|
|
1791
|
+
inherits: false,
|
|
1792
|
+
syntax: "*"
|
|
1793
|
+
} }
|
|
1742
1794
|
},
|
|
1743
1795
|
gradientToPosition: {
|
|
1744
1796
|
className: "grad-to-pos",
|
|
1745
1797
|
group: "Background Gradient",
|
|
1746
1798
|
transform(value) {
|
|
1747
1799
|
return { "--gradient-to-position": value };
|
|
1748
|
-
}
|
|
1800
|
+
},
|
|
1801
|
+
customProperties: { "--gradient-to-position": {
|
|
1802
|
+
inherits: false,
|
|
1803
|
+
syntax: "*"
|
|
1804
|
+
} }
|
|
1749
1805
|
},
|
|
1750
1806
|
gradientFrom: {
|
|
1751
1807
|
className: "grad-from",
|
|
@@ -1776,7 +1832,11 @@ const backgroundGradients = {
|
|
|
1776
1832
|
group: "Background Gradient",
|
|
1777
1833
|
transform(value) {
|
|
1778
1834
|
return { "--gradient-via-position": value };
|
|
1779
|
-
}
|
|
1835
|
+
},
|
|
1836
|
+
customProperties: { "--gradient-via-position": {
|
|
1837
|
+
inherits: false,
|
|
1838
|
+
syntax: "*"
|
|
1839
|
+
} }
|
|
1780
1840
|
}
|
|
1781
1841
|
};
|
|
1782
1842
|
//#endregion
|
|
@@ -2007,7 +2067,12 @@ const interactivity = {
|
|
|
2007
2067
|
x: "x var(--scroll-snap-strictness)",
|
|
2008
2068
|
y: "y var(--scroll-snap-strictness)",
|
|
2009
2069
|
both: "both var(--scroll-snap-strictness)"
|
|
2010
|
-
}
|
|
2070
|
+
},
|
|
2071
|
+
customProperties: { "--scroll-snap-strictness": {
|
|
2072
|
+
inherits: false,
|
|
2073
|
+
initialValue: "proximity",
|
|
2074
|
+
syntax: "*"
|
|
2075
|
+
} }
|
|
2011
2076
|
},
|
|
2012
2077
|
scrollSnapStrictness: {
|
|
2013
2078
|
className: "scrs-strt",
|
|
@@ -2781,6 +2846,18 @@ const tables = {
|
|
|
2781
2846
|
...theme("spacing"),
|
|
2782
2847
|
auto: "var(--border-spacing-x) var(--border-spacing-y)"
|
|
2783
2848
|
};
|
|
2849
|
+
},
|
|
2850
|
+
customProperties: {
|
|
2851
|
+
"--border-spacing-x": {
|
|
2852
|
+
inherits: false,
|
|
2853
|
+
initialValue: "0",
|
|
2854
|
+
syntax: "*"
|
|
2855
|
+
},
|
|
2856
|
+
"--border-spacing-y": {
|
|
2857
|
+
inherits: false,
|
|
2858
|
+
initialValue: "0",
|
|
2859
|
+
syntax: "*"
|
|
2860
|
+
}
|
|
2784
2861
|
}
|
|
2785
2862
|
},
|
|
2786
2863
|
borderSpacingX: {
|
|
@@ -2844,6 +2921,23 @@ const transforms = {
|
|
|
2844
2921
|
values: {
|
|
2845
2922
|
auto: "var(--rotate-x) var(--rotate-y)",
|
|
2846
2923
|
"auto-3d": "var(--rotate-x) var(--rotate-y) var(--rotate-z)"
|
|
2924
|
+
},
|
|
2925
|
+
customProperties: {
|
|
2926
|
+
"--rotate-x": {
|
|
2927
|
+
inherits: false,
|
|
2928
|
+
initialValue: "0",
|
|
2929
|
+
syntax: "*"
|
|
2930
|
+
},
|
|
2931
|
+
"--rotate-y": {
|
|
2932
|
+
inherits: false,
|
|
2933
|
+
initialValue: "0",
|
|
2934
|
+
syntax: "*"
|
|
2935
|
+
},
|
|
2936
|
+
"--rotate-z": {
|
|
2937
|
+
inherits: false,
|
|
2938
|
+
initialValue: "0",
|
|
2939
|
+
syntax: "*"
|
|
2940
|
+
}
|
|
2847
2941
|
}
|
|
2848
2942
|
},
|
|
2849
2943
|
rotateX: {
|
|
@@ -2874,7 +2968,19 @@ const transforms = {
|
|
|
2874
2968
|
className: "scale",
|
|
2875
2969
|
group: "Transform",
|
|
2876
2970
|
property: "scale",
|
|
2877
|
-
values: { auto: "var(--scale-x) var(--scale-y)" }
|
|
2971
|
+
values: { auto: "var(--scale-x) var(--scale-y)" },
|
|
2972
|
+
customProperties: {
|
|
2973
|
+
"--scale-x": {
|
|
2974
|
+
inherits: false,
|
|
2975
|
+
initialValue: "1",
|
|
2976
|
+
syntax: "*"
|
|
2977
|
+
},
|
|
2978
|
+
"--scale-y": {
|
|
2979
|
+
inherits: false,
|
|
2980
|
+
initialValue: "1",
|
|
2981
|
+
syntax: "*"
|
|
2982
|
+
}
|
|
2983
|
+
}
|
|
2878
2984
|
},
|
|
2879
2985
|
scaleX: {
|
|
2880
2986
|
className: "scale-x",
|
|
@@ -2897,6 +3003,23 @@ const transforms = {
|
|
|
2897
3003
|
values: {
|
|
2898
3004
|
auto: "var(--translate-x) var(--translate-y)",
|
|
2899
3005
|
"auto-3d": "var(--translate-x) var(--translate-y) var(--translate-z)"
|
|
3006
|
+
},
|
|
3007
|
+
customProperties: {
|
|
3008
|
+
"--translate-x": {
|
|
3009
|
+
inherits: false,
|
|
3010
|
+
initialValue: "0",
|
|
3011
|
+
syntax: "*"
|
|
3012
|
+
},
|
|
3013
|
+
"--translate-y": {
|
|
3014
|
+
inherits: false,
|
|
3015
|
+
initialValue: "0",
|
|
3016
|
+
syntax: "*"
|
|
3017
|
+
},
|
|
3018
|
+
"--translate-z": {
|
|
3019
|
+
inherits: false,
|
|
3020
|
+
initialValue: "0",
|
|
3021
|
+
syntax: "*"
|
|
3022
|
+
}
|
|
2900
3023
|
}
|
|
2901
3024
|
},
|
|
2902
3025
|
translateX: {
|
|
@@ -3280,8 +3403,7 @@ const preset = definePreset({
|
|
|
3280
3403
|
name: "@bamboocss/preset-base",
|
|
3281
3404
|
conditions,
|
|
3282
3405
|
utilities,
|
|
3283
|
-
patterns
|
|
3284
|
-
globalCss
|
|
3406
|
+
patterns
|
|
3285
3407
|
});
|
|
3286
3408
|
//#endregion
|
|
3287
3409
|
exports.default = preset;
|
package/dist/index.d.cts
CHANGED
package/dist/index.d.mts
CHANGED
package/dist/index.mjs
CHANGED
|
@@ -109,44 +109,6 @@ const conditions = {
|
|
|
109
109
|
invertedColors: "@media (inverted-colors: inverted)"
|
|
110
110
|
};
|
|
111
111
|
//#endregion
|
|
112
|
-
//#region src/global-css.ts
|
|
113
|
-
const EMPTY = "/*-*/ /*-*/";
|
|
114
|
-
const globalCss = { "*, ::before, ::after, ::backdrop": {
|
|
115
|
-
"--blur": EMPTY,
|
|
116
|
-
"--brightness": EMPTY,
|
|
117
|
-
"--contrast": EMPTY,
|
|
118
|
-
"--grayscale": EMPTY,
|
|
119
|
-
"--hue-rotate": EMPTY,
|
|
120
|
-
"--invert": EMPTY,
|
|
121
|
-
"--saturate": EMPTY,
|
|
122
|
-
"--sepia": EMPTY,
|
|
123
|
-
"--drop-shadow": EMPTY,
|
|
124
|
-
"--backdrop-blur": EMPTY,
|
|
125
|
-
"--backdrop-brightness": EMPTY,
|
|
126
|
-
"--backdrop-contrast": EMPTY,
|
|
127
|
-
"--backdrop-grayscale": EMPTY,
|
|
128
|
-
"--backdrop-hue-rotate": EMPTY,
|
|
129
|
-
"--backdrop-invert": EMPTY,
|
|
130
|
-
"--backdrop-opacity": EMPTY,
|
|
131
|
-
"--backdrop-saturate": EMPTY,
|
|
132
|
-
"--backdrop-sepia": EMPTY,
|
|
133
|
-
"--gradient-from-position": EMPTY,
|
|
134
|
-
"--gradient-to-position": EMPTY,
|
|
135
|
-
"--gradient-via-position": EMPTY,
|
|
136
|
-
"--scroll-snap-strictness": "proximity",
|
|
137
|
-
"--border-spacing-x": 0,
|
|
138
|
-
"--border-spacing-y": 0,
|
|
139
|
-
"--translate-x": 0,
|
|
140
|
-
"--translate-y": 0,
|
|
141
|
-
"--rotate": 0,
|
|
142
|
-
"--rotate-x": 0,
|
|
143
|
-
"--rotate-y": 0,
|
|
144
|
-
"--skew-x": 0,
|
|
145
|
-
"--skew-y": 0,
|
|
146
|
-
"--scale-x": 1,
|
|
147
|
-
"--scale-y": 1
|
|
148
|
-
} };
|
|
149
|
-
//#endregion
|
|
150
112
|
//#region src/patterns.ts
|
|
151
113
|
function definePattern(config) {
|
|
152
114
|
return config;
|
|
@@ -1232,7 +1194,45 @@ const effects = {
|
|
|
1232
1194
|
filter: {
|
|
1233
1195
|
className: "filter",
|
|
1234
1196
|
group: "Effect",
|
|
1235
|
-
values: { auto: "var(--blur, ) var(--brightness, ) var(--contrast, ) var(--grayscale, ) var(--hue-rotate, ) var(--invert, ) var(--saturate, ) var(--sepia, ) var(--drop-shadow, )" }
|
|
1197
|
+
values: { auto: "var(--blur, ) var(--brightness, ) var(--contrast, ) var(--grayscale, ) var(--hue-rotate, ) var(--invert, ) var(--saturate, ) var(--sepia, ) var(--drop-shadow, )" },
|
|
1198
|
+
customProperties: {
|
|
1199
|
+
"--blur": {
|
|
1200
|
+
inherits: false,
|
|
1201
|
+
syntax: "*"
|
|
1202
|
+
},
|
|
1203
|
+
"--brightness": {
|
|
1204
|
+
inherits: false,
|
|
1205
|
+
syntax: "*"
|
|
1206
|
+
},
|
|
1207
|
+
"--contrast": {
|
|
1208
|
+
inherits: false,
|
|
1209
|
+
syntax: "*"
|
|
1210
|
+
},
|
|
1211
|
+
"--drop-shadow": {
|
|
1212
|
+
inherits: false,
|
|
1213
|
+
syntax: "*"
|
|
1214
|
+
},
|
|
1215
|
+
"--grayscale": {
|
|
1216
|
+
inherits: false,
|
|
1217
|
+
syntax: "*"
|
|
1218
|
+
},
|
|
1219
|
+
"--hue-rotate": {
|
|
1220
|
+
inherits: false,
|
|
1221
|
+
syntax: "*"
|
|
1222
|
+
},
|
|
1223
|
+
"--invert": {
|
|
1224
|
+
inherits: false,
|
|
1225
|
+
syntax: "*"
|
|
1226
|
+
},
|
|
1227
|
+
"--saturate": {
|
|
1228
|
+
inherits: false,
|
|
1229
|
+
syntax: "*"
|
|
1230
|
+
},
|
|
1231
|
+
"--sepia": {
|
|
1232
|
+
inherits: false,
|
|
1233
|
+
syntax: "*"
|
|
1234
|
+
}
|
|
1235
|
+
}
|
|
1236
1236
|
},
|
|
1237
1237
|
brightness: {
|
|
1238
1238
|
className: "brightness",
|
|
@@ -1308,6 +1308,44 @@ const effects = {
|
|
|
1308
1308
|
backdropFilter: value,
|
|
1309
1309
|
WebkitBackdropFilter: value
|
|
1310
1310
|
};
|
|
1311
|
+
},
|
|
1312
|
+
customProperties: {
|
|
1313
|
+
"--backdrop-blur": {
|
|
1314
|
+
inherits: false,
|
|
1315
|
+
syntax: "*"
|
|
1316
|
+
},
|
|
1317
|
+
"--backdrop-brightness": {
|
|
1318
|
+
inherits: false,
|
|
1319
|
+
syntax: "*"
|
|
1320
|
+
},
|
|
1321
|
+
"--backdrop-contrast": {
|
|
1322
|
+
inherits: false,
|
|
1323
|
+
syntax: "*"
|
|
1324
|
+
},
|
|
1325
|
+
"--backdrop-grayscale": {
|
|
1326
|
+
inherits: false,
|
|
1327
|
+
syntax: "*"
|
|
1328
|
+
},
|
|
1329
|
+
"--backdrop-hue-rotate": {
|
|
1330
|
+
inherits: false,
|
|
1331
|
+
syntax: "*"
|
|
1332
|
+
},
|
|
1333
|
+
"--backdrop-invert": {
|
|
1334
|
+
inherits: false,
|
|
1335
|
+
syntax: "*"
|
|
1336
|
+
},
|
|
1337
|
+
"--backdrop-opacity": {
|
|
1338
|
+
inherits: false,
|
|
1339
|
+
syntax: "*"
|
|
1340
|
+
},
|
|
1341
|
+
"--backdrop-saturate": {
|
|
1342
|
+
inherits: false,
|
|
1343
|
+
syntax: "*"
|
|
1344
|
+
},
|
|
1345
|
+
"--backdrop-sepia": {
|
|
1346
|
+
inherits: false,
|
|
1347
|
+
syntax: "*"
|
|
1348
|
+
}
|
|
1311
1349
|
}
|
|
1312
1350
|
},
|
|
1313
1351
|
backdropBlur: {
|
|
@@ -1642,8 +1680,18 @@ const linearGradientValues = (theme) => {
|
|
|
1642
1680
|
...Object.fromEntries(linearGradientDirectionMap.entries())
|
|
1643
1681
|
};
|
|
1644
1682
|
};
|
|
1645
|
-
|
|
1646
|
-
|
|
1683
|
+
/**
|
|
1684
|
+
* The position vars carry an empty fallback because a colour stop's position is optional:
|
|
1685
|
+
* `red 20%` and `red` are both valid, and the unset case has to compose to the second.
|
|
1686
|
+
*
|
|
1687
|
+
* They are registered with no `initial-value` (see `globalVars`), which gives them the
|
|
1688
|
+
* guaranteed-invalid value — so a reference without a fallback would take the whole
|
|
1689
|
+
* `--gradient-stops` declaration invalid at computed-value time and drop the gradient
|
|
1690
|
+
* entirely. Writing the fallback here keeps that decision next to the composition that
|
|
1691
|
+
* depends on it, rather than resting on a default declared in another package.
|
|
1692
|
+
*/
|
|
1693
|
+
const gradientStops = "var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position, ), var(--gradient-to) var(--gradient-to-position, ))";
|
|
1694
|
+
const gradientViaStops = "var(--gradient-position), var(--gradient-from) var(--gradient-from-position, ), var(--gradient-via) var(--gradient-via-position, ), var(--gradient-to) var(--gradient-to-position, )";
|
|
1647
1695
|
const backgroundGradients = {
|
|
1648
1696
|
backgroundGradient: {
|
|
1649
1697
|
shorthand: "bgGradient",
|
|
@@ -1734,14 +1782,22 @@ const backgroundGradients = {
|
|
|
1734
1782
|
group: "Background Gradient",
|
|
1735
1783
|
transform(value) {
|
|
1736
1784
|
return { "--gradient-from-position": value };
|
|
1737
|
-
}
|
|
1785
|
+
},
|
|
1786
|
+
customProperties: { "--gradient-from-position": {
|
|
1787
|
+
inherits: false,
|
|
1788
|
+
syntax: "*"
|
|
1789
|
+
} }
|
|
1738
1790
|
},
|
|
1739
1791
|
gradientToPosition: {
|
|
1740
1792
|
className: "grad-to-pos",
|
|
1741
1793
|
group: "Background Gradient",
|
|
1742
1794
|
transform(value) {
|
|
1743
1795
|
return { "--gradient-to-position": value };
|
|
1744
|
-
}
|
|
1796
|
+
},
|
|
1797
|
+
customProperties: { "--gradient-to-position": {
|
|
1798
|
+
inherits: false,
|
|
1799
|
+
syntax: "*"
|
|
1800
|
+
} }
|
|
1745
1801
|
},
|
|
1746
1802
|
gradientFrom: {
|
|
1747
1803
|
className: "grad-from",
|
|
@@ -1772,7 +1828,11 @@ const backgroundGradients = {
|
|
|
1772
1828
|
group: "Background Gradient",
|
|
1773
1829
|
transform(value) {
|
|
1774
1830
|
return { "--gradient-via-position": value };
|
|
1775
|
-
}
|
|
1831
|
+
},
|
|
1832
|
+
customProperties: { "--gradient-via-position": {
|
|
1833
|
+
inherits: false,
|
|
1834
|
+
syntax: "*"
|
|
1835
|
+
} }
|
|
1776
1836
|
}
|
|
1777
1837
|
};
|
|
1778
1838
|
//#endregion
|
|
@@ -2003,7 +2063,12 @@ const interactivity = {
|
|
|
2003
2063
|
x: "x var(--scroll-snap-strictness)",
|
|
2004
2064
|
y: "y var(--scroll-snap-strictness)",
|
|
2005
2065
|
both: "both var(--scroll-snap-strictness)"
|
|
2006
|
-
}
|
|
2066
|
+
},
|
|
2067
|
+
customProperties: { "--scroll-snap-strictness": {
|
|
2068
|
+
inherits: false,
|
|
2069
|
+
initialValue: "proximity",
|
|
2070
|
+
syntax: "*"
|
|
2071
|
+
} }
|
|
2007
2072
|
},
|
|
2008
2073
|
scrollSnapStrictness: {
|
|
2009
2074
|
className: "scrs-strt",
|
|
@@ -2777,6 +2842,18 @@ const tables = {
|
|
|
2777
2842
|
...theme("spacing"),
|
|
2778
2843
|
auto: "var(--border-spacing-x) var(--border-spacing-y)"
|
|
2779
2844
|
};
|
|
2845
|
+
},
|
|
2846
|
+
customProperties: {
|
|
2847
|
+
"--border-spacing-x": {
|
|
2848
|
+
inherits: false,
|
|
2849
|
+
initialValue: "0",
|
|
2850
|
+
syntax: "*"
|
|
2851
|
+
},
|
|
2852
|
+
"--border-spacing-y": {
|
|
2853
|
+
inherits: false,
|
|
2854
|
+
initialValue: "0",
|
|
2855
|
+
syntax: "*"
|
|
2856
|
+
}
|
|
2780
2857
|
}
|
|
2781
2858
|
},
|
|
2782
2859
|
borderSpacingX: {
|
|
@@ -2840,6 +2917,23 @@ const transforms = {
|
|
|
2840
2917
|
values: {
|
|
2841
2918
|
auto: "var(--rotate-x) var(--rotate-y)",
|
|
2842
2919
|
"auto-3d": "var(--rotate-x) var(--rotate-y) var(--rotate-z)"
|
|
2920
|
+
},
|
|
2921
|
+
customProperties: {
|
|
2922
|
+
"--rotate-x": {
|
|
2923
|
+
inherits: false,
|
|
2924
|
+
initialValue: "0",
|
|
2925
|
+
syntax: "*"
|
|
2926
|
+
},
|
|
2927
|
+
"--rotate-y": {
|
|
2928
|
+
inherits: false,
|
|
2929
|
+
initialValue: "0",
|
|
2930
|
+
syntax: "*"
|
|
2931
|
+
},
|
|
2932
|
+
"--rotate-z": {
|
|
2933
|
+
inherits: false,
|
|
2934
|
+
initialValue: "0",
|
|
2935
|
+
syntax: "*"
|
|
2936
|
+
}
|
|
2843
2937
|
}
|
|
2844
2938
|
},
|
|
2845
2939
|
rotateX: {
|
|
@@ -2870,7 +2964,19 @@ const transforms = {
|
|
|
2870
2964
|
className: "scale",
|
|
2871
2965
|
group: "Transform",
|
|
2872
2966
|
property: "scale",
|
|
2873
|
-
values: { auto: "var(--scale-x) var(--scale-y)" }
|
|
2967
|
+
values: { auto: "var(--scale-x) var(--scale-y)" },
|
|
2968
|
+
customProperties: {
|
|
2969
|
+
"--scale-x": {
|
|
2970
|
+
inherits: false,
|
|
2971
|
+
initialValue: "1",
|
|
2972
|
+
syntax: "*"
|
|
2973
|
+
},
|
|
2974
|
+
"--scale-y": {
|
|
2975
|
+
inherits: false,
|
|
2976
|
+
initialValue: "1",
|
|
2977
|
+
syntax: "*"
|
|
2978
|
+
}
|
|
2979
|
+
}
|
|
2874
2980
|
},
|
|
2875
2981
|
scaleX: {
|
|
2876
2982
|
className: "scale-x",
|
|
@@ -2893,6 +2999,23 @@ const transforms = {
|
|
|
2893
2999
|
values: {
|
|
2894
3000
|
auto: "var(--translate-x) var(--translate-y)",
|
|
2895
3001
|
"auto-3d": "var(--translate-x) var(--translate-y) var(--translate-z)"
|
|
3002
|
+
},
|
|
3003
|
+
customProperties: {
|
|
3004
|
+
"--translate-x": {
|
|
3005
|
+
inherits: false,
|
|
3006
|
+
initialValue: "0",
|
|
3007
|
+
syntax: "*"
|
|
3008
|
+
},
|
|
3009
|
+
"--translate-y": {
|
|
3010
|
+
inherits: false,
|
|
3011
|
+
initialValue: "0",
|
|
3012
|
+
syntax: "*"
|
|
3013
|
+
},
|
|
3014
|
+
"--translate-z": {
|
|
3015
|
+
inherits: false,
|
|
3016
|
+
initialValue: "0",
|
|
3017
|
+
syntax: "*"
|
|
3018
|
+
}
|
|
2896
3019
|
}
|
|
2897
3020
|
},
|
|
2898
3021
|
translateX: {
|
|
@@ -3276,8 +3399,7 @@ const preset = definePreset({
|
|
|
3276
3399
|
name: "@bamboocss/preset-base",
|
|
3277
3400
|
conditions,
|
|
3278
3401
|
utilities,
|
|
3279
|
-
patterns
|
|
3280
|
-
globalCss
|
|
3402
|
+
patterns
|
|
3281
3403
|
});
|
|
3282
3404
|
//#endregion
|
|
3283
3405
|
export { preset as default, preset };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bamboocss/preset-base",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.17.0",
|
|
4
4
|
"description": "The base preset for Bamboo CSS that contains the conditions and utilities",
|
|
5
5
|
"homepage": "https://bamboocss.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"access": "public"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@bamboocss/types": "1.
|
|
36
|
+
"@bamboocss/types": "1.17.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"build": "tsdown src/index.ts --format=esm,cjs --dts",
|