@webstudio-is/css-engine 0.163.0 → 0.168.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.
Files changed (6) hide show
  1. package/lib/index.js +9 -5
  2. package/lib/types/core/index.d.ts +1 -1
  3. package/lib/types/core/rules.d.ts +4 -0
  4. package/lib/types/core/to-property.d.ts +4 -0
  5. package/lib/types/schema.d.ts +107 -0
  6. package/package.json +4 -12
package/lib/index.js CHANGED
@@ -61,7 +61,7 @@ var toValue = (styleValue, transformValue) => {
61
61
  return `url(${sanitizeCssUrl(value.value.url)})`;
62
62
  }
63
63
  if (value.type === "unparsed") {
64
- if (value.hidden) {
64
+ if (value.hidden === true) {
65
65
  return "none";
66
66
  }
67
67
  return value.value;
@@ -78,6 +78,9 @@ var toValue = (styleValue, transformValue) => {
78
78
  return value.value.map((value2) => toValue(value2, transformValue)).join(" ");
79
79
  }
80
80
  if (value.type === "function") {
81
+ if (value.hidden === true) {
82
+ return "";
83
+ }
81
84
  return `${value.name}(${toValue(value.args, transformValue)})`;
82
85
  }
83
86
  if (value.type === "guaranteedInvalid") {
@@ -87,12 +90,12 @@ var toValue = (styleValue, transformValue) => {
87
90
  };
88
91
 
89
92
  // src/core/to-property.ts
90
- import hyphenate from "hyphenate-style-name";
93
+ var hyphenateProperty = (property) => property.replace(/[A-Z]/g, (match) => "-" + match.toLowerCase());
91
94
  var toProperty = (property) => {
92
95
  if (property === "backgroundClip") {
93
96
  return "-webkit-background-clip";
94
97
  }
95
- return hyphenate(property);
98
+ return hyphenateProperty(property);
96
99
  };
97
100
 
98
101
  // src/core/rules.ts
@@ -693,7 +696,8 @@ var RgbValue = z.object({
693
696
  var FunctionValue = z.object({
694
697
  type: z.literal("function"),
695
698
  name: z.string(),
696
- args: z.lazy(() => StyleValue)
699
+ args: z.lazy(() => StyleValue),
700
+ hidden: z.boolean().optional()
697
701
  });
698
702
  var ImageValue = z.object({
699
703
  type: z.literal("image"),
@@ -787,8 +791,8 @@ export {
787
791
  equalMedia,
788
792
  findApplicableMedia,
789
793
  generateAtomic,
794
+ hyphenateProperty,
790
795
  isValidStaticStyleValue,
791
796
  matchMedia,
792
- toProperty,
793
797
  toValue
794
798
  };
package/lib/types/core/index.d.ts CHANGED
@@ -2,7 +2,7 @@ export type { NestingRule, StyleRule, MediaRule, PlaintextRule, FontFaceRule, }
2
2
  export type { StyleSheetRegular } from "./style-sheet-regular";
3
3
  export * from "./create-style-sheet";
4
4
  export * from "./to-value";
5
- export * from "./to-property";
5
+ export { hyphenateProperty } from "./to-property";
6
6
  export * from "./match-media";
7
7
  export * from "./equal-media";
8
8
  export * from "./compare-media";
package/lib/types/core/rules.d.ts CHANGED
@@ -299,6 +299,7 @@ export declare class StylePropertyMap {
299
299
  type: "guaranteedInvalid";
300
300
  })[];
301
301
  };
302
+ hidden?: boolean | undefined;
302
303
  } | {
303
304
  type: "image";
304
305
  value: {
@@ -523,6 +524,7 @@ export declare class StylePropertyMap {
523
524
  type: "guaranteedInvalid";
524
525
  })[];
525
526
  };
527
+ hidden?: boolean | undefined;
526
528
  })[];
527
529
  hidden?: boolean | undefined;
528
530
  } | {
@@ -736,6 +738,7 @@ export declare class StylePropertyMap {
736
738
  type: "guaranteedInvalid";
737
739
  })[];
738
740
  };
741
+ hidden?: boolean | undefined;
739
742
  } | {
740
743
  type: "image";
741
744
  value: {
@@ -994,6 +997,7 @@ export declare class StylePropertyMap {
994
997
  type: "guaranteedInvalid";
995
998
  })[];
996
999
  };
1000
+ hidden?: boolean | undefined;
997
1001
  } | {
998
1002
  type: "image";
999
1003
  value: {
package/lib/types/core/to-property.d.ts CHANGED
@@ -1,2 +1,6 @@
1
1
  import type { StyleProperty } from "../schema";
2
+ /**
3
+ * Hyphenates a camelcased CSS property name
4
+ */
5
+ export declare const hyphenateProperty: (property: string) => string;
2
6
  export declare const toProperty: (property: StyleProperty) => string;
package/lib/types/schema.d.ts CHANGED
@@ -82,6 +82,7 @@ export declare const FunctionValue: z.ZodType<{
82
82
  type: "function";
83
83
  name: string;
84
84
  args: StyleValue;
85
+ hidden?: boolean;
85
86
  }>;
86
87
  export declare const ImageValue: z.ZodObject<{
87
88
  type: z.ZodLiteral<"image">;
@@ -212,10 +213,12 @@ export declare const TupleValueItem: z.ZodUnion<[z.ZodObject<{
212
213
  type: "function";
213
214
  name: string;
214
215
  args: StyleValue;
216
+ hidden?: boolean | undefined;
215
217
  }, z.ZodTypeDef, {
216
218
  type: "function";
217
219
  name: string;
218
220
  args: StyleValue;
221
+ hidden?: boolean | undefined;
219
222
  }>]>;
220
223
  export type TupleValueItem = z.infer<typeof TupleValueItem>;
221
224
  export declare const TupleValue: z.ZodObject<{
@@ -275,10 +278,12 @@ export declare const TupleValue: z.ZodObject<{
275
278
  type: "function";
276
279
  name: string;
277
280
  args: StyleValue;
281
+ hidden?: boolean | undefined;
278
282
  }, z.ZodTypeDef, {
279
283
  type: "function";
280
284
  name: string;
281
285
  args: StyleValue;
286
+ hidden?: boolean | undefined;
282
287
  }>]>, "many">;
283
288
  hidden: z.ZodOptional<z.ZodBoolean>;
284
289
  }, "strip", z.ZodTypeAny, {
@@ -304,6 +309,7 @@ export declare const TupleValue: z.ZodObject<{
304
309
  type: "function";
305
310
  name: string;
306
311
  args: StyleValue;
312
+ hidden?: boolean | undefined;
307
313
  })[];
308
314
  hidden?: boolean | undefined;
309
315
  }, {
@@ -329,6 +335,7 @@ export declare const TupleValue: z.ZodObject<{
329
335
  type: "function";
330
336
  name: string;
331
337
  args: StyleValue;
338
+ hidden?: boolean | undefined;
332
339
  })[];
333
340
  hidden?: boolean | undefined;
334
341
  }>;
@@ -465,10 +472,12 @@ declare const LayerValueItem: z.ZodUnion<[z.ZodObject<{
465
472
  type: "function";
466
473
  name: string;
467
474
  args: StyleValue;
475
+ hidden?: boolean | undefined;
468
476
  }, z.ZodTypeDef, {
469
477
  type: "function";
470
478
  name: string;
471
479
  args: StyleValue;
480
+ hidden?: boolean | undefined;
472
481
  }>]>, "many">;
473
482
  hidden: z.ZodOptional<z.ZodBoolean>;
474
483
  }, "strip", z.ZodTypeAny, {
@@ -494,6 +503,7 @@ declare const LayerValueItem: z.ZodUnion<[z.ZodObject<{
494
503
  type: "function";
495
504
  name: string;
496
505
  args: StyleValue;
506
+ hidden?: boolean | undefined;
497
507
  })[];
498
508
  hidden?: boolean | undefined;
499
509
  }, {
@@ -519,6 +529,7 @@ declare const LayerValueItem: z.ZodUnion<[z.ZodObject<{
519
529
  type: "function";
520
530
  name: string;
521
531
  args: StyleValue;
532
+ hidden?: boolean | undefined;
522
533
  })[];
523
534
  hidden?: boolean | undefined;
524
535
  }>, z.ZodObject<{
@@ -534,10 +545,12 @@ declare const LayerValueItem: z.ZodUnion<[z.ZodObject<{
534
545
  type: "function";
535
546
  name: string;
536
547
  args: StyleValue;
548
+ hidden?: boolean | undefined;
537
549
  }, z.ZodTypeDef, {
538
550
  type: "function";
539
551
  name: string;
540
552
  args: StyleValue;
553
+ hidden?: boolean | undefined;
541
554
  }>]>;
542
555
  export type LayerValueItem = z.infer<typeof LayerValueItem>;
543
556
  export declare const LayersValue: z.ZodObject<{
@@ -674,10 +687,12 @@ export declare const LayersValue: z.ZodObject<{
674
687
  type: "function";
675
688
  name: string;
676
689
  args: StyleValue;
690
+ hidden?: boolean | undefined;
677
691
  }, z.ZodTypeDef, {
678
692
  type: "function";
679
693
  name: string;
680
694
  args: StyleValue;
695
+ hidden?: boolean | undefined;
681
696
  }>]>, "many">;
682
697
  hidden: z.ZodOptional<z.ZodBoolean>;
683
698
  }, "strip", z.ZodTypeAny, {
@@ -703,6 +718,7 @@ export declare const LayersValue: z.ZodObject<{
703
718
  type: "function";
704
719
  name: string;
705
720
  args: StyleValue;
721
+ hidden?: boolean | undefined;
706
722
  })[];
707
723
  hidden?: boolean | undefined;
708
724
  }, {
@@ -728,6 +744,7 @@ export declare const LayersValue: z.ZodObject<{
728
744
  type: "function";
729
745
  name: string;
730
746
  args: StyleValue;
747
+ hidden?: boolean | undefined;
731
748
  })[];
732
749
  hidden?: boolean | undefined;
733
750
  }>, z.ZodObject<{
@@ -743,10 +760,12 @@ export declare const LayersValue: z.ZodObject<{
743
760
  type: "function";
744
761
  name: string;
745
762
  args: StyleValue;
763
+ hidden?: boolean | undefined;
746
764
  }, z.ZodTypeDef, {
747
765
  type: "function";
748
766
  name: string;
749
767
  args: StyleValue;
768
+ hidden?: boolean | undefined;
750
769
  }>]>, "many">;
751
770
  }, "strip", z.ZodTypeAny, {
752
771
  type: "layers";
@@ -765,6 +784,7 @@ export declare const LayersValue: z.ZodObject<{
765
784
  type: "function";
766
785
  name: string;
767
786
  args: StyleValue;
787
+ hidden?: boolean | undefined;
768
788
  } | {
769
789
  type: "image";
770
790
  value: {
@@ -798,6 +818,7 @@ export declare const LayersValue: z.ZodObject<{
798
818
  type: "function";
799
819
  name: string;
800
820
  args: StyleValue;
821
+ hidden?: boolean | undefined;
801
822
  })[];
802
823
  hidden?: boolean | undefined;
803
824
  } | {
@@ -821,6 +842,7 @@ export declare const LayersValue: z.ZodObject<{
821
842
  type: "function";
822
843
  name: string;
823
844
  args: StyleValue;
845
+ hidden?: boolean | undefined;
824
846
  } | {
825
847
  type: "image";
826
848
  value: {
@@ -854,6 +876,7 @@ export declare const LayersValue: z.ZodObject<{
854
876
  type: "function";
855
877
  name: string;
856
878
  args: StyleValue;
879
+ hidden?: boolean | undefined;
857
880
  })[];
858
881
  hidden?: boolean | undefined;
859
882
  } | {
@@ -1038,10 +1061,12 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1038
1061
  type: "function";
1039
1062
  name: string;
1040
1063
  args: StyleValue;
1064
+ hidden?: boolean | undefined;
1041
1065
  }, z.ZodTypeDef, {
1042
1066
  type: "function";
1043
1067
  name: string;
1044
1068
  args: StyleValue;
1069
+ hidden?: boolean | undefined;
1045
1070
  }>]>, "many">;
1046
1071
  hidden: z.ZodOptional<z.ZodBoolean>;
1047
1072
  }, "strip", z.ZodTypeAny, {
@@ -1067,6 +1092,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1067
1092
  type: "function";
1068
1093
  name: string;
1069
1094
  args: StyleValue;
1095
+ hidden?: boolean | undefined;
1070
1096
  })[];
1071
1097
  hidden?: boolean | undefined;
1072
1098
  }, {
@@ -1092,6 +1118,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1092
1118
  type: "function";
1093
1119
  name: string;
1094
1120
  args: StyleValue;
1121
+ hidden?: boolean | undefined;
1095
1122
  })[];
1096
1123
  hidden?: boolean | undefined;
1097
1124
  }>, z.ZodObject<{
@@ -1107,10 +1134,12 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1107
1134
  type: "function";
1108
1135
  name: string;
1109
1136
  args: StyleValue;
1137
+ hidden?: boolean | undefined;
1110
1138
  }, z.ZodTypeDef, {
1111
1139
  type: "function";
1112
1140
  name: string;
1113
1141
  args: StyleValue;
1142
+ hidden?: boolean | undefined;
1114
1143
  }>]>, "many">;
1115
1144
  }, "strip", z.ZodTypeAny, {
1116
1145
  type: "layers";
@@ -1129,6 +1158,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1129
1158
  type: "function";
1130
1159
  name: string;
1131
1160
  args: StyleValue;
1161
+ hidden?: boolean | undefined;
1132
1162
  } | {
1133
1163
  type: "image";
1134
1164
  value: {
@@ -1162,6 +1192,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1162
1192
  type: "function";
1163
1193
  name: string;
1164
1194
  args: StyleValue;
1195
+ hidden?: boolean | undefined;
1165
1196
  })[];
1166
1197
  hidden?: boolean | undefined;
1167
1198
  } | {
@@ -1185,6 +1216,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1185
1216
  type: "function";
1186
1217
  name: string;
1187
1218
  args: StyleValue;
1219
+ hidden?: boolean | undefined;
1188
1220
  } | {
1189
1221
  type: "image";
1190
1222
  value: {
@@ -1218,6 +1250,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1218
1250
  type: "function";
1219
1251
  name: string;
1220
1252
  args: StyleValue;
1253
+ hidden?: boolean | undefined;
1221
1254
  })[];
1222
1255
  hidden?: boolean | undefined;
1223
1256
  } | {
@@ -1341,10 +1374,12 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1341
1374
  type: "function";
1342
1375
  name: string;
1343
1376
  args: StyleValue;
1377
+ hidden?: boolean | undefined;
1344
1378
  }, z.ZodTypeDef, {
1345
1379
  type: "function";
1346
1380
  name: string;
1347
1381
  args: StyleValue;
1382
+ hidden?: boolean | undefined;
1348
1383
  }>]>, "many">;
1349
1384
  hidden: z.ZodOptional<z.ZodBoolean>;
1350
1385
  }, "strip", z.ZodTypeAny, {
@@ -1370,6 +1405,7 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1370
1405
  type: "function";
1371
1406
  name: string;
1372
1407
  args: StyleValue;
1408
+ hidden?: boolean | undefined;
1373
1409
  })[];
1374
1410
  hidden?: boolean | undefined;
1375
1411
  }, {
@@ -1395,16 +1431,19 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
1395
1431
  type: "function";
1396
1432
  name: string;
1397
1433
  args: StyleValue;
1434
+ hidden?: boolean | undefined;
1398
1435
  })[];
1399
1436
  hidden?: boolean | undefined;
1400
1437
  }>, z.ZodType<{
1401
1438
  type: "function";
1402
1439
  name: string;
1403
1440
  args: StyleValue;
1441
+ hidden?: boolean | undefined;
1404
1442
  }, z.ZodTypeDef, {
1405
1443
  type: "function";
1406
1444
  name: string;
1407
1445
  args: StyleValue;
1446
+ hidden?: boolean | undefined;
1408
1447
  }>, z.ZodObject<{
1409
1448
  type: z.ZodLiteral<"guaranteedInvalid">;
1410
1449
  }, "strip", z.ZodTypeAny, {
@@ -1442,6 +1481,7 @@ export declare const isValidStaticStyleValue: (styleValue: StyleValue) => styleV
1442
1481
  type: "function";
1443
1482
  name: string;
1444
1483
  args: StyleValue;
1484
+ hidden?: boolean | undefined;
1445
1485
  } | {
1446
1486
  type: "image";
1447
1487
  value: {
@@ -1475,6 +1515,7 @@ export declare const isValidStaticStyleValue: (styleValue: StyleValue) => styleV
1475
1515
  type: "function";
1476
1516
  name: string;
1477
1517
  args: StyleValue;
1518
+ hidden?: boolean | undefined;
1478
1519
  })[];
1479
1520
  hidden?: boolean | undefined;
1480
1521
  } | {
@@ -1494,6 +1535,7 @@ export declare const isValidStaticStyleValue: (styleValue: StyleValue) => styleV
1494
1535
  type: "function";
1495
1536
  name: string;
1496
1537
  args: StyleValue;
1538
+ hidden?: boolean | undefined;
1497
1539
  } | {
1498
1540
  type: "image";
1499
1541
  value: {
@@ -1527,6 +1569,7 @@ export declare const isValidStaticStyleValue: (styleValue: StyleValue) => styleV
1527
1569
  type: "function";
1528
1570
  name: string;
1529
1571
  args: StyleValue;
1572
+ hidden?: boolean | undefined;
1530
1573
  })[];
1531
1574
  hidden?: boolean | undefined;
1532
1575
  } | {
@@ -1715,10 +1758,12 @@ declare const VarValue: z.ZodObject<{
1715
1758
  type: "function";
1716
1759
  name: string;
1717
1760
  args: StyleValue;
1761
+ hidden?: boolean | undefined;
1718
1762
  }, z.ZodTypeDef, {
1719
1763
  type: "function";
1720
1764
  name: string;
1721
1765
  args: StyleValue;
1766
+ hidden?: boolean | undefined;
1722
1767
  }>]>, "many">;
1723
1768
  hidden: z.ZodOptional<z.ZodBoolean>;
1724
1769
  }, "strip", z.ZodTypeAny, {
@@ -1744,6 +1789,7 @@ declare const VarValue: z.ZodObject<{
1744
1789
  type: "function";
1745
1790
  name: string;
1746
1791
  args: StyleValue;
1792
+ hidden?: boolean | undefined;
1747
1793
  })[];
1748
1794
  hidden?: boolean | undefined;
1749
1795
  }, {
@@ -1769,6 +1815,7 @@ declare const VarValue: z.ZodObject<{
1769
1815
  type: "function";
1770
1816
  name: string;
1771
1817
  args: StyleValue;
1818
+ hidden?: boolean | undefined;
1772
1819
  })[];
1773
1820
  hidden?: boolean | undefined;
1774
1821
  }>, z.ZodObject<{
@@ -1784,10 +1831,12 @@ declare const VarValue: z.ZodObject<{
1784
1831
  type: "function";
1785
1832
  name: string;
1786
1833
  args: StyleValue;
1834
+ hidden?: boolean | undefined;
1787
1835
  }, z.ZodTypeDef, {
1788
1836
  type: "function";
1789
1837
  name: string;
1790
1838
  args: StyleValue;
1839
+ hidden?: boolean | undefined;
1791
1840
  }>]>, "many">;
1792
1841
  }, "strip", z.ZodTypeAny, {
1793
1842
  type: "layers";
@@ -1806,6 +1855,7 @@ declare const VarValue: z.ZodObject<{
1806
1855
  type: "function";
1807
1856
  name: string;
1808
1857
  args: StyleValue;
1858
+ hidden?: boolean | undefined;
1809
1859
  } | {
1810
1860
  type: "image";
1811
1861
  value: {
@@ -1839,6 +1889,7 @@ declare const VarValue: z.ZodObject<{
1839
1889
  type: "function";
1840
1890
  name: string;
1841
1891
  args: StyleValue;
1892
+ hidden?: boolean | undefined;
1842
1893
  })[];
1843
1894
  hidden?: boolean | undefined;
1844
1895
  } | {
@@ -1862,6 +1913,7 @@ declare const VarValue: z.ZodObject<{
1862
1913
  type: "function";
1863
1914
  name: string;
1864
1915
  args: StyleValue;
1916
+ hidden?: boolean | undefined;
1865
1917
  } | {
1866
1918
  type: "image";
1867
1919
  value: {
@@ -1895,6 +1947,7 @@ declare const VarValue: z.ZodObject<{
1895
1947
  type: "function";
1896
1948
  name: string;
1897
1949
  args: StyleValue;
1950
+ hidden?: boolean | undefined;
1898
1951
  })[];
1899
1952
  hidden?: boolean | undefined;
1900
1953
  } | {
@@ -2018,10 +2071,12 @@ declare const VarValue: z.ZodObject<{
2018
2071
  type: "function";
2019
2072
  name: string;
2020
2073
  args: StyleValue;
2074
+ hidden?: boolean | undefined;
2021
2075
  }, z.ZodTypeDef, {
2022
2076
  type: "function";
2023
2077
  name: string;
2024
2078
  args: StyleValue;
2079
+ hidden?: boolean | undefined;
2025
2080
  }>]>, "many">;
2026
2081
  hidden: z.ZodOptional<z.ZodBoolean>;
2027
2082
  }, "strip", z.ZodTypeAny, {
@@ -2047,6 +2102,7 @@ declare const VarValue: z.ZodObject<{
2047
2102
  type: "function";
2048
2103
  name: string;
2049
2104
  args: StyleValue;
2105
+ hidden?: boolean | undefined;
2050
2106
  })[];
2051
2107
  hidden?: boolean | undefined;
2052
2108
  }, {
@@ -2072,16 +2128,19 @@ declare const VarValue: z.ZodObject<{
2072
2128
  type: "function";
2073
2129
  name: string;
2074
2130
  args: StyleValue;
2131
+ hidden?: boolean | undefined;
2075
2132
  })[];
2076
2133
  hidden?: boolean | undefined;
2077
2134
  }>, z.ZodType<{
2078
2135
  type: "function";
2079
2136
  name: string;
2080
2137
  args: StyleValue;
2138
+ hidden?: boolean | undefined;
2081
2139
  }, z.ZodTypeDef, {
2082
2140
  type: "function";
2083
2141
  name: string;
2084
2142
  args: StyleValue;
2143
+ hidden?: boolean | undefined;
2085
2144
  }>, z.ZodObject<{
2086
2145
  type: z.ZodLiteral<"guaranteedInvalid">;
2087
2146
  }, "strip", z.ZodTypeAny, {
@@ -2116,6 +2175,7 @@ declare const VarValue: z.ZodObject<{
2116
2175
  type: "function";
2117
2176
  name: string;
2118
2177
  args: StyleValue;
2178
+ hidden?: boolean | undefined;
2119
2179
  } | {
2120
2180
  type: "image";
2121
2181
  value: {
@@ -2149,6 +2209,7 @@ declare const VarValue: z.ZodObject<{
2149
2209
  type: "function";
2150
2210
  name: string;
2151
2211
  args: StyleValue;
2212
+ hidden?: boolean | undefined;
2152
2213
  })[];
2153
2214
  hidden?: boolean | undefined;
2154
2215
  } | {
@@ -2168,6 +2229,7 @@ declare const VarValue: z.ZodObject<{
2168
2229
  type: "function";
2169
2230
  name: string;
2170
2231
  args: StyleValue;
2232
+ hidden?: boolean | undefined;
2171
2233
  } | {
2172
2234
  type: "image";
2173
2235
  value: {
@@ -2201,6 +2263,7 @@ declare const VarValue: z.ZodObject<{
2201
2263
  type: "function";
2202
2264
  name: string;
2203
2265
  args: StyleValue;
2266
+ hidden?: boolean | undefined;
2204
2267
  })[];
2205
2268
  hidden?: boolean | undefined;
2206
2269
  } | {
@@ -2237,6 +2300,7 @@ declare const VarValue: z.ZodObject<{
2237
2300
  type: "function";
2238
2301
  name: string;
2239
2302
  args: StyleValue;
2303
+ hidden?: boolean | undefined;
2240
2304
  } | {
2241
2305
  type: "image";
2242
2306
  value: {
@@ -2270,6 +2334,7 @@ declare const VarValue: z.ZodObject<{
2270
2334
  type: "function";
2271
2335
  name: string;
2272
2336
  args: StyleValue;
2337
+ hidden?: boolean | undefined;
2273
2338
  })[];
2274
2339
  hidden?: boolean | undefined;
2275
2340
  } | {
@@ -2289,6 +2354,7 @@ declare const VarValue: z.ZodObject<{
2289
2354
  type: "function";
2290
2355
  name: string;
2291
2356
  args: StyleValue;
2357
+ hidden?: boolean | undefined;
2292
2358
  } | {
2293
2359
  type: "image";
2294
2360
  value: {
@@ -2322,6 +2388,7 @@ declare const VarValue: z.ZodObject<{
2322
2388
  type: "function";
2323
2389
  name: string;
2324
2390
  args: StyleValue;
2391
+ hidden?: boolean | undefined;
2325
2392
  })[];
2326
2393
  hidden?: boolean | undefined;
2327
2394
  } | {
@@ -2509,10 +2576,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2509
2576
  type: "function";
2510
2577
  name: string;
2511
2578
  args: StyleValue;
2579
+ hidden?: boolean | undefined;
2512
2580
  }, z.ZodTypeDef, {
2513
2581
  type: "function";
2514
2582
  name: string;
2515
2583
  args: StyleValue;
2584
+ hidden?: boolean | undefined;
2516
2585
  }>]>, "many">;
2517
2586
  hidden: z.ZodOptional<z.ZodBoolean>;
2518
2587
  }, "strip", z.ZodTypeAny, {
@@ -2538,6 +2607,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2538
2607
  type: "function";
2539
2608
  name: string;
2540
2609
  args: StyleValue;
2610
+ hidden?: boolean | undefined;
2541
2611
  })[];
2542
2612
  hidden?: boolean | undefined;
2543
2613
  }, {
@@ -2563,6 +2633,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2563
2633
  type: "function";
2564
2634
  name: string;
2565
2635
  args: StyleValue;
2636
+ hidden?: boolean | undefined;
2566
2637
  })[];
2567
2638
  hidden?: boolean | undefined;
2568
2639
  }>, z.ZodObject<{
@@ -2578,10 +2649,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2578
2649
  type: "function";
2579
2650
  name: string;
2580
2651
  args: StyleValue;
2652
+ hidden?: boolean | undefined;
2581
2653
  }, z.ZodTypeDef, {
2582
2654
  type: "function";
2583
2655
  name: string;
2584
2656
  args: StyleValue;
2657
+ hidden?: boolean | undefined;
2585
2658
  }>]>, "many">;
2586
2659
  }, "strip", z.ZodTypeAny, {
2587
2660
  type: "layers";
@@ -2600,6 +2673,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2600
2673
  type: "function";
2601
2674
  name: string;
2602
2675
  args: StyleValue;
2676
+ hidden?: boolean | undefined;
2603
2677
  } | {
2604
2678
  type: "image";
2605
2679
  value: {
@@ -2633,6 +2707,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2633
2707
  type: "function";
2634
2708
  name: string;
2635
2709
  args: StyleValue;
2710
+ hidden?: boolean | undefined;
2636
2711
  })[];
2637
2712
  hidden?: boolean | undefined;
2638
2713
  } | {
@@ -2656,6 +2731,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2656
2731
  type: "function";
2657
2732
  name: string;
2658
2733
  args: StyleValue;
2734
+ hidden?: boolean | undefined;
2659
2735
  } | {
2660
2736
  type: "image";
2661
2737
  value: {
@@ -2689,6 +2765,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2689
2765
  type: "function";
2690
2766
  name: string;
2691
2767
  args: StyleValue;
2768
+ hidden?: boolean | undefined;
2692
2769
  })[];
2693
2770
  hidden?: boolean | undefined;
2694
2771
  } | {
@@ -2812,10 +2889,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2812
2889
  type: "function";
2813
2890
  name: string;
2814
2891
  args: StyleValue;
2892
+ hidden?: boolean | undefined;
2815
2893
  }, z.ZodTypeDef, {
2816
2894
  type: "function";
2817
2895
  name: string;
2818
2896
  args: StyleValue;
2897
+ hidden?: boolean | undefined;
2819
2898
  }>]>, "many">;
2820
2899
  hidden: z.ZodOptional<z.ZodBoolean>;
2821
2900
  }, "strip", z.ZodTypeAny, {
@@ -2841,6 +2920,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2841
2920
  type: "function";
2842
2921
  name: string;
2843
2922
  args: StyleValue;
2923
+ hidden?: boolean | undefined;
2844
2924
  })[];
2845
2925
  hidden?: boolean | undefined;
2846
2926
  }, {
@@ -2866,16 +2946,19 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
2866
2946
  type: "function";
2867
2947
  name: string;
2868
2948
  args: StyleValue;
2949
+ hidden?: boolean | undefined;
2869
2950
  })[];
2870
2951
  hidden?: boolean | undefined;
2871
2952
  }>, z.ZodType<{
2872
2953
  type: "function";
2873
2954
  name: string;
2874
2955
  args: StyleValue;
2956
+ hidden?: boolean | undefined;
2875
2957
  }, z.ZodTypeDef, {
2876
2958
  type: "function";
2877
2959
  name: string;
2878
2960
  args: StyleValue;
2961
+ hidden?: boolean | undefined;
2879
2962
  }>, z.ZodObject<{
2880
2963
  type: z.ZodLiteral<"guaranteedInvalid">;
2881
2964
  }, "strip", z.ZodTypeAny, {
@@ -3079,10 +3162,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3079
3162
  type: "function";
3080
3163
  name: string;
3081
3164
  args: StyleValue;
3165
+ hidden?: boolean | undefined;
3082
3166
  }, z.ZodTypeDef, {
3083
3167
  type: "function";
3084
3168
  name: string;
3085
3169
  args: StyleValue;
3170
+ hidden?: boolean | undefined;
3086
3171
  }>]>, "many">;
3087
3172
  hidden: z.ZodOptional<z.ZodBoolean>;
3088
3173
  }, "strip", z.ZodTypeAny, {
@@ -3108,6 +3193,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3108
3193
  type: "function";
3109
3194
  name: string;
3110
3195
  args: StyleValue;
3196
+ hidden?: boolean | undefined;
3111
3197
  })[];
3112
3198
  hidden?: boolean | undefined;
3113
3199
  }, {
@@ -3133,6 +3219,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3133
3219
  type: "function";
3134
3220
  name: string;
3135
3221
  args: StyleValue;
3222
+ hidden?: boolean | undefined;
3136
3223
  })[];
3137
3224
  hidden?: boolean | undefined;
3138
3225
  }>, z.ZodObject<{
@@ -3148,10 +3235,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3148
3235
  type: "function";
3149
3236
  name: string;
3150
3237
  args: StyleValue;
3238
+ hidden?: boolean | undefined;
3151
3239
  }, z.ZodTypeDef, {
3152
3240
  type: "function";
3153
3241
  name: string;
3154
3242
  args: StyleValue;
3243
+ hidden?: boolean | undefined;
3155
3244
  }>]>, "many">;
3156
3245
  }, "strip", z.ZodTypeAny, {
3157
3246
  type: "layers";
@@ -3170,6 +3259,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3170
3259
  type: "function";
3171
3260
  name: string;
3172
3261
  args: StyleValue;
3262
+ hidden?: boolean | undefined;
3173
3263
  } | {
3174
3264
  type: "image";
3175
3265
  value: {
@@ -3203,6 +3293,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3203
3293
  type: "function";
3204
3294
  name: string;
3205
3295
  args: StyleValue;
3296
+ hidden?: boolean | undefined;
3206
3297
  })[];
3207
3298
  hidden?: boolean | undefined;
3208
3299
  } | {
@@ -3226,6 +3317,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3226
3317
  type: "function";
3227
3318
  name: string;
3228
3319
  args: StyleValue;
3320
+ hidden?: boolean | undefined;
3229
3321
  } | {
3230
3322
  type: "image";
3231
3323
  value: {
@@ -3259,6 +3351,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3259
3351
  type: "function";
3260
3352
  name: string;
3261
3353
  args: StyleValue;
3354
+ hidden?: boolean | undefined;
3262
3355
  })[];
3263
3356
  hidden?: boolean | undefined;
3264
3357
  } | {
@@ -3382,10 +3475,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3382
3475
  type: "function";
3383
3476
  name: string;
3384
3477
  args: StyleValue;
3478
+ hidden?: boolean | undefined;
3385
3479
  }, z.ZodTypeDef, {
3386
3480
  type: "function";
3387
3481
  name: string;
3388
3482
  args: StyleValue;
3483
+ hidden?: boolean | undefined;
3389
3484
  }>]>, "many">;
3390
3485
  hidden: z.ZodOptional<z.ZodBoolean>;
3391
3486
  }, "strip", z.ZodTypeAny, {
@@ -3411,6 +3506,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3411
3506
  type: "function";
3412
3507
  name: string;
3413
3508
  args: StyleValue;
3509
+ hidden?: boolean | undefined;
3414
3510
  })[];
3415
3511
  hidden?: boolean | undefined;
3416
3512
  }, {
@@ -3436,16 +3532,19 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3436
3532
  type: "function";
3437
3533
  name: string;
3438
3534
  args: StyleValue;
3535
+ hidden?: boolean | undefined;
3439
3536
  })[];
3440
3537
  hidden?: boolean | undefined;
3441
3538
  }>, z.ZodType<{
3442
3539
  type: "function";
3443
3540
  name: string;
3444
3541
  args: StyleValue;
3542
+ hidden?: boolean | undefined;
3445
3543
  }, z.ZodTypeDef, {
3446
3544
  type: "function";
3447
3545
  name: string;
3448
3546
  args: StyleValue;
3547
+ hidden?: boolean | undefined;
3449
3548
  }>, z.ZodObject<{
3450
3549
  type: z.ZodLiteral<"guaranteedInvalid">;
3451
3550
  }, "strip", z.ZodTypeAny, {
@@ -3480,6 +3579,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3480
3579
  type: "function";
3481
3580
  name: string;
3482
3581
  args: StyleValue;
3582
+ hidden?: boolean | undefined;
3483
3583
  } | {
3484
3584
  type: "image";
3485
3585
  value: {
@@ -3513,6 +3613,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3513
3613
  type: "function";
3514
3614
  name: string;
3515
3615
  args: StyleValue;
3616
+ hidden?: boolean | undefined;
3516
3617
  })[];
3517
3618
  hidden?: boolean | undefined;
3518
3619
  } | {
@@ -3532,6 +3633,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3532
3633
  type: "function";
3533
3634
  name: string;
3534
3635
  args: StyleValue;
3636
+ hidden?: boolean | undefined;
3535
3637
  } | {
3536
3638
  type: "image";
3537
3639
  value: {
@@ -3565,6 +3667,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3565
3667
  type: "function";
3566
3668
  name: string;
3567
3669
  args: StyleValue;
3670
+ hidden?: boolean | undefined;
3568
3671
  })[];
3569
3672
  hidden?: boolean | undefined;
3570
3673
  } | {
@@ -3601,6 +3704,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3601
3704
  type: "function";
3602
3705
  name: string;
3603
3706
  args: StyleValue;
3707
+ hidden?: boolean | undefined;
3604
3708
  } | {
3605
3709
  type: "image";
3606
3710
  value: {
@@ -3634,6 +3738,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3634
3738
  type: "function";
3635
3739
  name: string;
3636
3740
  args: StyleValue;
3741
+ hidden?: boolean | undefined;
3637
3742
  })[];
3638
3743
  hidden?: boolean | undefined;
3639
3744
  } | {
@@ -3653,6 +3758,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3653
3758
  type: "function";
3654
3759
  name: string;
3655
3760
  args: StyleValue;
3761
+ hidden?: boolean | undefined;
3656
3762
  } | {
3657
3763
  type: "image";
3658
3764
  value: {
@@ -3686,6 +3792,7 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
3686
3792
  type: "function";
3687
3793
  name: string;
3688
3794
  args: StyleValue;
3795
+ hidden?: boolean | undefined;
3689
3796
  })[];
3690
3797
  hidden?: boolean | undefined;
3691
3798
  } | {
package/package.json CHANGED
@@ -1,30 +1,24 @@
1
1
  {
2
2
  "name": "@webstudio-is/css-engine",
3
- "version": "0.163.0",
3
+ "version": "0.168.0",
4
4
  "description": "CSS Renderer for Webstudio",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
7
7
  "type": "module",
8
8
  "dependencies": {
9
9
  "@emotion/hash": "^0.9.1",
10
- "hyphenate-style-name": "^1.0.4",
11
10
  "zod": "^3.22.4",
12
- "@webstudio-is/fonts": "0.163.0",
13
- "@webstudio-is/error-utils": "0.163.0"
11
+ "@webstudio-is/error-utils": "0.168.0",
12
+ "@webstudio-is/fonts": "0.168.0"
14
13
  },
15
14
  "devDependencies": {
16
15
  "@jest/globals": "^29.7.0",
17
- "@storybook/addon-essentials": "^8.1.2",
18
- "@storybook/addon-links": "^8.1.2",
19
- "@storybook/react": "^8.1.2",
20
- "@types/hyphenate-style-name": "^1.0.0",
21
16
  "@types/react": "^18.2.70",
22
17
  "@types/react-dom": "^18.2.25",
23
18
  "react": "18.3.0-canary-14898b6a9-20240318",
24
19
  "react-dom": "18.3.0-canary-14898b6a9-20240318",
25
20
  "typescript": "5.4.5",
26
21
  "@webstudio-is/jest-config": "1.0.7",
27
- "@webstudio-is/storybook-config": "0.0.0",
28
22
  "@webstudio-is/tsconfig": "1.0.7"
29
23
  },
30
24
  "exports": {
@@ -45,8 +39,6 @@
45
39
  "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
46
40
  "build": "rm -rf lib && esbuild src/index.ts --outdir=lib --bundle --format=esm --packages=external",
47
41
  "dts": "tsc --project tsconfig.dts.json",
48
- "test": "NODE_OPTIONS=--experimental-vm-modules jest",
49
- "storybook:dev": "storybook dev -p 6006",
50
- "storybook:build": "storybook build"
42
+ "test": "NODE_OPTIONS=--experimental-vm-modules jest"
51
43
  }
52
44
  }