@webstudio-is/sdk 0.219.0 → 0.221.0

package/lib/index.js

@@ -842,11 +842,6 @@ var PresetStyleDecl = z15.object({
   property: z15.string(),
   value: StyleValue3
 });
-var WsComponentPropsMeta = z15.object({
-  props: z15.record(PropMeta),
-  // Props that will be always visible in properties panel.
-  initialProps: z15.array(z15.string()).optional()
-});
 var componentCategories = [
   "general",
   "typography",
@@ -857,22 +852,14 @@ var componentCategories = [
   "localization",
   "radix",
   "xml",
+  "other",
   "hidden",
   "internal"
 ];
-var stateCategories = ["states", "component-states"];
 var ComponentState = z15.object({
-  category: z15.enum(stateCategories).optional(),
   selector: z15.string(),
   label: z15.string()
 });
-var defaultStates = [
-  { selector: ":hover", label: "Hover" },
-  { selector: ":active", label: "Active" },
-  { selector: ":focus", label: "Focus" },
-  { selector: ":focus-visible", label: "Focus Visible" },
-  { selector: ":focus-within", label: "Focus Within" }
-];
 var ComponentContent = z15.string();
 var ContentModel = z15.object({
   /*
@@ -891,11 +878,6 @@ var ContentModel = z15.object({
 });
 var WsComponentMeta = z15.object({
   category: z15.enum(componentCategories).optional(),
-  /**
-   * a property used as textual placeholder when no content specified while in builder
-   * also signals to not insert components inside unless dropped explicitly
-   */
-  placeholder: z15.string().optional(),
   contentModel: ContentModel.optional(),
   // when this field is specified component receives
   // prop with index of same components withiin specified ancestor
@@ -904,10 +886,13 @@ var WsComponentMeta = z15.object({
   indexWithinAncestor: z15.optional(z15.string()),
   label: z15.optional(z15.string()),
   description: z15.string().optional(),
-  icon: z15.string(),
+  icon: z15.string().optional(),
   presetStyle: z15.optional(z15.record(z15.string(), z15.array(PresetStyleDecl))),
   states: z15.optional(z15.array(ComponentState)),
-  order: z15.number().optional()
+  order: z15.number().optional(),
+  // properties and html attributes that will be always visible in properties panel
+  initialProps: z15.array(z15.string()).optional(),
+  props: z15.record(PropMeta).optional()
 });
 
 // src/core-metas.ts
@@ -916,8 +901,7 @@ import {
   ListViewIcon,
   PaintBrushIcon,
   SettingsIcon,
-  AddTemplateInstanceIcon,
-  BoxIcon
+  AddTemplateInstanceIcon
 } from "@webstudio-is/icons/svg";
 
 // src/__generated__/normalize.css.ts
@@ -1067,29 +1051,20 @@ var body = [
   {
     property: "border-left-width",
     value: { type: "unit", unit: "px", value: 1 }
-  }
-];
-var hr = [
-  { property: "height", value: { type: "unit", unit: "number", value: 0 } },
-  { property: "color", value: { type: "keyword", value: "inherit" } },
-  { property: "box-sizing", value: { type: "keyword", value: "border-box" } },
-  {
-    property: "border-top-width",
-    value: { type: "unit", unit: "px", value: 1 }
-  },
-  {
-    property: "border-right-width",
-    value: { type: "unit", unit: "px", value: 1 }
   },
   {
-    property: "border-bottom-width",
-    value: { type: "unit", unit: "px", value: 1 }
+    property: "-webkit-font-smoothing",
+    value: { type: "keyword", value: "antialiased" }
   },
   {
-    property: "border-left-width",
-    value: { type: "unit", unit: "px", value: 1 }
+    property: "-moz-osx-font-smoothing",
+    value: { type: "keyword", value: "grayscale" }
   }
 ];
+var hr = [
+  { property: "height", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "color", value: { type: "keyword", value: "inherit" } }
+];
 var b = [
   {
     property: "font-weight",
@@ -1528,6 +1503,8 @@ var tagProperty = "data-ws-tag";
 
 // src/__generated__/tags.ts
 var tags = [
+  "div",
+  "span",
   "a",
   "abbr",
   "address",
@@ -1555,7 +1532,6 @@ var tags = [
   "details",
   "dfn",
   "dialog",
-  "div",
   "dl",
   "dt",
   "em",
@@ -1612,7 +1588,6 @@ var tags = [
   "slot",
   "small",
   "source",
-  "span",
   "strong",
   "sub",
   "summary",
@@ -1643,17 +1618,12 @@ var rootMeta = {
     html
   }
 };
-var rootPropsMeta = {
-  props: {}
-};
 var elementComponent = "ws:element";
 var elementMeta = {
   label: "Element",
-  icon: BoxIcon,
   // convert [object Module] to [object Object] to enable structured cloning
-  presetStyle: { ...normalize_css_exports }
-};
-var elementPropsMeta = {
+  presetStyle: { ...normalize_css_exports },
+  initialProps: [tagProperty, "id", "class"],
   props: {
     [tagProperty]: {
       type: "string",
@@ -1671,17 +1641,15 @@ var collectionMeta = {
   contentModel: {
     category: "instance",
     children: ["instance"]
-  }
-};
-var collectionPropsMeta = {
+  },
+  initialProps: ["data"],
   props: {
     data: {
       required: true,
       control: "json",
       type: "json"
     }
-  },
-  initialProps: ["data"]
+  }
 };
 var descendantComponent = "ws:descendant";
 var descendantMeta = {
@@ -1692,9 +1660,8 @@ var descendantMeta = {
     children: []
   },
   // @todo infer possible presets
-  presetStyle: {}
-};
-var descendantPropsMeta = {
+  presetStyle: {},
+  initialProps: ["selector"],
   props: {
     selector: {
       required: true,
@@ -1719,8 +1686,7 @@ var descendantPropsMeta = {
         " hr"
       ]
     }
-  },
-  initialProps: ["selector"]
+  }
 };
 var blockComponent = "ws:block";
 var blockTemplateComponent = "ws:block-template";
@@ -1731,9 +1697,6 @@ var blockTemplateMeta = {
     children: ["instance"]
   }
 };
-var blockTemplatePropsMeta = {
-  props: {}
-};
 var blockMeta = {
   label: "Content Block",
   icon: ContentBlockIcon,
@@ -1742,9 +1705,6 @@ var blockMeta = {
     children: [blockTemplateComponent, "instance"]
   }
 };
-var blockPropsMeta = {
-  props: {}
-};
 var coreMetas = {
   [rootComponent]: rootMeta,
   [elementComponent]: elementMeta,
@@ -1753,14 +1713,6 @@ var coreMetas = {
   [blockComponent]: blockMeta,
   [blockTemplateComponent]: blockTemplateMeta
 };
-var corePropsMetas = {
-  [rootComponent]: rootPropsMeta,
-  [elementComponent]: elementPropsMeta,
-  [collectionComponent]: collectionPropsMeta,
-  [descendantComponent]: descendantPropsMeta,
-  [blockComponent]: blockPropsMeta,
-  [blockTemplateComponent]: blockTemplatePropsMeta
-};
 var isCoreComponent = (component) => component === rootComponent || component === elementComponent || component === collectionComponent || component === descendantComponent || component === blockComponent || component === blockTemplateComponent;
 var isComponentDetachable = (component) => component !== rootComponent && component !== blockTemplateComponent && component !== descendantComponent;
 
@@ -2854,12 +2806,10 @@ export {
   collectionComponent,
   componentCategories,
   coreMetas,
-  corePropsMetas,
   createImageValueTransformer,
   createScope,
   decodeDataVariableId as decodeDataSourceVariable,
   decodeDataVariableId,
-  defaultStates,
   descendantComponent,
   documentTypes,
   durationUnitValueSchema,
@@ -2897,7 +2847,6 @@ export {
   replaceFormActionsWithResources,
   rootComponent,
   scrollAnimationSchema,
-  stateCategories,
   systemParameter,
   tags,
   transpileExpression,