@webstudio-is/react-sdk 0.7.2 → 0.7.3

package/lib/cjs/css/categories.cjs

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.propertyCategoryMap = exports.categories = void 0;
+const layout = [
+    "display",
+    // Flex
+    "flexDirection",
+    "flexWrap",
+    // Flex or grid
+    "alignItems",
+    "justifyContent",
+    "alignContent",
+    // Grid
+    "placeContent",
+    "justifyItems",
+    "rowGap",
+    "columnGap",
+    "gridAutoFlow",
+    "gridAutoRows",
+    "gridAutoColumns",
+    "gridTemplateColumns",
+    "gridTemplateRows",
+    "gridTemplateAreas",
+];
+const flexChild = [
+    "flexShrink",
+    "flexGrow",
+    "flexBasis",
+    "alignSelf",
+    "order",
+];
+const gridChild = [
+    "gridRowEnd",
+    "gridRowStart",
+    "gridColumnStart",
+    "gridColumnEnd",
+    "alignSelf",
+    "justifySelf",
+    "order",
+];
+const spacing = [
+    "marginTop",
+    "marginRight",
+    "marginBottom",
+    "marginLeft",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft",
+];
+const size = [
+    "width",
+    "height",
+    "minWidth",
+    "minHeight",
+    "maxWidth",
+    "maxHeight",
+    "overflow",
+    "objectFit",
+];
+const position = [
+    "position",
+    "top",
+    "right",
+    "bottom",
+    "left",
+    "zIndex",
+    "float",
+    "clear",
+];
+const typography = [
+    "fontFamily",
+    "fontWeight",
+    "fontSize",
+    "lineHeight",
+    "color",
+    "textAlign",
+    "fontStyle",
+    "textDecorationColor",
+    "textDecorationLine",
+    "textDecorationStyle",
+    "letterSpacing",
+    "textIndent",
+    "columnCount",
+    "columnGap",
+    "columnRuleStyle",
+    "columnRuleWidth",
+    "columnRuleColor",
+    "textTransform",
+    "direction",
+    "whiteSpace",
+    "textShadow",
+    // More
+    "fontSizeAdjust",
+    "fontStretch",
+    "fontVariant",
+    "textAlignLast",
+    "textJustify",
+    "textOverflow",
+    "textSizeAdjust",
+    "verticalAlign",
+    "wordSpacing",
+    "wordBreak",
+    "wordWrap",
+];
+const backgrounds = [
+    "backgroundAttachment",
+    "backgroundClip",
+    "backgroundColor",
+    "backgroundImage",
+    "backgroundOrigin",
+    "backgroundPositionX",
+    "backgroundPositionY",
+    "backgroundRepeat",
+    "backgroundSize",
+];
+const borders = [
+    "borderTopLeftRadius",
+    "borderTopRightRadius",
+    "borderBottomLeftRadius",
+    "borderBottomRightRadius",
+    "borderTopStyle",
+    "borderRightStyle",
+    "borderBottomStyle",
+    "borderLeftStyle",
+    "borderTopColor",
+    "borderRightColor",
+    "borderBottomColor",
+    "borderLeftColor",
+    "borderTopWidth",
+    "borderRightWidth",
+    "borderBottomWidth",
+    "borderLeftWidth",
+    // More
+    "borderImageSlice",
+    "borderImageWidth",
+    "borderImageOutset",
+    "borderImageRepeat",
+    "borderImageSource",
+];
+const effects = [
+    "mixBlendMode",
+    "opacity",
+    "outlineColor",
+    "outlineOffset",
+    "outlineStyle",
+    "outlineWidth",
+    "boxShadow",
+    "transform",
+    "filter",
+    "backdropFilter",
+    "cursor",
+    // More
+    "animationDelay",
+    "animationDirection",
+    "animationDuration",
+    "animationFillMode",
+    "animationIterationCount",
+    "animationName",
+    "animationPlayState",
+    "animationTimingFunction",
+    "transitionDelay",
+    "transitionDuration",
+    "transitionProperty",
+    "transitionTimingFunction",
+];
+const other = [
+    "resize",
+    "clip",
+    "visibility",
+    "boxSizing",
+    "content",
+    "quotes",
+    "counterReset",
+    "counterIncrement",
+    "inlineSize",
+    "blockSize",
+    "minInlineSize",
+    "minBlockSize",
+    "maxInlineSize",
+    "maxBlockSize",
+    "userSelect",
+    "pointerEvents",
+];
+exports.categories = {
+    layout: {
+        label: "Layout",
+        properties: layout,
+        moreFrom: "",
+    },
+    flexChild: {
+        label: "Flex Child",
+        properties: flexChild,
+        moreFrom: "",
+    },
+    gridChild: {
+        label: "Grid Child",
+        properties: gridChild,
+        moreFrom: "",
+    },
+    spacing: { label: "Spacing", properties: spacing, moreFrom: "" },
+    size: { label: "Size", properties: size, moreFrom: "" },
+    position: { label: "Position", properties: position, moreFrom: "" },
+    typography: {
+        label: "Typography",
+        properties: typography,
+        moreFrom: "fontSizeAdjust",
+    },
+    backgrounds: { label: "Backgrounds", properties: backgrounds, moreFrom: "" },
+    borders: {
+        label: "Borders",
+        properties: borders,
+        moreFrom: "borderImageSlice",
+    },
+    effects: {
+        label: "Effects",
+        properties: effects,
+        moreFrom: "animationDelay",
+    },
+    other: { label: "Other", properties: other, moreFrom: "" },
+};
+exports.propertyCategoryMap = {};
+let category;
+for (category in exports.categories) {
+    for (const property of exports.categories[category].properties) {
+        // We are widening the type here
+        exports.propertyCategoryMap[property] = category;
+    }
+}