@webstudio-is/react-sdk 0.50.0 → 0.52.0

package/lib/cjs/css/categories.cjs

@@ -1,250 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var categories_exports = {};
-__export(categories_exports, {
-  categories: () => categories,
-  propertyCategoryMap: () => propertyCategoryMap
-});
-module.exports = __toCommonJS(categories_exports);
-const layout = [
-  "display",
-  // Flex
-  "flexDirection",
-  "flexWrap",
-  // Flex or grid
-  "alignItems",
-  "justifyContent",
-  "alignContent",
-  // Grid
-  "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 space = [
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft"
-];
-const size = [
-  "width",
-  "height",
-  "minWidth",
-  "minHeight",
-  "maxWidth",
-  "maxHeight",
-  "overflow",
-  "objectFit",
-  "objectPosition",
-  "aspectRatio"
-];
-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",
-  "backgroundPosition",
-  "backgroundRepeat",
-  "backgroundSize",
-  "backgroundBlendMode"
-];
-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"
-];
-const categories = {
-  layout: {
-    label: "Layout",
-    properties: layout,
-    moreFrom: ""
-  },
-  flexChild: {
-    label: "Flex Child",
-    properties: flexChild,
-    moreFrom: ""
-  },
-  gridChild: {
-    label: "Grid Child",
-    properties: gridChild,
-    moreFrom: ""
-  },
-  space: { label: "Space", properties: space, 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: "" }
-};
-const propertyCategoryMap = {};
-let category;
-for (category in categories) {
-  for (const property of categories[category].properties) {
-    propertyCategoryMap[property] = category;
-  }
-}

package/lib/css/categories.js

@@ -1,230 +0,0 @@
-const layout = [
-  "display",
-  // Flex
-  "flexDirection",
-  "flexWrap",
-  // Flex or grid
-  "alignItems",
-  "justifyContent",
-  "alignContent",
-  // Grid
-  "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 space = [
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft"
-];
-const size = [
-  "width",
-  "height",
-  "minWidth",
-  "minHeight",
-  "maxWidth",
-  "maxHeight",
-  "overflow",
-  "objectFit",
-  "objectPosition",
-  "aspectRatio"
-];
-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",
-  "backgroundPosition",
-  "backgroundRepeat",
-  "backgroundSize",
-  "backgroundBlendMode"
-];
-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"
-];
-const categories = {
-  layout: {
-    label: "Layout",
-    properties: layout,
-    moreFrom: ""
-  },
-  flexChild: {
-    label: "Flex Child",
-    properties: flexChild,
-    moreFrom: ""
-  },
-  gridChild: {
-    label: "Grid Child",
-    properties: gridChild,
-    moreFrom: ""
-  },
-  space: { label: "Space", properties: space, 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: "" }
-};
-const propertyCategoryMap = {};
-let category;
-for (category in categories) {
-  for (const property of categories[category].properties) {
-    propertyCategoryMap[property] = category;
-  }
-}
-export {
-  categories,
-  propertyCategoryMap
-};