css-in-props 3.14.0 → 3.14.3

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 (86) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +1 -1
  3. package/dist/cjs/index.js +1 -21
  4. package/dist/cjs/package.json +1 -0
  5. package/dist/cjs/src/index.js +1 -0
  6. package/dist/cjs/src/props/animation.js +1 -0
  7. package/dist/cjs/src/props/block.js +1 -0
  8. package/dist/cjs/src/props/defaults.js +1 -0
  9. package/dist/cjs/src/props/flex.js +1 -0
  10. package/dist/cjs/src/props/font.js +1 -0
  11. package/dist/cjs/src/props/grid.js +1 -0
  12. package/dist/cjs/src/props/index.js +1 -0
  13. package/dist/cjs/src/props/misc.js +1 -0
  14. package/dist/cjs/src/props/position.js +1 -0
  15. package/dist/cjs/src/props/theme.js +1 -0
  16. package/dist/cjs/src/props/timing.js +1 -0
  17. package/dist/cjs/src/set.js +1 -0
  18. package/dist/cjs/src/transform/executors.js +1 -0
  19. package/dist/cjs/src/transform/index.js +1 -0
  20. package/dist/cjs/src/transform/transformers.js +1 -0
  21. package/dist/esm/index.js +1 -4
  22. package/dist/esm/src/index.js +1 -0
  23. package/dist/esm/src/props/animation.js +1 -0
  24. package/dist/esm/src/props/block.js +1 -0
  25. package/dist/esm/src/props/defaults.js +1 -0
  26. package/dist/esm/src/props/flex.js +1 -0
  27. package/dist/esm/src/props/font.js +1 -0
  28. package/dist/esm/src/props/grid.js +1 -0
  29. package/dist/esm/src/props/index.js +1 -0
  30. package/dist/esm/src/props/misc.js +1 -0
  31. package/dist/esm/src/props/position.js +1 -0
  32. package/dist/esm/src/props/theme.js +1 -0
  33. package/dist/esm/src/props/timing.js +1 -0
  34. package/dist/esm/src/set.js +1 -0
  35. package/dist/esm/src/transform/executors.js +1 -0
  36. package/dist/esm/src/transform/index.js +1 -0
  37. package/dist/esm/src/transform/transformers.js +1 -0
  38. package/package.json +19 -20
  39. package/dist/cjs/props/animation.js +0 -126
  40. package/dist/cjs/props/block.js +0 -173
  41. package/dist/cjs/props/defaults.js +0 -340
  42. package/dist/cjs/props/flex.js +0 -44
  43. package/dist/cjs/props/font.js +0 -36
  44. package/dist/cjs/props/grid.js +0 -39
  45. package/dist/cjs/props/index.js +0 -55
  46. package/dist/cjs/props/misc.js +0 -42
  47. package/dist/cjs/props/position.js +0 -51
  48. package/dist/cjs/props/theme.js +0 -147
  49. package/dist/cjs/props/timing.js +0 -42
  50. package/dist/cjs/set.js +0 -36
  51. package/dist/cjs/transform/executors.js +0 -131
  52. package/dist/cjs/transform/index.js +0 -19
  53. package/dist/cjs/transform/transformers.js +0 -156
  54. package/dist/esm/props/animation.js +0 -106
  55. package/dist/esm/props/block.js +0 -159
  56. package/dist/esm/props/defaults.js +0 -321
  57. package/dist/esm/props/flex.js +0 -24
  58. package/dist/esm/props/font.js +0 -16
  59. package/dist/esm/props/grid.js +0 -19
  60. package/dist/esm/props/index.js +0 -34
  61. package/dist/esm/props/misc.js +0 -22
  62. package/dist/esm/props/position.js +0 -31
  63. package/dist/esm/props/theme.js +0 -137
  64. package/dist/esm/props/timing.js +0 -26
  65. package/dist/esm/set.js +0 -16
  66. package/dist/esm/transform/executors.js +0 -111
  67. package/dist/esm/transform/index.js +0 -2
  68. package/dist/esm/transform/transformers.js +0 -136
  69. package/dist/iife/index.js +0 -1147
  70. package/index.js +0 -1
  71. package/src/index.js +0 -6
  72. package/src/props/animation.js +0 -119
  73. package/src/props/block.js +0 -183
  74. package/src/props/defaults.js +0 -318
  75. package/src/props/flex.js +0 -30
  76. package/src/props/font.js +0 -16
  77. package/src/props/grid.js +0 -21
  78. package/src/props/index.js +0 -35
  79. package/src/props/misc.js +0 -23
  80. package/src/props/position.js +0 -34
  81. package/src/props/theme.js +0 -155
  82. package/src/props/timing.js +0 -26
  83. package/src/set.js +0 -16
  84. package/src/transform/executors.js +0 -123
  85. package/src/transform/index.js +0 -4
  86. package/src/transform/transformers.js +0 -178
@@ -1,173 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var block_exports = {};
20
- __export(block_exports, {
21
- BLOCK_PROPS: () => BLOCK_PROPS
22
- });
23
- module.exports = __toCommonJS(block_exports);
24
- var import_utils = require("@symbo.ls/utils");
25
- var import_scratch = require("@symbo.ls/scratch");
26
- const BLOCK_PROPS = {
27
- show: (val) => !val ? { display: "none !important" } : void 0,
28
- hide: (val) => val ? { display: "none !important" } : void 0,
29
- height: (val, el) => (0, import_scratch.transformSizeRatio)("height", val, el),
30
- width: (val, el) => (0, import_scratch.transformSizeRatio)("width", val, el),
31
- boxSizing: (val) => !(0, import_utils.isUndefined)(val) ? { boxSizing: val } : { boxSizing: "border-box" },
32
- boxSize: (val) => {
33
- if (!(0, import_utils.isString)(val)) return;
34
- const [height, width] = val.split(" ");
35
- return {
36
- ...(0, import_scratch.transformSize)("height", height),
37
- ...(0, import_scratch.transformSize)("width", width || height)
38
- };
39
- },
40
- inlineSize: (val, el) => (0, import_scratch.transformSizeRatio)("inlineSize", val, el),
41
- blockSize: (val, el) => (0, import_scratch.transformSizeRatio)("blockSize", val, el),
42
- minWidth: (val, el) => (0, import_scratch.transformSizeRatio)("minWidth", val, el),
43
- maxWidth: (val, el) => (0, import_scratch.transformSizeRatio)("maxWidth", val, el),
44
- widthRange: (val) => {
45
- if (!(0, import_utils.isString)(val)) return;
46
- const [minWidth, maxWidth] = val.split(" ");
47
- return {
48
- ...(0, import_scratch.transformSize)("minWidth", minWidth),
49
- ...(0, import_scratch.transformSize)("maxWidth", maxWidth || minWidth)
50
- };
51
- },
52
- minHeight: (val, el) => (0, import_scratch.transformSizeRatio)("minHeight", val, el),
53
- maxHeight: (val, el) => (0, import_scratch.transformSizeRatio)("maxHeight", val, el),
54
- heightRange: (val) => {
55
- if (!(0, import_utils.isString)(val)) return;
56
- const [minHeight, maxHeight] = val.split(" ");
57
- return {
58
- ...(0, import_scratch.transformSize)("minHeight", minHeight),
59
- ...(0, import_scratch.transformSize)("maxHeight", maxHeight || minHeight)
60
- };
61
- },
62
- size: (val) => {
63
- if (!(0, import_utils.isString)(val)) return;
64
- const [inlineSize, blockSize] = val.split(" ");
65
- return {
66
- ...(0, import_scratch.transformSizeRatio)("inlineSize", inlineSize),
67
- ...(0, import_scratch.transformSizeRatio)("blockSize", blockSize || inlineSize)
68
- };
69
- },
70
- minBlockSize: (val, el) => (0, import_scratch.transformSizeRatio)("minBlockSize", val, el),
71
- minInlineSize: (val, el) => (0, import_scratch.transformSizeRatio)("minInlineSize", val, el),
72
- maxBlockSize: (val, el) => (0, import_scratch.transformSizeRatio)("maxBlockSize", val, el),
73
- maxInlineSize: (val, el) => (0, import_scratch.transformSizeRatio)("maxInlineSize", val, el),
74
- minSize: (val) => {
75
- if (!(0, import_utils.isString)(val)) return;
76
- const [minInlineSize, minBlockSize] = val.split(" ");
77
- return {
78
- ...(0, import_scratch.transformSize)("minInlineSize", minInlineSize),
79
- ...(0, import_scratch.transformSize)("minBlockSize", minBlockSize || minInlineSize)
80
- };
81
- },
82
- maxSize: (val) => {
83
- if (!(0, import_utils.isString)(val)) return;
84
- const [maxInlineSize, maxBlockSize] = val.split(" ");
85
- return {
86
- ...(0, import_scratch.transformSize)("maxInlineSize", maxInlineSize),
87
- ...(0, import_scratch.transformSize)("maxBlockSize", maxBlockSize || maxInlineSize)
88
- };
89
- },
90
- borderWidth: (val, el) => (0, import_scratch.transformSizeRatio)("borderWidth", val, el),
91
- padding: (val, el) => (0, import_scratch.transformSizeRatio)("padding", val, el),
92
- scrollPadding: (val, el) => (0, import_scratch.transformSizeRatio)("scrollPadding", val, el),
93
- paddingInline: (val) => {
94
- if (!(0, import_utils.isString)(val)) return;
95
- const [paddingInlineStart, paddingInlineEnd] = val.split(" ");
96
- return {
97
- ...(0, import_scratch.transformSize)("paddingInlineStart", paddingInlineStart),
98
- ...(0, import_scratch.transformSize)("paddingInlineEnd", paddingInlineEnd || paddingInlineStart)
99
- };
100
- },
101
- paddingBlock: (val) => {
102
- if (!(0, import_utils.isString)(val)) return;
103
- const [paddingBlockStart, paddingBlockEnd] = val.split(" ");
104
- return {
105
- ...(0, import_scratch.transformSize)("paddingBlockStart", paddingBlockStart),
106
- ...(0, import_scratch.transformSize)("paddingBlockEnd", paddingBlockEnd || paddingBlockStart)
107
- };
108
- },
109
- paddingTop: (val, el) => (0, import_scratch.transformSizeRatio)("paddingBlockStart", val, el),
110
- paddingBottom: (val, el) => (0, import_scratch.transformSizeRatio)("paddingBlockEnd", val, el),
111
- paddingLeft: (val, el) => (0, import_scratch.transformSizeRatio)("paddingInlineStart", val, el),
112
- paddingRight: (val, el) => (0, import_scratch.transformSizeRatio)("paddingInlineEnd", val, el),
113
- paddingBlockStart: (val, el) => (0, import_scratch.transformSizeRatio)("paddingBlockStart", val, el),
114
- paddingBlockEnd: (val, el) => (0, import_scratch.transformSizeRatio)("paddingBlockEnd", val, el),
115
- paddingInlineStart: (val, el) => (0, import_scratch.transformSizeRatio)("paddingInlineStart", val, el),
116
- paddingInlineEnd: (val, el) => (0, import_scratch.transformSizeRatio)("paddingInlineEnd", val, el),
117
- margin: (val, el) => (0, import_scratch.transformSizeRatio)("margin", val, el),
118
- marginInline: (val) => {
119
- if (!(0, import_utils.isString)(val)) return;
120
- const [marginInlineStart, marginInlineEnd] = val.split(" ");
121
- return {
122
- ...(0, import_scratch.transformSize)("marginInlineStart", marginInlineStart),
123
- ...(0, import_scratch.transformSize)("marginInlineEnd", marginInlineEnd || marginInlineStart)
124
- };
125
- },
126
- marginBlock: (val, el) => {
127
- if (!(0, import_utils.isString)(el.marginBlock)) return;
128
- const [marginBlockStart, marginBlockEnd] = el.marginBlock.split(" ");
129
- return {
130
- ...(0, import_scratch.transformSize)("marginBlockStart", marginBlockStart),
131
- ...(0, import_scratch.transformSize)("marginBlockEnd", marginBlockEnd || marginBlockStart)
132
- };
133
- },
134
- marginTop: (val, el) => (0, import_scratch.transformSizeRatio)("marginBlockStart", val, el),
135
- marginBottom: (val, el) => (0, import_scratch.transformSizeRatio)("marginBlockEnd", val, el),
136
- marginLeft: (val, el) => (0, import_scratch.transformSizeRatio)("marginInlineStart", val, el),
137
- marginRight: (val, el) => (0, import_scratch.transformSizeRatio)("marginInlineEnd", val, el),
138
- marginInlineStart: (val, el) => (0, import_scratch.transformSizeRatio)("marginInlineStart", val, el),
139
- marginInlineEnd: (val, el) => (0, import_scratch.transformSizeRatio)("marginInlineEnd", val, el),
140
- marginBlockStart: (val, el) => (0, import_scratch.transformSizeRatio)("marginBlockStart", val, el),
141
- marginBlockEnd: (val, el) => (0, import_scratch.transformSizeRatio)("marginBlockEnd", val, el),
142
- gap: (val) => ({
143
- gap: (0, import_scratch.transfromGap)(val)
144
- }),
145
- columnGap: (val, el) => (0, import_scratch.getSpacingBasedOnRatio)(el, "columnGap", val),
146
- rowGap: (val, el) => (0, import_scratch.getSpacingBasedOnRatio)(el, "rowGap", val),
147
- flexWrap: (val) => ({
148
- display: "flex",
149
- flexWrap: val
150
- }),
151
- flexFlow: (val, el) => {
152
- const reverse = el.reverse;
153
- if (!(0, import_utils.isString)(val)) return;
154
- let [direction, wrap] = (val || "row").split(" ");
155
- if (val.startsWith("x") || val === "row") direction = "row";
156
- if (val.startsWith("y") || val === "column") direction = "column";
157
- return {
158
- display: "flex",
159
- flexFlow: (direction || "") + (!direction.includes("-reverse") && reverse ? "-reverse" : "") + " " + (wrap || "")
160
- };
161
- },
162
- flexAlign: (val) => {
163
- if (!(0, import_utils.isString)(val)) return;
164
- const [alignItems, justifyContent] = val.split(" ");
165
- return {
166
- display: "flex",
167
- alignItems,
168
- justifyContent
169
- };
170
- },
171
- round: (val, el) => (0, import_scratch.transformBorderRadius)(val ?? el.borderRadius, el, "round"),
172
- borderRadius: (val, el) => (0, import_scratch.transformBorderRadius)(val ?? el.round, el, "borderRadius")
173
- };
@@ -1,340 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
- var defaults_exports = {};
19
- __export(defaults_exports, {
20
- DEFAULT_CSS_PROPERTIES_LIST: () => DEFAULT_CSS_PROPERTIES_LIST
21
- });
22
- module.exports = __toCommonJS(defaults_exports);
23
- const DEFAULT_CSS_PROPERTIES_LIST = /* @__PURE__ */ new Set([
24
- "accentColor",
25
- "alignContent",
26
- "alignItems",
27
- "alignSelf",
28
- "alignmentBaseline",
29
- "all",
30
- "animation",
31
- "animationDelay",
32
- "animationDirection",
33
- "animationDuration",
34
- "animationFillMode",
35
- "animationIterationCount",
36
- "animationName",
37
- "animationPlayState",
38
- "animationTimingFunction",
39
- "appearance",
40
- "aspectRatio",
41
- "backdropFilter",
42
- "backfaceVisibility",
43
- "background",
44
- "backgroundAttachment",
45
- "backgroundBlendMode",
46
- "backgroundClip",
47
- "backgroundColor",
48
- "backgroundImage",
49
- "backgroundOrigin",
50
- "backgroundPosition",
51
- "backgroundPositionX",
52
- "backgroundPositionY",
53
- "backgroundRepeat",
54
- "backgroundRepeatX",
55
- "backgroundRepeatY",
56
- "backgroundSize",
57
- "baselineShift",
58
- "blockSize",
59
- "border",
60
- "borderBlock",
61
- "borderBlockColor",
62
- "borderBlockEnd",
63
- "borderBlockEndColor",
64
- "borderBlockEndStyle",
65
- "borderBlockEndWidth",
66
- "borderBlockStart",
67
- "borderBlockStartColor",
68
- "borderBlockStartStyle",
69
- "borderBlockStartWidth",
70
- "borderBlockStyle",
71
- "borderBlockWidth",
72
- "borderBottom",
73
- "borderBottomColor",
74
- "borderBottomLeftRadius",
75
- "borderBottomRightRadius",
76
- "borderBottomStyle",
77
- "borderBottomWidth",
78
- "borderCollapse",
79
- "borderColor",
80
- "borderImage",
81
- "borderImageOutset",
82
- "borderImageRepeat",
83
- "borderImageSlice",
84
- "borderImageSource",
85
- "borderImageWidth",
86
- "borderLeft",
87
- "borderLeftColor",
88
- "borderLeftStyle",
89
- "borderLeftWidth",
90
- "borderRadius",
91
- "borderRight",
92
- "borderRightColor",
93
- "borderRightStyle",
94
- "borderRightWidth",
95
- "borderSpacing",
96
- "borderStyle",
97
- "borderTop",
98
- "borderTopColor",
99
- "borderTopLeftRadius",
100
- "borderTopRightRadius",
101
- "borderTopStyle",
102
- "borderTopWidth",
103
- "borderWidth",
104
- "bottom",
105
- "boxDecorationBreak",
106
- "boxShadow",
107
- "boxSizing",
108
- "breakAfter",
109
- "breakBefore",
110
- "breakInside",
111
- "captionSide",
112
- "caretColor",
113
- "clear",
114
- "clip",
115
- "clipPath",
116
- "color",
117
- "colorAdjust",
118
- "colorInterpolation",
119
- "colorInterpolationFilters",
120
- "colorRendering",
121
- "columnCount",
122
- "columnFill",
123
- "columnGap",
124
- "columnRule",
125
- "columnRuleColor",
126
- "columnRuleStyle",
127
- "columnRuleWidth",
128
- "columnSpan",
129
- "columnWidth",
130
- "columns",
131
- "contain",
132
- "content",
133
- "counterIncrement",
134
- "counterReset",
135
- "cursor",
136
- "direction",
137
- "display",
138
- "emptyCells",
139
- "filter",
140
- "flex",
141
- "flexBasis",
142
- "flexDirection",
143
- "flexFlow",
144
- "flexGrow",
145
- "flexShrink",
146
- "flexWrap",
147
- "float",
148
- "font",
149
- "fontFamily",
150
- "fontFeatureSettings",
151
- "fontKerning",
152
- "fontLanguageOverride",
153
- "fontSize",
154
- "fontSizeAdjust",
155
- "fontStretch",
156
- "fontStyle",
157
- "fontVariant",
158
- "fontVariantAlternates",
159
- "fontVariantCaps",
160
- "fontVariantEastAsian",
161
- "fontVariantNumeric",
162
- "fontVariantPosition",
163
- "fontWeight",
164
- "fontVariationSettings",
165
- "fontSynthesis",
166
- "forcedColorAdjust",
167
- "gap",
168
- "grid",
169
- "gridArea",
170
- "gridAutoColumns",
171
- "gridAutoFlow",
172
- "gridAutoRows",
173
- "gridColumn",
174
- "gridColumnEnd",
175
- "gridColumnGap",
176
- "gridColumnStart",
177
- "gridGap",
178
- "gridRow",
179
- "gridRowEnd",
180
- "gridRowGap",
181
- "gridRowStart",
182
- "gridTemplate",
183
- "gridTemplateAreas",
184
- "gridTemplateColumns",
185
- "gridTemplateRows",
186
- "height",
187
- "hyphens",
188
- "imageOrientation",
189
- "imageRendering",
190
- "imeMode",
191
- "inset",
192
- "insetBlock",
193
- "insetBlockEnd",
194
- "insetBlockStart",
195
- "insetInline",
196
- "insetInlineEnd",
197
- "insetInlineStart",
198
- "initialLetter",
199
- "isolation",
200
- "justifyContent",
201
- "justifyItems",
202
- "justifySelf",
203
- "left",
204
- "letterSpacing",
205
- "lineBreak",
206
- "lineClamp",
207
- "lineHeight",
208
- "listStyle",
209
- "listStyleImage",
210
- "listStylePosition",
211
- "listStyleType",
212
- "margin",
213
- "marginBottom",
214
- "marginLeft",
215
- "marginRight",
216
- "marginTop",
217
- "marginBlock",
218
- "marginBlockEnd",
219
- "marginBlockStart",
220
- "marginInline",
221
- "marginInlineEnd",
222
- "marginInlineStart",
223
- "mask",
224
- "maskBorder",
225
- "maskBorderImage",
226
- "maskBorderOutset",
227
- "maskBorderRepeat",
228
- "maskBorderSlice",
229
- "maskBorderSource",
230
- "maskBorderWidth",
231
- "maskClip",
232
- "maskComposite",
233
- "maskImage",
234
- "maskOrigin",
235
- "maskPosition",
236
- "maskRepeat",
237
- "maskSize",
238
- "maskType",
239
- "maxBlockSize",
240
- "maxHeight",
241
- "maxInlineSize",
242
- "maxWidth",
243
- "minBlockSize",
244
- "minHeight",
245
- "minInlineSize",
246
- "minWidth",
247
- "mixBlendMode",
248
- "objectFit",
249
- "objectPosition",
250
- "objectViewBox",
251
- "offset",
252
- "offsetDistance",
253
- "offsetPath",
254
- "offsetRotate",
255
- "opacity",
256
- "order",
257
- "orientation",
258
- "outline",
259
- "outlineColor",
260
- "outlineOffset",
261
- "outlineStyle",
262
- "outlineWidth",
263
- "overflow",
264
- "overflowAnchor",
265
- "overflowClip",
266
- "overflowScrolling",
267
- "overflowWrap",
268
- "overflowX",
269
- "overflowY",
270
- "padding",
271
- "paddingBottom",
272
- "paddingLeft",
273
- "paddingRight",
274
- "paddingTop",
275
- "pageBreakAfter",
276
- "pageBreakBefore",
277
- "pageBreakInside",
278
- "paintOrder",
279
- "perspective",
280
- "perspectiveOrigin",
281
- "placeContent",
282
- "placeItems",
283
- "placeSelf",
284
- "pointerEvents",
285
- "position",
286
- "resize",
287
- "right",
288
- "rotate",
289
- "rowGap",
290
- "scrollBehavior",
291
- "scrollPadding",
292
- "scrollSnapAlign",
293
- "scrollSnapType",
294
- "scrollbarColor",
295
- "scrollbarWidth",
296
- "shapeImageThreshold",
297
- "shapeMargin",
298
- "shapeOutside",
299
- "tabSize",
300
- "tableLayout",
301
- "textAlign",
302
- "textAlignLast",
303
- "textDecoration",
304
- "textDecorationColor",
305
- "textDecorationLine",
306
- "textDecorationSkipInk",
307
- "textDecorationStyle",
308
- "textDecorationThickness",
309
- "textIndent",
310
- "textOverflow",
311
- "textShadow",
312
- "textTransform",
313
- "textUnderlineOffset",
314
- "top",
315
- "transform",
316
- "transformOrigin",
317
- "transformStyle",
318
- "transition",
319
- "transitionDelay",
320
- "transitionDuration",
321
- "transitionProperty",
322
- "transitionTimingFunction",
323
- "translate",
324
- "translateX",
325
- "translateY",
326
- "translateZ",
327
- "unicodeBidi",
328
- "userSelect",
329
- "verticalAlign",
330
- "visibility",
331
- "whiteSpace",
332
- "widows",
333
- "width",
334
- "willChange",
335
- "wordBreak",
336
- "wordSpacing",
337
- "wordWrap",
338
- "writingMode",
339
- "zIndex"
340
- ]);
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var flex_exports = {};
20
- __export(flex_exports, {
21
- FLEX_PROPS: () => FLEX_PROPS
22
- });
23
- module.exports = __toCommonJS(flex_exports);
24
- var import_utils = require("@symbo.ls/utils");
25
- const FLEX_PROPS = {
26
- flow: (value, el) => {
27
- const reverse = el.reverse;
28
- if (!(0, import_utils.isString)(value)) return;
29
- let [direction, wrap] = (value || "row").split(" ");
30
- if (value.startsWith("x") || value === "row") direction = "row";
31
- if (value.startsWith("y") || value === "column") direction = "column";
32
- return {
33
- display: "flex",
34
- flexFlow: (direction || "") + (!direction.includes("-reverse") && reverse ? "-reverse" : "") + " " + (wrap || "")
35
- };
36
- },
37
- wrap: (value, el) => {
38
- return { display: "flex", flexWrap: value };
39
- },
40
- align: (value, el) => {
41
- const [alignItems, justifyContent] = value.split(" ");
42
- return { display: "flex", alignItems, justifyContent };
43
- }
44
- };
@@ -1,36 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var font_exports = {};
20
- __export(font_exports, {
21
- FONT_PROPS: () => FONT_PROPS
22
- });
23
- module.exports = __toCommonJS(font_exports);
24
- var import_scratch = require("@symbo.ls/scratch");
25
- const FONT_PROPS = {
26
- fontSize: (value) => {
27
- return (0, import_scratch.getFontSizeByKey)(value) || value;
28
- },
29
- fontFamily: (value) => ({
30
- fontFamily: (0, import_scratch.getFontFamily)(value) || value
31
- }),
32
- fontWeight: (value) => ({
33
- fontWeight: value,
34
- fontVariationSettings: '"wght" ' + value
35
- })
36
- };
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var grid_exports = {};
20
- __export(grid_exports, {
21
- GRID_PROPS: () => GRID_PROPS
22
- });
23
- module.exports = __toCommonJS(grid_exports);
24
- const GRID_PROPS = {
25
- area: (value) => ({ gridArea: value }),
26
- template: (value) => ({ gridTemplate: value }),
27
- templateAreas: (value) => ({ gridTemplateAreas: value }),
28
- column: (value) => ({ gridColumn: value }),
29
- columns: (value) => ({ gridTemplateColumns: value }),
30
- templateColumns: (value) => ({ gridTemplateColumns: value }),
31
- autoColumns: (value) => ({ gridAutoColumns: value }),
32
- columnStart: (value) => ({ gridColumnStart: value }),
33
- row: (value) => ({ gridRow: value }),
34
- rows: (value) => ({ gridTemplateRows: value }),
35
- templateRows: (value) => ({ gridTemplateRows: value }),
36
- autoRows: (value) => ({ gridAutoRows: value }),
37
- rowStart: (value) => ({ gridRowStart: value }),
38
- autoFlow: (value) => ({ gridAutoFlow: value })
39
- };
@@ -1,55 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
19
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
- var props_exports = {};
21
- __export(props_exports, {
22
- CSS_PROPS_REGISTRY: () => CSS_PROPS_REGISTRY,
23
- default: () => props_default
24
- });
25
- module.exports = __toCommonJS(props_exports);
26
- var import_animation = require("./animation.js");
27
- var import_block = require("./block.js");
28
- var import_font = require("./font.js");
29
- var import_misc = require("./misc.js");
30
- var import_position = require("./position.js");
31
- var import_theme = require("./theme.js");
32
- var import_timing = require("./timing.js");
33
- var import_flex = require("./flex.js");
34
- var import_grid = require("./grid.js");
35
- __reExport(props_exports, require("./animation.js"), module.exports);
36
- __reExport(props_exports, require("./block.js"), module.exports);
37
- __reExport(props_exports, require("./font.js"), module.exports);
38
- __reExport(props_exports, require("./misc.js"), module.exports);
39
- __reExport(props_exports, require("./position.js"), module.exports);
40
- __reExport(props_exports, require("./theme.js"), module.exports);
41
- __reExport(props_exports, require("./timing.js"), module.exports);
42
- __reExport(props_exports, require("./flex.js"), module.exports);
43
- __reExport(props_exports, require("./grid.js"), module.exports);
44
- const CSS_PROPS_REGISTRY = {
45
- ...import_animation.ANIMATION_PROPS,
46
- ...import_block.BLOCK_PROPS,
47
- ...import_font.FONT_PROPS,
48
- ...import_misc.MISC_PROPS,
49
- ...import_position.POSITION_PROPS,
50
- ...import_theme.THEME_PROPS,
51
- ...import_timing.TIMING_PROPS,
52
- ...import_flex.FLEX_PROPS,
53
- ...import_grid.GRID_PROPS
54
- };
55
- var props_default = CSS_PROPS_REGISTRY;