diff --git a/apps/builder/app/builder/features/settings-panel/props-section/props-section.tsx b/apps/builder/app/builder/features/settings-panel/props-section/props-section.tsx index c575462b50b2..1b62037d9100 100644 --- a/apps/builder/app/builder/features/settings-panel/props-section/props-section.tsx +++ b/apps/builder/app/builder/features/settings-panel/props-section/props-section.tsx @@ -3,7 +3,6 @@ import { useState } from "react"; import { computed } from "nanostores"; import { useStore } from "@nanostores/react"; import { matchSorter } from "match-sorter"; -import { ariaAttributes } from "@webstudio-is/html-data"; import { type Instance, type Props, @@ -17,7 +16,11 @@ import { Box, Grid, } from "@webstudio-is/design-system"; -import { isAttributeNameSafe } from "@webstudio-is/react-sdk"; +import { + isAttributeNameSafe, + reactPropsToStandardAttributes, + standardAttributesToReactProps, +} from "@webstudio-is/react-sdk"; import { $propValuesByInstanceSelector, $propsIndex, @@ -34,11 +37,9 @@ import { $selectedInstance, $selectedInstanceKey } from "~/shared/awareness"; import { renderControl } from "../controls/combined"; import { usePropsLogic, type PropAndMeta } from "./use-props-logic"; import { AnimationSection } from "./animation/animation-section"; -import { - $instanceTags, - $matchingBreakpoints, -} from "../../style-panel/shared/model"; +import { $matchingBreakpoints } from "../../style-panel/shared/model"; import { matchMediaBreakpoints } from "./match-media-breakpoints"; +import { $selectedInstancePropsMetas } from "../shared"; type Item = { name: string; @@ -80,7 +81,11 @@ const renderProperty = ( instanceId, meta, prop, - computedValue: propValues.get(propName) ?? meta.defaultValue, + computedValue: + propValues.get(propName) ?? + // support legacy html props with react names + propValues.get(standardAttributesToReactProps[propName]) ?? + meta.defaultValue, propName, onChange: (propValue) => { logic.handleChange({ prop, propName }, propValue); @@ -99,33 +104,31 @@ const renderProperty = ( const forbiddenProperties = new Set(["style", "class", "className"]); const $availableProps = computed( - [$selectedInstance, $props, $registeredComponentPropsMetas, $instanceTags], - (instance, props, propsMetas, instanceTags) => { + [ + $selectedInstance, + $props, + $registeredComponentPropsMetas, + $selectedInstancePropsMetas, + ], + (instance, props, componentPropsMetas, instancePropsMetas) => { const availableProps = new Map(); - if (instance === undefined) { - return []; - } - // add component props - const metas = propsMetas.get(instance.component); - for (const [name, propMeta] of Object.entries(metas?.props ?? {})) { - const { label, description } = propMeta; + for (const [name, { label, description }] of instancePropsMetas) { availableProps.set(name, { name, label, description }); } - // add aria attributes only for components with tags - const tag = instanceTags.get(instance.id); - if (tag) { - for (const { name, description } of ariaAttributes) { - availableProps.set(name, { name, description }); - } + if (instance === undefined) { + return []; } + const propsMetas = componentPropsMetas.get(instance.component); // remove initial props - for (const name of metas?.initialProps ?? []) { + for (const name of propsMetas?.initialProps ?? []) { availableProps.delete(name); + availableProps.delete(reactPropsToStandardAttributes[name]); } // remove defined props for (const prop of props.values()) { if (prop.instanceId === instance.id) { availableProps.delete(prop.name); + availableProps.delete(reactPropsToStandardAttributes[prop.name]); } } return Array.from(availableProps.values()); @@ -336,10 +339,9 @@ export const PropsSectionContainer = ({ }, }); - const hasMetaProps = Object.keys(logic.meta.props).length !== 0; - - if (hasMetaProps === false) { - return null; + const propsMetas = useStore($selectedInstancePropsMetas); + if (propsMetas.size === 0) { + return; } return ( diff --git a/apps/builder/app/builder/features/settings-panel/props-section/use-props-logic.ts b/apps/builder/app/builder/features/settings-panel/props-section/use-props-logic.ts index e3db3e41a08e..64752eba642b 100644 --- a/apps/builder/app/builder/features/settings-panel/props-section/use-props-logic.ts +++ b/apps/builder/app/builder/features/settings-panel/props-section/use-props-logic.ts @@ -3,7 +3,12 @@ import { computed } from "nanostores"; import { useStore } from "@nanostores/react"; import type { PropMeta, Instance, Prop } from "@webstudio-is/sdk"; import { descendantComponent } from "@webstudio-is/sdk"; -import { showAttribute, textContentAttribute } from "@webstudio-is/react-sdk"; +import { + reactPropsToStandardAttributes, + showAttribute, + standardAttributesToReactProps, + textContentAttribute, +} from "@webstudio-is/react-sdk"; import { $instances, $isContentMode, @@ -13,8 +18,11 @@ import { } from "~/shared/nano-states"; import { isRichText } from "~/shared/content-model"; import { $selectedInstancePath } from "~/shared/awareness"; -import { showAttributeMeta, type PropValue } from "../shared"; -import { ariaAttributes } from "@webstudio-is/html-data"; +import { + $selectedInstancePropsMetas, + showAttributeMeta, + type PropValue, +} from "../shared"; type PropOrName = { prop?: Prop; propName: string }; @@ -154,42 +162,6 @@ const $canHaveTextContent = computed( }); } ); -type Attribute = (typeof ariaAttributes)[number]; - -const attributeToMeta = (attribute: Attribute): PropMeta => { - if (attribute.type === "string") { - return { - type: "string", - control: "text", - required: false, - }; - } - if (attribute.type === "select") { - const options = attribute.options ?? []; - return { - type: "string", - control: options.length > 3 ? "select" : "radio", - required: false, - options, - }; - } - if (attribute.type === "number") { - return { - type: "number", - control: "number", - required: false, - }; - } - if (attribute.type === "boolean") { - return { - type: "boolean", - control: "boolean", - required: false, - }; - } - attribute.type satisfies never; - throw Error("impossible case"); -}; /** usePropsLogic expects that key={instanceId} is used on the ancestor component */ export const usePropsLogic = ({ @@ -219,27 +191,17 @@ export const usePropsLogic = ({ return propsWhiteList.includes(propName); }; - const meta = useStore($registeredComponentPropsMetas).get( - instance.component - ) ?? { - props: {}, - initialProps: [], - }; - const savedProps = props; // we will delete items from these maps as we categorize the props const unprocessedSaved = new Map(savedProps.map((prop) => [prop.name, prop])); - const metas = new Map(); - for (const attribute of ariaAttributes) { - metas.set(attribute.name, attributeToMeta(attribute)); - } - for (const [name, propMeta] of Object.entries(meta.props)) { - metas.set(name, propMeta); - } + const propsMetas = useStore($selectedInstancePropsMetas); - const initialPropsNames = new Set(meta.initialProps ?? []); + const componentPropsMeta = useStore($registeredComponentPropsMetas).get( + instance.component + ); + const initialPropsNames = new Set(componentPropsMeta?.initialProps); const systemProps: PropAndMeta[] = []; // descendant component is not actually rendered @@ -278,9 +240,13 @@ export const usePropsLogic = ({ } const initialProps: PropAndMeta[] = []; - for (const name of initialPropsNames) { - const saved = getAndDelete(unprocessedSaved, name); - const propMeta = metas.get(name); + for (let name of initialPropsNames) { + let propMeta = propsMetas.get(name); + // className -> class + if (propsMetas.has(reactPropsToStandardAttributes[name])) { + name = reactPropsToStandardAttributes[name]; + propMeta = propsMetas.get(name); + } if (propMeta === undefined) { console.error( @@ -289,7 +255,16 @@ export const usePropsLogic = ({ continue; } - let prop = saved; + let prop = + getAndDelete(unprocessedSaved, name) ?? + // support legacy html props stored with react names + getAndDelete( + unprocessedSaved, + standardAttributesToReactProps[name] + ); + if (prop) { + prop = { ...prop, name }; + } // For initial props, if prop is not saved, we want to show default value if available. // @@ -312,13 +287,20 @@ export const usePropsLogic = ({ } const addedProps: PropAndMeta[] = []; - for (const prop of Array.from(unprocessedSaved.values()).reverse()) { + for (let prop of Array.from(unprocessedSaved.values()).reverse()) { // ignore parameter props if (prop.type === "parameter") { continue; } - - const propMeta = metas.get(prop.name) ?? getDefaultMetaForType("string"); + let name = prop.name; + let propMeta = propsMetas.get(name); + // support legacy html props stored with react names + if (propsMetas.has(reactPropsToStandardAttributes[name])) { + name = reactPropsToStandardAttributes[name]; + propMeta = propsMetas.get(name); + } + prop = { ...prop, name }; + propMeta ??= getDefaultMetaForType("string"); addedProps.push({ prop, @@ -329,7 +311,8 @@ export const usePropsLogic = ({ const handleAdd = (propName: string) => { // In case of custom property/attribute we get a string. - const propMeta = metas.get(propName) ?? getDefaultMetaForType("string"); + const propMeta = + propsMetas.get(propName) ?? getDefaultMetaForType("string"); const prop = getStartingProp(instance.id, propMeta, propName); if (prop) { updateProp(prop); @@ -358,7 +341,6 @@ export const usePropsLogic = ({ handleAdd, handleChange, handleChangeByPropName, - meta, /** Similar to Initial, but displayed as a separate group in UI etc. * Currentrly used only for the ID prop. */ systemProps: systemProps.filter(({ propName }) => isPropVisible(propName)), diff --git a/apps/builder/app/builder/features/settings-panel/shared.tsx b/apps/builder/app/builder/features/settings-panel/shared.tsx index 5489bf6e2a34..14c44d9f0bbe 100644 --- a/apps/builder/app/builder/features/settings-panel/shared.tsx +++ b/apps/builder/app/builder/features/settings-panel/shared.tsx @@ -11,6 +11,11 @@ import { type ComponentProps, } from "react"; import equal from "fast-deep-equal"; +import { ariaAttributes, attributesByTag } from "@webstudio-is/html-data"; +import { + reactPropsToStandardAttributes, + standardAttributesToReactProps, +} from "@webstudio-is/react-sdk"; import { decodeDataSourceVariable, encodeDataSourceVariable, @@ -33,11 +38,16 @@ import { import { $dataSourceVariables, $dataSources, + $registeredComponentPropsMetas, $variableValuesByInstanceSelector, } from "~/shared/nano-states"; import type { BindingVariant } from "~/builder/shared/binding-popover"; import { humanizeString } from "~/shared/string-utils"; -import { $selectedInstanceKeyWithRoot } from "~/shared/awareness"; +import { + $selectedInstance, + $selectedInstanceKeyWithRoot, +} from "~/shared/awareness"; +import { $instanceTags } from "../style-panel/shared/model"; export const showAttributeMeta: PropMeta = { label: "Show", @@ -403,11 +413,96 @@ export const humanizeAttribute = (string: string) => { if (string.includes("-")) { return string; } - if (string === "className") { + if (string === "class" || string === "className") { return "Class"; } - if (string === "htmlFor") { + if (string === "for" || string === "htmlFor") { return "For"; } - return humanizeString(string); + return humanizeString(standardAttributesToReactProps[string] ?? string); +}; + +type Attribute = (typeof ariaAttributes)[number]; + +const attributeToMeta = (attribute: Attribute): PropMeta => { + if (attribute.type === "string") { + return { + type: "string", + control: "text", + required: false, + description: attribute.description, + }; + } + if (attribute.type === "select") { + const options = attribute.options ?? []; + return { + type: "string", + control: options.length > 3 ? "select" : "radio", + required: false, + options, + description: attribute.description, + }; + } + if (attribute.type === "number") { + return { + type: "number", + control: "number", + required: false, + description: attribute.description, + }; + } + if (attribute.type === "boolean") { + return { + type: "boolean", + control: "boolean", + required: false, + description: attribute.description, + }; + } + attribute.type satisfies never; + throw Error("impossible case"); }; + +export const $selectedInstancePropsMetas = computed( + [$selectedInstance, $registeredComponentPropsMetas, $instanceTags], + (instance, componentPropsMetas, instanceTags): Map => { + if (instance === undefined) { + return new Map(); + } + const propsMetas = componentPropsMetas.get(instance.component)?.props ?? {}; + const tag = instanceTags.get(instance.id); + const metas = new Map(); + // add html attributes only when instance has tag + if (tag) { + for (const attribute of [...ariaAttributes].reverse()) { + metas.set(attribute.name, attributeToMeta(attribute)); + } + if (attributesByTag["*"]) { + for (const attribute of [...attributesByTag["*"]].reverse()) { + metas.set(attribute.name, attributeToMeta(attribute)); + } + } + if (attributesByTag[tag]) { + for (const attribute of [...attributesByTag[tag]].reverse()) { + metas.set(attribute.name, attributeToMeta(attribute)); + } + } + } + for (const [name, propMeta] of Object.entries(propsMetas).reverse()) { + // when component property has the same name as html attribute in react + // override to deduplicate similar properties + // for example component can have own "className" and html has "class" + const htmlName = reactPropsToStandardAttributes[name]; + if (htmlName) { + metas.delete(htmlName); + } + metas.set(name, propMeta); + } + // ui should render in the following order + // 1. component properties + // 2. specific tag attributes + // 3. global html attributes + // 4. aria attributes + return new Map(Array.from(metas.entries()).reverse()); + } +); diff --git a/packages/generate-arg-types/src/arg-types.ts b/packages/generate-arg-types/src/arg-types.ts index 0f252f793dc0..b8c609a8e5d4 100644 --- a/packages/generate-arg-types/src/arg-types.ts +++ b/packages/generate-arg-types/src/arg-types.ts @@ -20,10 +20,10 @@ export const propsToArgTypes = ( // Exclude props that are in the exclude list .filter(([propName]) => exclude.includes(propName) === false) .filter(([_propName, propItem]) => { - for (const { fileName, name } of propItem.declarations ?? []) { + for (const { fileName } of propItem.declarations ?? []) { // ignore aria attributes if (fileName.endsWith("/@types/react/index.d.ts")) { - return name !== "AriaAttributes"; + return false; } } return true; diff --git a/packages/sdk-components-react-radix/src/__generated__/accordion.props.ts b/packages/sdk-components-react-radix/src/__generated__/accordion.props.ts index 9530c75a7217..bb4c207e82d8 100644 --- a/packages/sdk-components-react-radix/src/__generated__/accordion.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/accordion.props.ts @@ -1,30 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsAccordion: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, collapsible: { description: "Whether an accordion item can be collapsed after it has been opened.", @@ -33,28 +9,6 @@ export const propsAccordion: Record = { type: "boolean", defaultValue: false, }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, defaultValue: { description: "The value of the item whose content is expanded when the accordion is initially rendered. Use\n`defaultValue` if you do not need to control the state of an accordion.", @@ -76,62 +30,6 @@ export const propsAccordion: Record = { control: "boolean", type: "boolean", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, orientation: { description: "The layout in which the Accordion operates.", required: false, @@ -140,78 +38,6 @@ export const propsAccordion: Record = { defaultValue: "vertical", options: ["horizontal", "vertical"], }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { description: "The controlled stateful value of the accordion item whose content is expanded.", @@ -219,63 +45,8 @@ export const propsAccordion: Record = { control: "text", type: "string", }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsAccordionItem: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, disabled: { description: "Whether or not an accordion item is disabled from user interaction.\n@defaultValue false", @@ -283,134 +54,6 @@ export const propsAccordionItem: Record = { control: "boolean", type: "boolean", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -418,628 +61,7 @@ export const propsAccordionItem: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsAccordionHeader: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsAccordionTrigger: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsAccordionContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsAccordionHeader: Record = {}; +export const propsAccordionTrigger: Record = {}; +export const propsAccordionContent: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/checkbox.props.ts b/packages/sdk-components-react-radix/src/__generated__/checkbox.props.ts index 6aaa01854643..eb9a4ee017fe 100644 --- a/packages/sdk-components-react-radix/src/__generated__/checkbox.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/checkbox.props.ts @@ -1,29 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsCheckbox: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, checked: { required: false, control: "boolean", @@ -31,157 +8,6 @@ export const propsCheckbox: Record = { description: "Indicates whether the element should be checked on page load.", }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, required: { required: false, control: "boolean", @@ -189,266 +15,5 @@ export const propsCheckbox: Record = { description: "Indicates whether this form element must be filled before the form can be submitted.", }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsCheckboxIndicator: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsCheckboxIndicator: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/collapsible.props.ts b/packages/sdk-components-react-radix/src/__generated__/collapsible.props.ts index 92186f5138dc..3f839643b2cb 100644 --- a/packages/sdk-components-react-radix/src/__generated__/collapsible.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/collapsible.props.ts @@ -1,122 +1,12 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsCollapsible: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, disabled: { required: false, control: "boolean", type: "boolean", description: "Indicates whether the user can interact with the element.", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, open: { required: false, control: "boolean", @@ -124,263 +14,6 @@ export const propsCollapsible: Record = { description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component.", }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsCollapsibleTrigger: Record = {}; -export const propsCollapsibleContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const propsCollapsibleContent: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/dialog.props.ts b/packages/sdk-components-react-radix/src/__generated__/dialog.props.ts index d93e72a9411f..60a83bf83008 100644 --- a/packages/sdk-components-react-radix/src/__generated__/dialog.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/dialog.props.ts @@ -10,1002 +10,15 @@ export const propsDialog: Record = { }, }; export const propsDialogTrigger: Record = {}; -export const propsDialogOverlay: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsDialogContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsDialogClose: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const propsDialogOverlay: Record = {}; +export const propsDialogContent: Record = {}; +export const propsDialogClose: Record = {}; export const propsDialogTitle: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, tag: { required: false, control: "select", type: "string", options: ["h2", "h3", "h1", "h4", "h5", "h6"], }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsDialogDescription: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsDialogDescription: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/label.props.ts b/packages/sdk-components-react-radix/src/__generated__/label.props.ts index 66f487e223f9..6898f60c0edd 100644 --- a/packages/sdk-components-react-radix/src/__generated__/label.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/label.props.ts @@ -1,200 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - htmlFor: { - required: false, - control: "text", - type: "string", - description: - "Associates this Label with an Input. The value of the “For” attribute should match the ID attribute of the corresponding Input element", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/navigation-menu.props.ts b/packages/sdk-components-react-radix/src/__generated__/navigation-menu.props.ts index ce494d77ea09..655f4dbb2b86 100644 --- a/packages/sdk-components-react-radix/src/__generated__/navigation-menu.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/navigation-menu.props.ts @@ -1,52 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsNavigationMenu: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, defaultValue: { required: false, control: "text", type: "string" }, delayDuration: { description: @@ -63,83 +17,6 @@ export const propsNavigationMenu: Record = { description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, skipDelayDuration: { description: "How much time a user has to enter another trigger without incurring a delay again.\n@defaultValue 300", @@ -147,57 +24,6 @@ export const propsNavigationMenu: Record = { control: "number", type: "number", }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -205,1240 +31,20 @@ export const propsNavigationMenu: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; -export const propsNavigationMenuList: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { +export const propsNavigationMenuList: Record = {}; +export const propsNavigationMenuViewport: Record = {}; +export const propsNavigationMenuContent: Record = {}; +export const propsNavigationMenuItem: Record = { + value: { required: false, control: "text", type: "string", description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], + "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsNavigationMenuViewport: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsNavigationMenuContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsNavigationMenuItem: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsNavigationMenuLink: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, active: { required: false, control: "boolean", type: "boolean" }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - href: { - required: false, - control: "text", - type: "string", - description: "The URL of a linked resource.", - }, - hrefLang: { - required: false, - control: "text", - type: "string", - description: "Specifies the language of the linked resource.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - media: { - required: false, - control: "text", - type: "string", - description: - "Specifies a hint of the media for which the linked resource was designed.", - }, - nonce: { required: false, control: "text", type: "string" }, - ping: { - required: false, - control: "text", - type: "string", - description: - "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "no-referrer", - "no-referrer-when-downgrade", - "origin", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "text", - type: "string", - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsNavigationMenuTrigger: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsNavigationMenuTrigger: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/popover.props.ts b/packages/sdk-components-react-radix/src/__generated__/popover.props.ts index 3a2f2f08e9b3..5c5881853315 100644 --- a/packages/sdk-components-react-radix/src/__generated__/popover.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/popover.props.ts @@ -11,13 +11,6 @@ export const propsPopover: Record = { }; export const propsPopoverTrigger: Record = {}; export const propsPopoverContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, align: { required: false, control: "radio", @@ -34,137 +27,13 @@ export const propsPopoverContent: Record = { "The offset in pixels from the “start“ or “end“ alignment options.", }, arrowPadding: { required: false, control: "number", type: "number" }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, avoidCollisions: { required: false, control: "boolean", type: "boolean" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, hideWhenDetached: { required: false, control: "boolean", type: "boolean", defaultValue: true, }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, side: { required: false, control: "select", @@ -180,68 +49,16 @@ export const propsPopoverContent: Record = { defaultValue: 4, description: "The distance in pixels between the Content and the Trigger.", }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, sticky: { required: false, control: "radio", type: "string", options: ["partial", "always"], }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, updatePositionStrategy: { required: false, control: "radio", type: "string", options: ["always", "optimized"], }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react-radix/src/__generated__/radio-group.props.ts b/packages/sdk-components-react-radix/src/__generated__/radio-group.props.ts index d7c477858574..c38614e45e35 100644 --- a/packages/sdk-components-react-radix/src/__generated__/radio-group.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/radio-group.props.ts @@ -1,52 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsRadioGroup: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, defaultValue: { required: false, control: "text", type: "string" }, dir: { required: false, @@ -62,61 +16,6 @@ export const propsRadioGroup: Record = { type: "boolean", description: "Indicates whether the user can interact with the element.", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, loop: { required: false, control: "boolean", @@ -131,23 +30,12 @@ export const propsRadioGroup: Record = { 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: false, control: "text", type: "string" }, orientation: { required: false, control: "radio", type: "string", options: ["horizontal", "vertical"], }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, required: { required: false, control: "boolean", @@ -155,68 +43,6 @@ export const propsRadioGroup: Record = { description: "Indicates whether this form element must be filled before the form can be submitted.", }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -224,32 +50,8 @@ export const propsRadioGroup: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsRadioGroupItem: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, checked: { required: false, control: "boolean", @@ -257,150 +59,6 @@ export const propsRadioGroupItem: Record = { description: "Indicates whether the element should be checked on page load.", }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, required: { required: false, control: "boolean", @@ -408,75 +66,6 @@ export const propsRadioGroupItem: Record = { description: "Indicates whether this form element must be filled before the form can be submitted.", }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: true, control: "text", @@ -484,190 +73,5 @@ export const propsRadioGroupItem: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsRadioGroupIndicator: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsRadioGroupIndicator: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/select.props.ts b/packages/sdk-components-react-radix/src/__generated__/select.props.ts index 2f5f34939ae4..cdac01ea5983 100644 --- a/packages/sdk-components-react-radix/src/__generated__/select.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/select.props.ts @@ -58,1411 +58,60 @@ export const propsSelect: Record = { "Defines a default value which will be displayed in the element on pageload.", }, }; -export const propsSelectTrigger: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsSelectValue: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - placeholder: { - required: false, - control: "text", - type: "string", - description: - "Provides a hint to the user of what can be entered in the field.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsSelectContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - align: { - required: false, - control: "radio", - type: "string", - options: ["center", "start", "end"], - description: "Specifies the horizontal alignment of the element.", - }, - alignOffset: { required: false, control: "number", type: "number" }, - arrowPadding: { required: false, control: "number", type: "number" }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - avoidCollisions: { required: false, control: "boolean", type: "boolean" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - hideWhenDetached: { required: false, control: "boolean", type: "boolean" }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - sideOffset: { required: false, control: "number", type: "number" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - sticky: { - required: false, - control: "radio", - type: "string", - options: ["partial", "always"], - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - updatePositionStrategy: { - required: false, - control: "radio", - type: "string", - options: ["always", "optimized"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsSelectViewport: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsSelectItem: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - textValue: { required: false, control: "text", type: "string" }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { +export const propsSelectTrigger: Record = {}; +export const propsSelectValue: Record = { + placeholder: { required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: true, control: "text", type: "string", description: - "Defines a default value which will be displayed in the element on pageload.", + "Provides a hint to the user of what can be entered in the field.", }, - vocab: { required: false, control: "text", type: "string" }, }; -export const propsSelectItemIndicator: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { +export const propsSelectContent: Record = { + align: { required: false, - control: "text", + control: "radio", type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", + options: ["center", "start", "end"], + description: "Specifies the horizontal alignment of the element.", }, - translate: { + alignOffset: { required: false, control: "number", type: "number" }, + arrowPadding: { required: false, control: "number", type: "number" }, + avoidCollisions: { required: false, control: "boolean", type: "boolean" }, + hideWhenDetached: { required: false, control: "boolean", type: "boolean" }, + sideOffset: { required: false, control: "number", type: "number" }, + sticky: { required: false, 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.", + options: ["partial", "always"], }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { + updatePositionStrategy: { required: false, control: "radio", type: "string", - options: ["on", "off"], + options: ["always", "optimized"], }, - vocab: { required: false, control: "text", type: "string" }, }; -export const propsSelectItemText: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, +export const propsSelectViewport: Record = { nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { +}; +export const propsSelectItem: Record = { + disabled: { required: false, control: "boolean", type: "boolean", + description: "Indicates whether the user can interact with the element.", }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, + textValue: { required: false, control: "text", type: "string" }, + value: { + required: true, control: "text", type: "string", description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], + "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsSelectItemIndicator: Record = {}; +export const propsSelectItemText: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/switch.props.ts b/packages/sdk-components-react-radix/src/__generated__/switch.props.ts index e1d268367033..e680de5d17a1 100644 --- a/packages/sdk-components-react-radix/src/__generated__/switch.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/switch.props.ts @@ -1,29 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsSwitch: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, checked: { required: false, control: "boolean", @@ -31,157 +8,6 @@ export const propsSwitch: Record = { description: "Indicates whether the element should be checked on page load.", }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, required: { required: false, control: "boolean", @@ -189,266 +15,5 @@ export const propsSwitch: Record = { description: "Indicates whether this form element must be filled before the form can be submitted.", }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; -export const propsSwitchThumb: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; +export const propsSwitchThumb: Record = {}; diff --git a/packages/sdk-components-react-radix/src/__generated__/tabs.props.ts b/packages/sdk-components-react-radix/src/__generated__/tabs.props.ts index 90cf5fd52c47..0f10818b8742 100644 --- a/packages/sdk-components-react-radix/src/__generated__/tabs.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/tabs.props.ts @@ -1,13 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const propsTabs: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, activationMode: { description: "Whether a tab is activated automatically or manually.\n@defaultValue automatic", @@ -16,45 +9,6 @@ export const propsTabs: Record = { type: "string", options: ["automatic", "manual"], }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, defaultValue: { description: "The value of the tab to select by default, if uncontrolled", required: false, @@ -68,62 +22,6 @@ export const propsTabs: Record = { type: "string", options: ["ltr", "rtl"], }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, orientation: { description: "The orientation the tabs are layed out.\nMainly so arrow navigation is done accordingly (left & right vs. up & down)\n@defaultValue horizontal", @@ -132,78 +30,6 @@ export const propsTabs: Record = { type: "string", options: ["horizontal", "vertical"], }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -211,118 +37,8 @@ export const propsTabs: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsTabsList: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, loop: { required: false, control: "boolean", @@ -330,325 +46,8 @@ export const propsTabsList: Record = { description: "Indicates whether the media should start playing from the start when it's finished.", }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsTabsTrigger: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -656,191 +55,8 @@ export const propsTabsTrigger: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; export const propsTabsContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, value: { required: false, control: "text", @@ -848,5 +64,4 @@ export const propsTabsContent: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react-radix/src/__generated__/tooltip.props.ts b/packages/sdk-components-react-radix/src/__generated__/tooltip.props.ts index 1dfb2629da50..343b1f7749f6 100644 --- a/packages/sdk-components-react-radix/src/__generated__/tooltip.props.ts +++ b/packages/sdk-components-react-radix/src/__generated__/tooltip.props.ts @@ -25,13 +25,6 @@ export const propsTooltip: Record = { }; export const propsTooltipTrigger: Record = {}; export const propsTooltipContent: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, align: { required: false, control: "radio", @@ -54,137 +47,13 @@ export const propsTooltipContent: Record = { type: "string", }, arrowPadding: { required: false, control: "number", type: "number" }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, avoidCollisions: { required: false, control: "boolean", type: "boolean" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, hideWhenDetached: { required: false, control: "boolean", type: "boolean", defaultValue: true, }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, side: { required: false, control: "select", @@ -200,68 +69,16 @@ export const propsTooltipContent: Record = { defaultValue: 4, description: "The distance in pixels between the Content and the Trigger.", }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, sticky: { required: false, control: "radio", type: "string", options: ["partial", "always"], }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, updatePositionStrategy: { required: false, control: "radio", type: "string", options: ["always", "optimized"], }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/blockquote.props.ts b/packages/sdk-components-react/src/__generated__/blockquote.props.ts index cbebf04f493a..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/blockquote.props.ts +++ b/packages/sdk-components-react/src/__generated__/blockquote.props.ts @@ -1,195 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - cite: { - required: false, - control: "text", - type: "string", - description: - "Contains a URI which points to the source of the quote or change.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/body.props.ts b/packages/sdk-components-react/src/__generated__/body.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/body.props.ts +++ b/packages/sdk-components-react/src/__generated__/body.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/bold.props.ts b/packages/sdk-components-react/src/__generated__/bold.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/bold.props.ts +++ b/packages/sdk-components-react/src/__generated__/bold.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/box.props.ts b/packages/sdk-components-react/src/__generated__/box.props.ts index 196e4e9bf47c..3ea720ea5299 100644 --- a/packages/sdk-components-react/src/__generated__/box.props.ts +++ b/packages/sdk-components-react/src/__generated__/box.props.ts @@ -1,189 +1,5 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, tag: { required: false, control: "text", type: "string" }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/button.props.ts b/packages/sdk-components-react/src/__generated__/button.props.ts index 630a6d2dad98..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/button.props.ts +++ b/packages/sdk-components-react/src/__generated__/button.props.ts @@ -1,258 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - defaultValue: "submit", - options: ["button", "submit", "reset"], - description: - "Defines the behavior of the button, such as submitting a form or resetting form fields.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/checkbox.props.ts b/packages/sdk-components-react/src/__generated__/checkbox.props.ts index 9fd74f3d0edb..1e2f04a29d25 100644 --- a/packages/sdk-components-react/src/__generated__/checkbox.props.ts +++ b/packages/sdk-components-react/src/__generated__/checkbox.props.ts @@ -1,358 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accept: { - required: false, - control: "text", - type: "string", - description: "List of types the server accepts, typically a file type.", - }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - alt: { - required: false, - control: "text", - type: "string", - description: - "Text description of the image, which is very important for accessibility and search engine optimization. Screen readers read this description to users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - checked: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the element should be checked on page load.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - enterKeyHint: { - required: false, - control: "select", - type: "string", - options: ["search", "enter", "done", "go", "next", "previous", "send"], - description: - "The enterkeyhint specifies what action label (or icon) to present for the enter key onvirtual keyboards. The attribute can be used with form controls (such asthe value of textarea elements), or in elements in anediting host (e.g., using contenteditable attribute).", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - control: "select", - type: "string", - options: [ - "search", - "text", - "email", - "tel", - "none", - "url", - "numeric", - "decimal", - ], - }, - is: { - description: - "Specify that a standard HTML element should behave like a defined custom built-in element", - required: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - list: { - required: false, - control: "text", - type: "string", - description: - "Identifies a list of pre-defined options to suggest to the user.", - }, - max: { - required: false, - control: "number", - type: "number", - description: "Indicates the maximum value allowed.", - }, - maxLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the maximum number of characters allowed in the element.", - }, - min: { - required: false, - control: "number", - type: "number", - description: "Indicates the minimum value allowed.", - }, - minLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the minimum number of characters allowed in the element.", - }, - multiple: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether multiple values can be entered in an input of the type email or file.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - pattern: { - required: false, - control: "text", - type: "string", - description: - "Defines a regular expression which the element's value will be validated against.", - }, - placeholder: { - required: false, - control: "text", - type: "string", - description: - "Provides a hint to the user of what can be entered in the field.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - readOnly: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the element can be edited.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - required: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether this form element must be filled before the form can be submitted.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - size: { - required: false, - control: "number", - type: "number", - description: - "Defines the width of the element (in pixels). If the element'stype attribute is text or password then it's the number of characters.", - }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - step: { required: false, control: "number", type: "number" }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["off", "on"], - }, value: { required: false, control: "text", @@ -360,11 +8,4 @@ export const props: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, }; diff --git a/packages/sdk-components-react/src/__generated__/code-text.props.ts b/packages/sdk-components-react/src/__generated__/code-text.props.ts index 2b95c8032083..366bf096e725 100644 --- a/packages/sdk-components-react/src/__generated__/code-text.props.ts +++ b/packages/sdk-components-react/src/__generated__/code-text.props.ts @@ -1,189 +1,5 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, code: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/form.props.ts b/packages/sdk-components-react/src/__generated__/form.props.ts index ac6a374987d1..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/form.props.ts +++ b/packages/sdk-components-react/src/__generated__/form.props.ts @@ -1,243 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - acceptCharset: { - required: false, - control: "text", - type: "string", - description: "List of supported charsets.", - }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - action: { - required: false, - control: "text", - type: "string", - description: - "The URI of a program that processes the information submitted via the form.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoComplete: { - required: false, - control: "text", - type: "string", - description: - "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - encType: { - required: false, - control: "text", - type: "string", - description: - "Defines the content type of the form data when themethod is POST.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - method: { - required: false, - control: "text", - type: "string", - description: - "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - noValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - "This attribute indicates that the form shouldn't be validated when submitted.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - target: { - required: false, - control: "text", - type: "string", - description: - "Specifies where to open the linked document (in the case of an element) or where to display the response received (in the case of a
element)", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/head-link.props.ts b/packages/sdk-components-react/src/__generated__/head-link.props.ts index 3fc343c7195c..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/head-link.props.ts +++ b/packages/sdk-components-react/src/__generated__/head-link.props.ts @@ -1,302 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - as: { - required: false, - control: "select", - type: "string", - options: [ - "object", - "audio", - "embed", - "script", - "style", - "track", - "video", - "image", - "document", - "fetch", - "font", - "worker", - ], - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - charSet: { - required: false, - control: "text", - type: "string", - description: "Declares the character encoding of the page or script.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - crossOrigin: { - required: false, - control: "radio", - type: "string", - options: ["", "anonymous", "use-credentials"], - description: "How the element handles cross-origin requests", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - fetchPriority: { - required: false, - control: "radio", - type: "string", - options: ["high", "low", "auto"], - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - href: { - required: false, - control: "text", - type: "string", - description: "The URL of a linked resource.", - }, - hrefLang: { - required: false, - control: "text", - type: "string", - description: "Specifies the language of the linked resource.", - }, - id: { - required: false, - control: "text", - type: "string", - description: - "Often used with CSS to style a specific element. The value of this attribute must be unique.", - }, - imageSizes: { required: false, control: "text", type: "string" }, - imageSrcSet: { required: false, control: "text", type: "string" }, - inputMode: { - description: - "Hints at the type of data that might be entered by the user while editing the element or its contents", - required: false, - control: "select", - type: "string", - options: [ - "search", - "text", - "none", - "tel", - "url", - "email", - "numeric", - "decimal", - ], - }, - integrity: { - required: false, - control: "text", - type: "string", - description: - "Specifies a Subresource Integrity value that allows browsers to verify what they fetch.", - }, - is: { - description: - "Specify that a standard HTML element should behave like a defined custom built-in element", - required: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - media: { - required: false, - control: "text", - type: "string", - description: - "Specifies a hint of the media for which the linked resource was designed.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "origin", - "no-referrer", - "no-referrer-when-downgrade", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "select", - type: "string", - options: [ - "search", - "preload", - "manifest", - "alternate", - "author", - "canonical", - "dns-prefetch", - "help", - "icon", - "license", - "modulepreload", - "next", - "nofollow", - "noopener", - "noreferrer", - "opener", - "pingback", - "preconnect", - "prefetch", - "prev", - "stylesheet", - "tag", - ], - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - sizes: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "text", - type: "string", - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/head-meta.props.ts b/packages/sdk-components-react/src/__generated__/head-meta.props.ts index bb86ad599bff..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/head-meta.props.ts +++ b/packages/sdk-components-react/src/__generated__/head-meta.props.ts @@ -1,214 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - charSet: { - required: false, - control: "text", - type: "string", - description: "Declares the character encoding of the page or script.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - httpEquiv: { - required: false, - control: "text", - type: "string", - description: "Defines a pragma directive.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - media: { - required: false, - control: "text", - type: "string", - description: - "Specifies a hint of the media for which the linked resource was designed.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/head-title.props.ts b/packages/sdk-components-react/src/__generated__/head-title.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/head-title.props.ts +++ b/packages/sdk-components-react/src/__generated__/head-title.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/heading.props.ts b/packages/sdk-components-react/src/__generated__/heading.props.ts index 196e4e9bf47c..3ea720ea5299 100644 --- a/packages/sdk-components-react/src/__generated__/heading.props.ts +++ b/packages/sdk-components-react/src/__generated__/heading.props.ts @@ -1,189 +1,5 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, tag: { required: false, control: "text", type: "string" }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/image.props.ts b/packages/sdk-components-react/src/__generated__/image.props.ts index 620229903083..b1c6f33b68b0 100644 --- a/packages/sdk-components-react/src/__generated__/image.props.ts +++ b/packages/sdk-components-react/src/__generated__/image.props.ts @@ -1,159 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - alt: { - required: false, - control: "text", - type: "string", - description: - "Text description of the image, which is very important for accessibility and search engine optimization. Screen readers read this description to users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - crossOrigin: { - required: false, - control: "radio", - type: "string", - options: ["", "anonymous", "use-credentials"], - description: "How the element handles cross-origin requests", - }, - datatype: { required: false, control: "text", type: "string" }, - decoding: { - required: false, - control: "radio", - type: "string", - options: ["async", "auto", "sync"], - description: "Indicates the preferred method to decode the image.", - }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - fetchPriority: { - required: false, - control: "radio", - type: "string", - options: ["high", "low", "auto"], - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - loading: { - required: false, - control: "radio", - type: "string", - defaultValue: "lazy", - options: ["eager", "lazy"], - description: - "Determines whether the image will load as soon as possible (Eager), or when it scrolls into view (Lazy). Lazy loading is a great option for pages with many images because it can significantly reduce the time it takes for the page to load initially.", - }, - nonce: { required: false, control: "text", type: "string" }, optimize: { description: "Optimize the image for enhanced performance.", required: false, @@ -161,115 +8,5 @@ export const props: Record = { type: "boolean", defaultValue: true, }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, quality: { required: false, control: "number", type: "number" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "origin", - "no-referrer", - "no-referrer-when-downgrade", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - sizes: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - srcSet: { - required: false, - control: "text", - type: "string", - description: "One or more responsive image candidates.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - useMap: { required: false, control: "text", type: "string" }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, }; diff --git a/packages/sdk-components-react/src/__generated__/input.props.ts b/packages/sdk-components-react/src/__generated__/input.props.ts index 93611c54612d..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/input.props.ts +++ b/packages/sdk-components-react/src/__generated__/input.props.ts @@ -1,395 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accept: { - required: false, - control: "text", - type: "string", - description: "List of types the server accepts, typically a file type.", - }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - alt: { - required: false, - control: "text", - type: "string", - description: - "Text description of the image, which is very important for accessibility and search engine optimization. Screen readers read this description to users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - checked: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the element should be checked on page load.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - enterKeyHint: { - required: false, - control: "select", - type: "string", - options: ["search", "enter", "done", "go", "next", "previous", "send"], - description: - "The enterkeyhint specifies what action label (or icon) to present for the enter key onvirtual keyboards. The attribute can be used with form controls (such asthe value of textarea elements), or in elements in anediting host (e.g., using contenteditable attribute).", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - control: "select", - type: "string", - options: [ - "search", - "text", - "email", - "tel", - "url", - "none", - "numeric", - "decimal", - ], - }, - is: { - description: - "Specify that a standard HTML element should behave like a defined custom built-in element", - required: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - list: { - required: false, - control: "text", - type: "string", - description: - "Identifies a list of pre-defined options to suggest to the user.", - }, - max: { - required: false, - control: "number", - type: "number", - description: "Indicates the maximum value allowed.", - }, - maxLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the maximum number of characters allowed in the element.", - }, - min: { - required: false, - control: "number", - type: "number", - description: "Indicates the minimum value allowed.", - }, - minLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the minimum number of characters allowed in the element.", - }, - multiple: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether multiple values can be entered in an input of the type email or file.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - pattern: { - required: false, - control: "text", - type: "string", - description: - "Defines a regular expression which the element's value will be validated against.", - }, - placeholder: { - required: false, - control: "text", - type: "string", - description: - "Provides a hint to the user of what can be entered in the field.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - readOnly: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the element can be edited.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - required: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether this form element must be filled before the form can be submitted.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - size: { - required: false, - control: "number", - type: "number", - description: - "Defines the width of the element (in pixels). If the element'stype attribute is text or password then it's the number of characters.", - }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - step: { required: false, control: "number", type: "number" }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "select", - type: "string", - defaultValue: "text", - options: [ - "number", - "search", - "time", - "text", - "hidden", - "color", - "date", - "datetime-local", - "email", - "month", - "password", - "range", - "tel", - "url", - "week", - ], - description: - "Specifies the type of data that this input will accept and helps the browser provide appropriate validation and formatting for that input type.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["off", "on"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/italic.props.ts b/packages/sdk-components-react/src/__generated__/italic.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/italic.props.ts +++ b/packages/sdk-components-react/src/__generated__/italic.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/label.props.ts b/packages/sdk-components-react/src/__generated__/label.props.ts index b048b10698aa..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/label.props.ts +++ b/packages/sdk-components-react/src/__generated__/label.props.ts @@ -1,201 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - htmlFor: { - required: false, - control: "text", - type: "string", - description: - "Associates this Label with an Input. The value of the “For” attribute should match the ID attribute of the corresponding Input element", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/link.props.ts b/packages/sdk-components-react/src/__generated__/link.props.ts index 55b259b23d02..4396f6df5df1 100644 --- a/packages/sdk-components-react/src/__generated__/link.props.ts +++ b/packages/sdk-components-react/src/__generated__/link.props.ts @@ -1,61 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, download: { required: false, control: "boolean", @@ -63,88 +8,6 @@ export const props: Record = { description: "Indicates that the hyperlink is to be used for downloading a resource.", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - href: { - required: false, - control: "text", - type: "string", - description: "The URL of a linked resource.", - }, - hrefLang: { - required: false, - control: "text", - type: "string", - description: "Specifies the language of the linked resource.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - media: { - required: false, - control: "text", - type: "string", - description: - "Specifies a hint of the media for which the linked resource was designed.", - }, - nonce: { required: false, control: "text", type: "string" }, - ping: { - required: false, - control: "text", - type: "string", - description: - "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink.", - }, prefetch: { required: false, control: "select", @@ -153,76 +16,9 @@ export const props: Record = { description: "Controls when and if the link prefetches the resources that the next page needs to make loading faster. “Intent” will prefetch when the link is hovered or focused. “Render” will prefetch when the link is rendered. “Viewport” will prefetch when the link is in the viewport. “None” will not prefetch.", }, - prefix: { required: false, control: "text", type: "string" }, preventScrollReset: { required: false, control: "boolean", type: "boolean" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "no-referrer", - "no-referrer-when-downgrade", - "origin", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, reloadDocument: { required: false, control: "boolean", type: "boolean" }, replace: { required: false, control: "boolean", type: "boolean" }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, target: { required: false, control: "select", @@ -231,33 +27,4 @@ export const props: Record = { description: "Specifies where to open the linked document (in the case of an element) or where to display the response received (in the case of a element)", }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "text", - type: "string", - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/list-item.props.ts b/packages/sdk-components-react/src/__generated__/list-item.props.ts index 829e5846e491..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/list-item.props.ts +++ b/packages/sdk-components-react/src/__generated__/list-item.props.ts @@ -1,195 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/list.props.ts b/packages/sdk-components-react/src/__generated__/list.props.ts index d23600e39bed..fd94c5cbfa6b 100644 --- a/packages/sdk-components-react/src/__generated__/list.props.ts +++ b/packages/sdk-components-react/src/__generated__/list.props.ts @@ -1,117 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, ordered: { description: "Shows numbers instead of bullets when toggled. See the “List Style Type” property under the “List Item” section in the Style panel for more options.", @@ -120,97 +9,4 @@ export const props: Record = { type: "boolean", defaultValue: false, }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - reversed: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the list should be displayed in a descending order instead of an ascending order.", - }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - start: { - required: false, - control: "number", - type: "number", - description: "Defines the first number if other than 1.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "select", - type: "string", - options: ["a", "i", "1", "A", "I"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/option.props.ts b/packages/sdk-components-react/src/__generated__/option.props.ts index aed6d4e9defc..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/option.props.ts +++ b/packages/sdk-components-react/src/__generated__/option.props.ts @@ -1,213 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - label: { - required: false, - control: "text", - type: "string", - description: "Specifies a user-readable title of the element.", - }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - selected: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines a value which will be selected on page load.", - }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/paragraph.props.ts b/packages/sdk-components-react/src/__generated__/paragraph.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/paragraph.props.ts +++ b/packages/sdk-components-react/src/__generated__/paragraph.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/radio-button.props.ts b/packages/sdk-components-react/src/__generated__/radio-button.props.ts index 9fd74f3d0edb..1e2f04a29d25 100644 --- a/packages/sdk-components-react/src/__generated__/radio-button.props.ts +++ b/packages/sdk-components-react/src/__generated__/radio-button.props.ts @@ -1,358 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accept: { - required: false, - control: "text", - type: "string", - description: "List of types the server accepts, typically a file type.", - }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - alt: { - required: false, - control: "text", - type: "string", - description: - "Text description of the image, which is very important for accessibility and search engine optimization. Screen readers read this description to users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - checked: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the element should be checked on page load.", - }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - enterKeyHint: { - required: false, - control: "select", - type: "string", - options: ["search", "enter", "done", "go", "next", "previous", "send"], - description: - "The enterkeyhint specifies what action label (or icon) to present for the enter key onvirtual keyboards. The attribute can be used with form controls (such asthe value of textarea elements), or in elements in anediting host (e.g., using contenteditable attribute).", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - control: "select", - type: "string", - options: [ - "search", - "text", - "email", - "tel", - "none", - "url", - "numeric", - "decimal", - ], - }, - is: { - description: - "Specify that a standard HTML element should behave like a defined custom built-in element", - required: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - list: { - required: false, - control: "text", - type: "string", - description: - "Identifies a list of pre-defined options to suggest to the user.", - }, - max: { - required: false, - control: "number", - type: "number", - description: "Indicates the maximum value allowed.", - }, - maxLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the maximum number of characters allowed in the element.", - }, - min: { - required: false, - control: "number", - type: "number", - description: "Indicates the minimum value allowed.", - }, - minLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the minimum number of characters allowed in the element.", - }, - multiple: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether multiple values can be entered in an input of the type email or file.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - pattern: { - required: false, - control: "text", - type: "string", - description: - "Defines a regular expression which the element's value will be validated against.", - }, - placeholder: { - required: false, - control: "text", - type: "string", - description: - "Provides a hint to the user of what can be entered in the field.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - readOnly: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the element can be edited.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - required: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether this form element must be filled before the form can be submitted.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - size: { - required: false, - control: "number", - type: "number", - description: - "Defines the width of the element (in pixels). If the element'stype attribute is text or password then it's the number of characters.", - }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - step: { required: false, control: "number", type: "number" }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["off", "on"], - }, value: { required: false, control: "text", @@ -360,11 +8,4 @@ export const props: Record = { description: "Defines a default value which will be displayed in the element on pageload.", }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, }; diff --git a/packages/sdk-components-react/src/__generated__/rich-text-link.props.ts b/packages/sdk-components-react/src/__generated__/rich-text-link.props.ts index 55b259b23d02..4396f6df5df1 100644 --- a/packages/sdk-components-react/src/__generated__/rich-text-link.props.ts +++ b/packages/sdk-components-react/src/__generated__/rich-text-link.props.ts @@ -1,61 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, download: { required: false, control: "boolean", @@ -63,88 +8,6 @@ export const props: Record = { description: "Indicates that the hyperlink is to be used for downloading a resource.", }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - href: { - required: false, - control: "text", - type: "string", - description: "The URL of a linked resource.", - }, - hrefLang: { - required: false, - control: "text", - type: "string", - description: "Specifies the language of the linked resource.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - media: { - required: false, - control: "text", - type: "string", - description: - "Specifies a hint of the media for which the linked resource was designed.", - }, - nonce: { required: false, control: "text", type: "string" }, - ping: { - required: false, - control: "text", - type: "string", - description: - "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink.", - }, prefetch: { required: false, control: "select", @@ -153,76 +16,9 @@ export const props: Record = { description: "Controls when and if the link prefetches the resources that the next page needs to make loading faster. “Intent” will prefetch when the link is hovered or focused. “Render” will prefetch when the link is rendered. “Viewport” will prefetch when the link is in the viewport. “None” will not prefetch.", }, - prefix: { required: false, control: "text", type: "string" }, preventScrollReset: { required: false, control: "boolean", type: "boolean" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "no-referrer", - "no-referrer-when-downgrade", - "origin", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, reloadDocument: { required: false, control: "boolean", type: "boolean" }, replace: { required: false, control: "boolean", type: "boolean" }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, target: { required: false, control: "select", @@ -231,33 +27,4 @@ export const props: Record = { description: "Specifies where to open the linked document (in the case of an element) or where to display the response received (in the case of a element)", }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "text", - type: "string", - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/select.props.ts b/packages/sdk-components-react/src/__generated__/select.props.ts index 7385f0a0f20e..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/select.props.ts +++ b/packages/sdk-components-react/src/__generated__/select.props.ts @@ -1,242 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoComplete: { - required: false, - control: "text", - type: "string", - description: - "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - multiple: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether multiple values can be entered in an input of the type email or file.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - required: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether this form element must be filled before the form can be submitted.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - size: { - required: false, - control: "number", - type: "number", - description: - "Defines the width of the element (in pixels). If the element'stype attribute is text or password then it's the number of characters.", - }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/separator.props.ts b/packages/sdk-components-react/src/__generated__/separator.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/separator.props.ts +++ b/packages/sdk-components-react/src/__generated__/separator.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/span.props.ts b/packages/sdk-components-react/src/__generated__/span.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/span.props.ts +++ b/packages/sdk-components-react/src/__generated__/span.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/subscript.props.ts b/packages/sdk-components-react/src/__generated__/subscript.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/subscript.props.ts +++ b/packages/sdk-components-react/src/__generated__/subscript.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/superscript.props.ts b/packages/sdk-components-react/src/__generated__/superscript.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/superscript.props.ts +++ b/packages/sdk-components-react/src/__generated__/superscript.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/text.props.ts b/packages/sdk-components-react/src/__generated__/text.props.ts index 196e4e9bf47c..3ea720ea5299 100644 --- a/packages/sdk-components-react/src/__generated__/text.props.ts +++ b/packages/sdk-components-react/src/__generated__/text.props.ts @@ -1,189 +1,5 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, tag: { required: false, control: "text", type: "string" }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/textarea.props.ts b/packages/sdk-components-react/src/__generated__/textarea.props.ts index fa08ff15ae91..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/textarea.props.ts +++ b/packages/sdk-components-react/src/__generated__/textarea.props.ts @@ -1,274 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoComplete: { - required: false, - control: "text", - type: "string", - description: - "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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.", - }, - cols: { - required: false, - control: "number", - type: "number", - description: "Defines the number of columns in a textarea.", - }, - content: { - required: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - dirName: { required: false, control: "text", type: "string" }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - maxLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the maximum number of characters allowed in the element.", - }, - minLength: { - required: false, - control: "number", - type: "number", - description: - "Defines the minimum number of characters allowed in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - placeholder: { - required: false, - control: "text", - type: "string", - description: - "Provides a hint to the user of what can be entered in the field.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - readOnly: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the element can be edited.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - required: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether this form element must be filled before the form can be submitted.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - rows: { - required: false, - control: "number", - type: "number", - description: "Defines the number of rows in a text area.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, - wrap: { - required: false, - control: "text", - type: "string", - description: "Indicates whether the text should be wrapped.", - }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/video.props.ts b/packages/sdk-components-react/src/__generated__/video.props.ts index d1e1089aabde..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/video.props.ts +++ b/packages/sdk-components-react/src/__generated__/video.props.ts @@ -1,273 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoPlay: { - required: false, - control: "boolean", - type: "boolean", - description: "The audio or video should play as soon as possible.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - controls: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the browser should show playback controls to the user.", - }, - controlsList: { required: false, control: "text", type: "string" }, - crossOrigin: { - required: false, - control: "radio", - type: "string", - options: ["", "anonymous", "use-credentials"], - description: "How the element handles cross-origin requests", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disablePictureInPicture: { - required: false, - control: "boolean", - type: "boolean", - }, - disableRemotePlayback: { - required: false, - control: "boolean", - type: "boolean", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - loop: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the media should start playing from the start when it's finished.", - }, - mediaGroup: { required: false, control: "text", type: "string" }, - muted: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates whether the audio will be initially silenced on page load.", - }, - nonce: { required: false, control: "text", type: "string" }, - playsInline: { - required: false, - control: "boolean", - type: "boolean", - description: - 'A Boolean attribute indicating that the video is to be played "inline"; that is, within the element\'s playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen.', - }, - poster: { - required: false, - control: "text", - type: "string", - description: - "A URL indicating a poster frame to show until the user plays or seeks.", - }, - prefix: { required: false, control: "text", type: "string" }, - preload: { - required: false, - control: "text", - type: "string", - description: - "Indicates whether the whole resource, parts of it or nothing should be preloaded.", - }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/vimeo-play-button.props.ts b/packages/sdk-components-react/src/__generated__/vimeo-play-button.props.ts index 4b2637529fd6..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/vimeo-play-button.props.ts +++ b/packages/sdk-components-react/src/__generated__/vimeo-play-button.props.ts @@ -1,256 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - disabled: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether the user can interact with the element.", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - form: { - required: false, - control: "text", - type: "string", - description: "Indicates the form that is the owner of the element.", - }, - formAction: { - required: false, - control: "text", - type: "string", - description: - "Indicates the action of the element, overriding the action defined inthe form.", - }, - formEncType: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button\'s form owner.', - }, - formMethod: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button\'s form owner.', - }, - formNoValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - 'If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button\'s form owner.', - }, - formTarget: { - required: false, - control: "text", - type: "string", - description: - 'If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button\'s form owner.', - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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.", - }, - type: { - required: false, - control: "radio", - type: "string", - options: ["button", "submit", "reset"], - description: "Defines the type of the element.", - }, - typeof: { required: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - value: { - required: false, - control: "text", - type: "string", - description: - "Defines a default value which will be displayed in the element on pageload.", - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/vimeo-preview-image.props.ts b/packages/sdk-components-react/src/__generated__/vimeo-preview-image.props.ts index 50493d4f179f..c1cc328e87aa 100644 --- a/packages/sdk-components-react/src/__generated__/vimeo-preview-image.props.ts +++ b/packages/sdk-components-react/src/__generated__/vimeo-preview-image.props.ts @@ -1,273 +1,11 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - alt: { - required: false, - control: "text", - type: "string", - description: - "Text description of the image, which is very important for accessibility and search engine optimization. Screen readers read this description to users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - crossOrigin: { - required: false, - control: "radio", - type: "string", - options: ["", "anonymous", "use-credentials"], - description: "How the element handles cross-origin requests", - }, - datatype: { required: false, control: "text", type: "string" }, - decoding: { - required: false, - control: "radio", - type: "string", - options: ["async", "auto", "sync"], - description: "Indicates the preferred method to decode the image.", - }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - fetchPriority: { - required: false, - control: "radio", - type: "string", - options: ["high", "low", "auto"], - }, - height: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s height in pixels.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - loading: { - required: false, - control: "radio", - type: "string", - options: ["eager", "lazy"], - description: - "Determines whether the image will load as soon as possible (Eager), or when it scrolls into view (Lazy). Lazy loading is a great option for pages with many images because it can significantly reduce the time it takes for the page to load initially.", - }, - nonce: { required: false, control: "text", type: "string" }, optimize: { description: "Optimize the image for enhanced performance.", required: false, control: "boolean", type: "boolean", }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, quality: { required: false, control: "number", type: "number" }, - radioGroup: { required: false, control: "text", type: "string" }, - referrerPolicy: { - required: false, - control: "select", - type: "string", - options: [ - "", - "origin", - "no-referrer", - "no-referrer-when-downgrade", - "origin-when-cross-origin", - "same-origin", - "strict-origin", - "strict-origin-when-cross-origin", - "unsafe-url", - ], - description: "Specifies which referrer is sent when fetching the resource.", - }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - sizes: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - src: { - required: false, - control: "text", - type: "string", - description: "The URL of the embeddable content.", - }, - srcSet: { - required: false, - control: "text", - type: "string", - description: "One or more responsive image candidates.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - useMap: { required: false, control: "text", type: "string" }, - vocab: { required: false, control: "text", type: "string" }, - width: { - required: false, - control: "number", - type: "number", - description: "Defines the image’s width in pixels.", - }, }; diff --git a/packages/sdk-components-react/src/__generated__/vimeo-spinner.props.ts b/packages/sdk-components-react/src/__generated__/vimeo-spinner.props.ts index a44f10473bb4..6898f60c0edd 100644 --- a/packages/sdk-components-react/src/__generated__/vimeo-spinner.props.ts +++ b/packages/sdk-components-react/src/__generated__/vimeo-spinner.props.ts @@ -1,188 +1,3 @@ import type { PropMeta } from "@webstudio-is/sdk"; -export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - nonce: { required: false, control: "text", type: "string" }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - control: "boolean", - type: "boolean", - description: "Indicates whether spell checking is allowed for the element.", - }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, -}; +export const props: Record = {}; diff --git a/packages/sdk-components-react/src/__generated__/webhook-form.props.ts b/packages/sdk-components-react/src/__generated__/webhook-form.props.ts index 48e55a95dd97..ed22729b63d1 100644 --- a/packages/sdk-components-react/src/__generated__/webhook-form.props.ts +++ b/packages/sdk-components-react/src/__generated__/webhook-form.props.ts @@ -1,203 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - acceptCharset: { - required: false, - control: "text", - type: "string", - description: "List of supported charsets.", - }, - accessKey: { - required: false, - control: "text", - type: "string", - description: "Keyboard shortcut to activate or add focus to the element.", - }, - action: { - required: false, - control: "text", - type: "string", - description: - "The URI of a program that processes the information submitted via the form.", - }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoComplete: { - required: false, - control: "text", - type: "string", - description: - "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - control: "boolean", - type: "boolean", - description: - "Indicates that an element should be focused on page load, or when its parent dialog is displayed.", - }, - autoSave: { required: false, control: "text", type: "string" }, - className: { required: false, control: "text", type: "string" }, - color: { - required: false, - 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: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - control: "text", - type: "string", - description: - "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)", - }, - draggable: { - required: false, - control: "boolean", - type: "boolean", - description: "Defines whether the element can be dragged.", - }, - encType: { - required: false, - 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: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, - lang: { - required: false, - control: "text", - type: "string", - description: "Defines the language used in the element.", - }, - method: { - required: false, - control: "text", - type: "string", - description: - "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST.", - }, - name: { - required: false, - 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: false, control: "text", type: "string" }, - noValidate: { - required: false, - control: "boolean", - type: "boolean", - description: - "This attribute indicates that the form shouldn't be validated when submitted.", - }, - prefix: { required: false, control: "text", type: "string" }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - 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.", @@ -207,51 +10,4 @@ export const props: Record = { defaultValue: "initial", options: ["initial", "success", "error"], }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - control: "number", - type: "number", - description: - "Overrides the browser's default tab order and follows the one specified instead.", - }, - target: { - required: false, - control: "text", - type: "string", - description: - "Specifies where to open the linked document (in the case of an element) or where to display the response received (in the case of a element)", - }, - title: { - required: false, - control: "text", - type: "string", - description: - "Text to be displayed in a tooltip when hovering over the element.", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, - vocab: { required: false, control: "text", type: "string" }, }; diff --git a/packages/sdk-components-react/src/__generated__/youtube.props.ts b/packages/sdk-components-react/src/__generated__/youtube.props.ts index 9c13bf9c1c22..17e40739cfd3 100644 --- a/packages/sdk-components-react/src/__generated__/youtube.props.ts +++ b/packages/sdk-components-react/src/__generated__/youtube.props.ts @@ -1,13 +1,6 @@ import type { PropMeta } from "@webstudio-is/sdk"; export const props: Record = { - about: { required: false, control: "text", type: "string" }, - accessKey: { - required: false, - 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: false, @@ -15,21 +8,6 @@ export const props: Record = { type: "boolean", defaultValue: true, }, - autoCapitalize: { - required: false, - control: "text", - type: "string", - description: - "Sets whether input is automatically capitalized when entered by user.", - }, - autoCorrect: { required: false, control: "text", type: "string" }, - autoFocus: { - required: false, - 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.", @@ -38,7 +16,6 @@ export const props: Record = { type: "boolean", defaultValue: false, }, - autoSave: { required: false, 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`", @@ -46,7 +23,6 @@ export const props: Record = { control: "text", type: "string", }, - className: { required: false, 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.\nValid values are 'red' and 'white'.", @@ -55,30 +31,6 @@ export const props: Record = { type: "string", options: ["red", "white"], }, - content: { - required: false, - control: "text", - type: "string", - description: - "A value associated with http-equiv orname depending on the context.", - }, - contextMenu: { - required: false, - control: "text", - type: "string", - description: - "Defines the ID of a menu element which willserve as the element's context menu.", - }, - datatype: { required: false, control: "text", type: "string" }, - defaultChecked: { required: false, control: "boolean", type: "boolean" }, - defaultValue: { required: false, control: "text", type: "string" }, - dir: { - required: false, - 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`", @@ -87,32 +39,12 @@ export const props: Record = { type: "boolean", defaultValue: false, }, - draggable: { - required: false, - 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: false, control: "number", type: "number", }, - hidden: { - required: false, - control: "boolean", - type: "boolean", - description: - "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.", - }, - id: { - required: false, - 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: false, @@ -120,35 +52,6 @@ export const props: Record = { type: "boolean", defaultValue: false, }, - inputMode: { - description: - "Hints at the type of data that might be entered by the user while editing the element or its contents", - required: false, - 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: false, - control: "text", - type: "string", - }, - itemID: { required: false, control: "text", type: "string" }, - itemProp: { required: false, control: "text", type: "string" }, - itemRef: { required: false, control: "text", type: "string" }, - itemScope: { required: false, control: "boolean", type: "boolean" }, - itemType: { required: false, control: "text", type: "string" }, keyboard: { description: "Whether to enable keyboard controls.", required: false, @@ -156,12 +59,6 @@ export const props: Record = { type: "boolean", defaultValue: true, }, - lang: { - required: false, - 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`", @@ -205,7 +102,6 @@ export const props: Record = { type: "boolean", defaultValue: false, }, - nonce: { required: false, control: "text", type: "string" }, origin: { description: "Your domain for API compliance (e.g., `https://yourdomain.com`).", @@ -220,7 +116,6 @@ export const props: Record = { control: "text", type: "string", }, - prefix: { required: false, 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.\nhttps://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode", @@ -229,8 +124,6 @@ export const props: Record = { type: "boolean", defaultValue: true, }, - property: { required: false, control: "text", type: "string" }, - radioGroup: { required: false, control: "text", type: "string" }, referrer: { description: "Referrer URL for tracking purposes.\nOriginal parameter: `widget_referrer`", @@ -238,24 +131,6 @@ export const props: Record = { control: "text", type: "string", }, - rel: { - required: false, - control: "text", - type: "string", - description: - "Specifies the relationship of the target object to the link object.", - }, - resource: { required: false, control: "text", type: "string" }, - results: { required: false, control: "number", type: "number" }, - rev: { required: false, control: "text", type: "string" }, - role: { - required: false, - control: "text", - type: "string", - description: - "Defines an explicit role for an element for use by assistive technologies.", - }, - security: { required: false, control: "text", type: "string" }, showAnnotations: { description: "Whether to show annotations on the video.\nOriginal parameter: `iv_load_policy`", @@ -288,18 +163,6 @@ export const props: Record = { type: "boolean", defaultValue: true, }, - slot: { - required: false, - control: "text", - type: "string", - description: "Assigns a slot in a shadow DOM shadow tree to an element.", - }, - spellCheck: { - required: false, - 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`", @@ -307,50 +170,10 @@ export const props: Record = { control: "number", type: "number", }, - suppressContentEditableWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - suppressHydrationWarning: { - required: false, - control: "boolean", - type: "boolean", - }, - tabIndex: { - required: false, - 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: false, - control: "text", - type: "string", - }, - translate: { - required: false, - 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: false, control: "text", type: "string" }, - unselectable: { - required: false, - control: "radio", - type: "string", - options: ["on", "off"], - }, url: { description: "The YouTube video URL or ID", required: false, control: "text", type: "string", }, - vocab: { required: false, control: "text", type: "string" }, };