@webstudio-is/sdk-components-react 0.81.0 → 0.83.0

package/lib/body.ws.js

@@ -5,7 +5,17 @@ import {
 import { body } from "@webstudio-is/react-sdk/css-normalize";
 import { props } from "./__generated__/body.props";
 const presetStyle = {
-  body
+  body: [
+    ...body,
+    {
+      property: "WebkitFontSmoothing",
+      value: { type: "keyword", value: "antialiased" }
+    },
+    {
+      property: "MozOsxFontSmoothing",
+      value: { type: "keyword", value: "grayscale" }
+    }
+  ]
 };
 const meta = {
   type: "container",

package/lib/cjs/__generated__/blockquote.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -351,9 +376,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/body.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -350,9 +375,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/bold.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -350,9 +375,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/box.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -350,9 +375,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/button.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -357,9 +382,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/checkbox.props.js

@@ -45,12 +45,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -69,6 +76,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -93,6 +106,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -283,6 +302,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -357,7 +382,7 @@ const props = {
     required: false,
     control: "select",
     type: "string",
-    options: ["enter", "done", "go", "next", "previous", "search", "send"]
+    options: ["search", "enter", "done", "go", "next", "previous", "send"]
   },
   form: { required: false, control: "text", type: "string" },
   formAction: { required: false, control: "text", type: "string" },
@@ -374,8 +399,8 @@ const props = {
     control: "select",
     type: "string",
     options: [
-      "text",
       "search",
+      "text",
       "none",
       "tel",
       "url",

package/lib/cjs/__generated__/code-text.props.js

@@ -43,12 +43,19 @@ const props = {
     type: "string",
     options: ["inline", "list", "none", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -67,6 +74,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -91,6 +104,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -281,6 +300,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -356,9 +381,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",

package/lib/cjs/__generated__/form.props.js

@@ -45,12 +45,19 @@ const props = {
     type: "string",
     options: ["list", "none", "inline", "both"]
   },
-  "aria-busy": {
-    description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
+  "aria-braillelabel": {
+    description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
     required: false,
-    control: "boolean",
-    type: "boolean"
+    control: "text",
+    type: "string"
   },
+  "aria-brailleroledescription": {
+    description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
+  "aria-busy": { required: false, control: "boolean", type: "boolean" },
   "aria-checked": {
     description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
     required: false,
@@ -69,6 +76,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-colindextext": {
+    description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-colspan": {
     description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
     required: false,
@@ -93,6 +106,12 @@ const props = {
     control: "text",
     type: "string"
   },
+  "aria-description": {
+    description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-details": {
     description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
     required: false,
@@ -283,6 +302,12 @@ const props = {
     control: "number",
     type: "number"
   },
+  "aria-rowindextext": {
+    description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
+    required: false,
+    control: "text",
+    type: "string"
+  },
   "aria-rowspan": {
     description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
     required: false,
@@ -354,9 +379,9 @@ const props = {
     control: "select",
     type: "string",
     options: [
+      "search",
       "text",
       "none",
-      "search",
       "tel",
       "url",
       "email",