@webstudio-is/sdk-components-react 0.218.0 → 0.220.0

package/lib/__generated__/webhook-form.props.js

@@ -1,183 +1,4 @@
 const e = {
-  about: { required: !1, control: "text", type: "string" },
-  acceptCharset: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "List of supported charsets."
-  },
-  accessKey: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Keyboard shortcut to activate or add focus to the element."
-  },
-  action: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "The URI of a program that processes the information submitted via the form."
-  },
-  autoCapitalize: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Sets whether input is automatically capitalized when entered by user."
-  },
-  autoComplete: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser."
-  },
-  autoCorrect: { required: !1, control: "text", type: "string" },
-  autoFocus: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
-  },
-  autoSave: { required: !1, control: "text", type: "string" },
-  className: { required: !1, control: "text", type: "string" },
-  color: {
-    required: !1,
-    control: "color",
-    type: "string",
-    description: "This attribute sets the text color using either a named color or a  color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
-  },
-  content: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "A value associated with http-equiv orname depending on the context."
-  },
-  contextMenu: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the ID of a menu element which willserve as the element's context menu."
-  },
-  datatype: { required: !1, control: "text", type: "string" },
-  defaultChecked: { required: !1, control: "boolean", type: "boolean" },
-  defaultValue: { required: !1, control: "text", type: "string" },
-  dir: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
-  },
-  draggable: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Defines whether the element can be dragged."
-  },
-  encType: {
-    required: !1,
-    control: "radio",
-    type: "string",
-    options: [
-      "application/x-www-form-urlencoded",
-      "multipart/form-data",
-      "text/plain"
-    ],
-    description: "Defines the content type of the form data when themethod is POST."
-  },
-  hidden: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
-  },
-  id: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
-  },
-  inputMode: {
-    description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
-    required: !1,
-    control: "select",
-    type: "string",
-    options: [
-      "search",
-      "text",
-      "none",
-      "tel",
-      "url",
-      "email",
-      "numeric",
-      "decimal"
-    ]
-  },
-  is: {
-    description: "Specify that a standard HTML element should behave like a defined custom built-in element",
-    required: !1,
-    control: "text",
-    type: "string"
-  },
-  itemID: { required: !1, control: "text", type: "string" },
-  itemProp: { required: !1, control: "text", type: "string" },
-  itemRef: { required: !1, control: "text", type: "string" },
-  itemScope: { required: !1, control: "boolean", type: "boolean" },
-  itemType: { required: !1, control: "text", type: "string" },
-  lang: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the language used in the element."
-  },
-  method: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST."
-  },
-  name: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "This name is important when submitting form data to the server, as it identifies the data associated with the input. When multiple inputs share the same name attribute, they are treated as part of the same group (e.g., radio buttons or checkboxes)."
-  },
-  nonce: { required: !1, control: "text", type: "string" },
-  noValidate: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "This attribute indicates that the form shouldn't be validated when submitted."
-  },
-  prefix: { required: !1, control: "text", type: "string" },
-  property: { required: !1, control: "text", type: "string" },
-  radioGroup: { required: !1, control: "text", type: "string" },
-  rel: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Specifies the relationship of the target object to the link object."
-  },
-  resource: { required: !1, control: "text", type: "string" },
-  results: { required: !1, control: "number", type: "number" },
-  rev: { required: !1, control: "text", type: "string" },
-  role: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines an explicit role for an element for use by assistive technologies."
-  },
-  security: { required: !1, control: "text", type: "string" },
-  slot: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Assigns a slot in a shadow DOM shadow tree to an element."
-  },
-  spellCheck: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Indicates whether spell checking is allowed for the element."
-  },
   state: {
     description: "Use this property to reveal the Success and Error states on the canvas so they can be styled. The Initial state is displayed when the page first opens. The Success and Error states are displayed depending on whether the Form submits successfully or unsuccessfully.",
     required: !1,
@@ -185,50 +6,7 @@ const e = {
     type: "string",
     defaultValue: "initial",
     options: ["initial", "success", "error"]
-  },
-  suppressContentEditableWarning: {
-    required: !1,
-    control: "boolean",
-    type: "boolean"
-  },
-  suppressHydrationWarning: {
-    required: !1,
-    control: "boolean",
-    type: "boolean"
-  },
-  tabIndex: {
-    required: !1,
-    control: "number",
-    type: "number",
-    description: "Overrides the browser's default tab order and follows the one specified instead."
-  },
-  target: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)"
-  },
-  title: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Text to be displayed in a tooltip when hovering over the element."
-  },
-  translate: {
-    required: !1,
-    control: "radio",
-    type: "string",
-    options: ["yes", "no"],
-    description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
-  },
-  typeof: { required: !1, control: "text", type: "string" },
-  unselectable: {
-    required: !1,
-    control: "radio",
-    type: "string",
-    options: ["on", "off"]
-  },
-  vocab: { required: !1, control: "text", type: "string" }
+  }
 };
 export {
   e as props

package/lib/__generated__/xml-node.props.js

@@ -3,14 +3,19 @@ const e = {
     required: !1,
     control: "text",
     type: "string",
-    description: "The URL of a linked resource."
+    description: "Document base URL"
+  },
+  hreflang: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Language of the linked resource"
   },
-  hreflang: { required: !1, control: "text", type: "string" },
   rel: {
     required: !1,
     control: "text",
     type: "string",
-    description: "Specifies the relationship of the target object to the link object."
+    description: "Relationship between the location in the document containing the hyperlink and the destination resource"
   },
   tag: { required: !1, control: "text", type: "string", defaultValue: "" },
   xmlns: { required: !1, control: "text", type: "string" },

package/lib/__generated__/xml-time.props.js

@@ -1,4 +1,4 @@
-const t = {
+const e = {
   dateStyle: {
     required: !1,
     control: "radio",
@@ -10,9 +10,10 @@ const t = {
     required: !1,
     control: "text",
     type: "string",
-    defaultValue: "dateTime attribute is not set"
+    defaultValue: "dateTime attribute is not set",
+    description: "Machine-readable value"
   }
 };
 export {
-  t as props
+  e as props
 };

package/lib/__generated__/youtube.props.js

@@ -1,11 +1,4 @@
 const e = {
-  about: { required: !1, control: "text", type: "string" },
-  accessKey: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Keyboard shortcut to activate or add focus to the element."
-  },
   allowFullscreen: {
     description: "Whether to allow fullscreen mode.\nOriginal parameter: `fs`",
     required: !1,
@@ -13,19 +6,6 @@ const e = {
     type: "boolean",
     defaultValue: !0
   },
-  autoCapitalize: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Sets whether input is automatically capitalized when entered by user."
-  },
-  autoCorrect: { required: !1, control: "text", type: "string" },
-  autoFocus: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
-  },
   autoplay: {
     description: "Whether the video should autoplay.\nSome browsers require the `muted` parameter to be set to `true` for autoplay to work.",
     required: !1,
@@ -33,14 +13,12 @@ const e = {
     type: "boolean",
     defaultValue: !1
   },
-  autoSave: { required: !1, control: "text", type: "string" },
   captionLanguage: {
     description: "Specifies the default language that the player will use to display captions.\nThe value is an ISO 639-1 two-letter language code.\nOriginal parameter: `cc_lang_pref`",
     required: !1,
     control: "text",
     type: "string"
   },
-  className: { required: !1, control: "text", type: "string" },
   color: {
     description: `Specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen.
 Valid values are 'red' and 'white'.`,
@@ -49,27 +27,6 @@ Valid values are 'red' and 'white'.`,
     type: "string",
     options: ["red", "white"]
   },
-  content: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "A value associated with http-equiv orname depending on the context."
-  },
-  contextMenu: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the ID of a menu element which willserve as the element's context menu."
-  },
-  datatype: { required: !1, control: "text", type: "string" },
-  defaultChecked: { required: !1, control: "boolean", type: "boolean" },
-  defaultValue: { required: !1, control: "text", type: "string" },
-  dir: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
-  },
   disableKeyboard: {
     description: "Whether to disable keyboard controls.\nOriginal parameter: `disablekb`",
     required: !1,
@@ -77,30 +34,12 @@ Valid values are 'red' and 'white'.`,
     type: "boolean",
     defaultValue: !1
   },
-  draggable: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Defines whether the element can be dragged."
-  },
   endTime: {
     description: "End time of the video in seconds.\nOriginal parameter: `end`",
     required: !1,
     control: "number",
     type: "number"
   },
-  hidden: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
-  },
-  id: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
-  },
   inline: {
     description: "Whether to play inline on mobile (not fullscreen).",
     required: !1,
@@ -108,33 +47,6 @@ Valid values are 'red' and 'white'.`,
     type: "boolean",
     defaultValue: !1
   },
-  inputMode: {
-    description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
-    required: !1,
-    control: "select",
-    type: "string",
-    options: [
-      "search",
-      "text",
-      "url",
-      "none",
-      "tel",
-      "email",
-      "numeric",
-      "decimal"
-    ]
-  },
-  is: {
-    description: "Specify that a standard HTML element should behave like a defined custom built-in element",
-    required: !1,
-    control: "text",
-    type: "string"
-  },
-  itemID: { required: !1, control: "text", type: "string" },
-  itemProp: { required: !1, control: "text", type: "string" },
-  itemRef: { required: !1, control: "text", type: "string" },
-  itemScope: { required: !1, control: "boolean", type: "boolean" },
-  itemType: { required: !1, control: "text", type: "string" },
   keyboard: {
     description: "Whether to enable keyboard controls.",
     required: !1,
@@ -142,12 +54,6 @@ Valid values are 'red' and 'white'.`,
     type: "boolean",
     defaultValue: !0
   },
-  lang: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines the language used in the element."
-  },
   language: {
     description: "Sets the player's interface language. The value is an ISO 639-1 two-letter language code or a fully specified locale.\nOriginal parameter: `hl`",
     required: !1,
@@ -189,7 +95,6 @@ Valid values are 'red' and 'white'.`,
     type: "boolean",
     defaultValue: !1
   },
-  nonce: { required: !1, control: "text", type: "string" },
   origin: {
     description: "Your domain for API compliance (e.g., `https://yourdomain.com`).",
     required: !1,
@@ -202,7 +107,6 @@ Valid values are 'red' and 'white'.`,
     control: "text",
     type: "string"
   },
-  prefix: { required: !1, control: "text", type: "string" },
   privacyEnhancedMode: {
     description: `The Privacy Enhanced Mode of the YouTube embedded player prevents the use of views of embedded YouTube content from influencing the viewer’s browsing experience on YouTube.
 https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode`,
@@ -211,30 +115,12 @@ https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-
     type: "boolean",
     defaultValue: !0
   },
-  property: { required: !1, control: "text", type: "string" },
-  radioGroup: { required: !1, control: "text", type: "string" },
   referrer: {
     description: "Referrer URL for tracking purposes.\nOriginal parameter: `widget_referrer`",
     required: !1,
     control: "text",
     type: "string"
   },
-  rel: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Specifies the relationship of the target object to the link object."
-  },
-  resource: { required: !1, control: "text", type: "string" },
-  results: { required: !1, control: "number", type: "number" },
-  rev: { required: !1, control: "text", type: "string" },
-  role: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Defines an explicit role for an element for use by assistive technologies."
-  },
-  security: { required: !1, control: "text", type: "string" },
   showAnnotations: {
     description: "Whether to show annotations on the video.\nOriginal parameter: `iv_load_policy`",
     required: !1,
@@ -264,67 +150,18 @@ https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-
     type: "boolean",
     defaultValue: !0
   },
-  slot: {
-    required: !1,
-    control: "text",
-    type: "string",
-    description: "Assigns a slot in a shadow DOM shadow tree to an element."
-  },
-  spellCheck: {
-    required: !1,
-    control: "boolean",
-    type: "boolean",
-    description: "Indicates whether spell checking is allowed for the element."
-  },
   startTime: {
     description: "Start time of the video in seconds.\nOriginal parameter: `start`",
     required: !1,
     control: "number",
     type: "number"
   },
-  suppressContentEditableWarning: {
-    required: !1,
-    control: "boolean",
-    type: "boolean"
-  },
-  suppressHydrationWarning: {
-    required: !1,
-    control: "boolean",
-    type: "boolean"
-  },
-  tabIndex: {
-    required: !1,
-    control: "number",
-    type: "number",
-    description: "Overrides the browser's default tab order and follows the one specified instead."
-  },
-  title: {
-    description: 'The `title` attribute for the iframe.\nImproves accessibility by providing a brief description of the video content for screen readers.\nExample: "Video about web development tips".',
-    required: !1,
-    control: "text",
-    type: "string"
-  },
-  translate: {
-    required: !1,
-    control: "radio",
-    type: "string",
-    options: ["yes", "no"],
-    description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
-  },
-  typeof: { required: !1, control: "text", type: "string" },
-  unselectable: {
-    required: !1,
-    control: "radio",
-    type: "string",
-    options: ["on", "off"]
-  },
   url: {
     description: "The YouTube video URL or ID",
     required: !1,
     control: "text",
     type: "string"
-  },
-  vocab: { required: !1, control: "text", type: "string" }
+  }
 };
 export {
   e as props

package/lib/blockquote.ws.js

@@ -1,7 +1,6 @@
-import { BlockquoteIcon as t } from "@webstudio-is/icons/svg";
-import { defaultStates as e } from "@webstudio-is/sdk";
-import { props as p } from "./__generated__/blockquote.props.js";
-const r = {
+import { defaultStates as t } from "@webstudio-is/sdk";
+import { props as e } from "./__generated__/blockquote.props.js";
+const p = {
   blockquote: [
     {
       property: "margin-top",
@@ -48,16 +47,12 @@ const r = {
       value: { type: "rgb", r: 226, g: 226, b: 226, alpha: 1 }
     }
   ]
-}, i = {
-  placeholder: "Blockquote",
-  icon: t,
-  states: e,
-  presetStyle: r
-}, l = {
-  props: p,
-  initialProps: ["id", "className", "cite"]
+}, a = {
+  states: t,
+  presetStyle: p,
+  initialProps: ["id", "class", "cite"],
+  props: e
 };
 export {
-  i as meta,
-  l as propsMeta
+  a as meta
 };

package/lib/body.ws.js

@@ -1,10 +1,9 @@
-import { BodyIcon as o } from "@webstudio-is/icons/svg";
-import { defaultStates as t } from "@webstudio-is/sdk";
-import { body as e } from "@webstudio-is/sdk/normalize.css";
-import { props as r } from "./__generated__/body.props.js";
-const a = {
+import { defaultStates as o } from "@webstudio-is/sdk";
+import { body as t } from "@webstudio-is/sdk/normalize.css";
+import { props as e } from "./__generated__/body.props.js";
+const r = {
   body: [
-    ...e,
+    ...t,
     {
       property: "-webkit-font-smoothing",
       value: { type: "keyword", value: "antialiased" }
@@ -14,15 +13,12 @@ const a = {
       value: { type: "keyword", value: "grayscale" }
     }
   ]
-}, n = {
-  icon: o,
-  states: t,
-  presetStyle: a
-}, y = {
-  props: r,
-  initialProps: ["id", "className"]
+}, i = {
+  states: o,
+  presetStyle: r,
+  initialProps: ["id", "class"],
+  props: e
 };
 export {
-  n as meta,
-  y as propsMeta
+  i as meta
 };

package/lib/bold.ws.js

@@ -1,19 +1,13 @@
-import { BoldIcon as o } from "@webstudio-is/icons/svg";
 import { defaultStates as t } from "@webstudio-is/sdk";
-import { b as r } from "@webstudio-is/sdk/normalize.css";
+import { b as o } from "@webstudio-is/sdk/normalize.css";
 import { props as e } from "./__generated__/bold.props.js";
-const s = {
-  b: r
-}, l = {
+const a = {
   label: "Bold Text",
-  icon: o,
   states: t,
-  presetStyle: s
-}, c = {
-  props: e,
-  initialProps: ["id", "className"]
+  presetStyle: { b: o },
+  initialProps: ["id", "class"],
+  props: e
 };
 export {
-  l as meta,
-  c as propsMeta
+  a as meta
 };