@webstudio-is/react-sdk 0.7.2 → 0.8.0

package/lib/cjs/components/body.ws.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const body_1 = require("./body");
+const defaultStyle = {
+    marginTop: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginRight: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginBottom: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    marginLeft: {
+        type: "unit",
+        unit: "px",
+        value: 0,
+    },
+    minHeight: {
+        type: "unit",
+        unit: "%",
+        value: 100,
+    },
+    backgroundColor: {
+        type: "keyword",
+        value: "white",
+    },
+    fontFamily: {
+        type: "keyword",
+        value: "Arial",
+    },
+    fontSize: {
+        type: "unit",
+        unit: "px",
+        value: 14,
+    },
+    lineHeight: {
+        type: "unit",
+        unit: "number",
+        value: 1.5,
+    },
+    color: {
+        type: "keyword",
+        value: "#232323",
+    },
+};
+const meta = {
+    Icon: icons_1.BodyIcon,
+    Component: body_1.Body,
+    canAcceptChildren: true,
+    isContentEditable: false,
+    label: "Body",
+    isInlineOnly: false,
+    isListed: false,
+    defaultStyle,
+};
+exports.default = meta;

package/lib/cjs/components/body.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Body } from "./body";
+declare const meta: WsComponentMeta<typeof Body>;
+export default meta;
+//# sourceMappingURL=body.ws.d.ts.map

package/lib/cjs/components/body.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.ws.d.ts","sourceRoot":"","sources":["../../../src/components/body.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAoD9B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,IAAI,CAStC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/cjs/components/bold.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bold = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const defaultTag = "b";
+exports.Bold = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("b", { ...props, ref: ref }));
+exports.Bold.displayName = "Bold";

package/lib/cjs/components/bold.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Bold: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=bold.d.ts.map

package/lib/cjs/components/bold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold.d.ts","sourceRoot":"","sources":["../../../src/components/bold.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,sPAG4B,CAAC"}

package/lib/cjs/components/bold.props.json

@@ -0,0 +1,491 @@
+{
+    "slot": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "style": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "title": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "defaultChecked": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "defaultValue": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "suppressContentEditableWarning": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "suppressHydrationWarning": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "accessKey": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "className": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "contentEditable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "contextMenu": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "dir": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "draggable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "hidden": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "id": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "lang": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "placeholder": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "spellCheck": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "tabIndex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "translate": {
+        "defaultValue": null,
+        "options": ["yes", "no"],
+        "required": false,
+        "type": "radio"
+    },
+    "radioGroup": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "role": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "about": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "datatype": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "inlist": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "prefix": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "property": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "resource": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "typeof": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "vocab": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoCapitalize": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoCorrect": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "autoSave": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "color": {
+        "defaultValue": null,
+        "required": false,
+        "type": "color"
+    },
+    "itemProp": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemScope": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "itemType": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemID": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "itemRef": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "results": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "security": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "unselectable": {
+        "defaultValue": null,
+        "options": ["on", "off"],
+        "required": false,
+        "type": "radio"
+    },
+    "inputMode": {
+        "defaultValue": null,
+        "options": [
+            "text",
+            "none",
+            "search",
+            "tel",
+            "url",
+            "email",
+            "numeric",
+            "decimal"
+        ],
+        "required": false,
+        "type": "select"
+    },
+    "is": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-activedescendant": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-atomic": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-autocomplete": {
+        "defaultValue": null,
+        "options": ["list", "none", "inline", "both"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-busy": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-checked": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-colcount": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-colindex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-colspan": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-controls": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-current": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-describedby": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-details": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-disabled": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-dropeffect": {
+        "defaultValue": null,
+        "options": ["link", "none", "copy", "execute", "move", "popup"],
+        "required": false,
+        "type": "select"
+    },
+    "aria-errormessage": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-expanded": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-flowto": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-grabbed": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-haspopup": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-hidden": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-invalid": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-keyshortcuts": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-label": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-labelledby": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-level": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-live": {
+        "defaultValue": null,
+        "options": ["off", "assertive", "polite"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-modal": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-multiline": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-multiselectable": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-orientation": {
+        "defaultValue": null,
+        "options": ["horizontal", "vertical"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-owns": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-placeholder": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-posinset": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-pressed": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-readonly": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-relevant": {
+        "defaultValue": null,
+        "options": [
+            "text",
+            "additions",
+            "additions removals",
+            "additions text",
+            "all",
+            "removals",
+            "removals additions",
+            "removals text",
+            "text additions",
+            "text removals"
+        ],
+        "required": false,
+        "type": "select"
+    },
+    "aria-required": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-roledescription": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    },
+    "aria-rowcount": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-rowindex": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-rowspan": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-selected": {
+        "defaultValue": null,
+        "required": false,
+        "type": "boolean"
+    },
+    "aria-setsize": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-sort": {
+        "defaultValue": null,
+        "options": ["none", "ascending", "descending", "other"],
+        "required": false,
+        "type": "radio"
+    },
+    "aria-valuemax": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuemin": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuenow": {
+        "defaultValue": null,
+        "required": false,
+        "type": "number"
+    },
+    "aria-valuetext": {
+        "defaultValue": null,
+        "required": false,
+        "type": "text"
+    }
+}

package/lib/cjs/components/bold.stories.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bold = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bold_1 = require("./bold");
+exports.default = {
+    title: "Components/Bold",
+    component: bold_1.Bold,
+};
+const Template = (args) => ((0, jsx_runtime_1.jsx)(bold_1.Bold, { ...args }));
+exports.Bold = Template.bind({});
+exports.Bold.args = {
+    children: "some bold text",
+};

package/lib/cjs/components/bold.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>>;
+export default _default;
+export declare const Bold: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>>;
+//# sourceMappingURL=bold.stories.d.ts.map

package/lib/cjs/components/bold.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold.stories.d.ts","sourceRoot":"","sources":["../../../src/components/bold.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAGtE,wBAGyC;AAMzC,eAAO,MAAM,IAAI,sQAAoB,CAAC"}

package/lib/cjs/components/bold.ws.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const icons_1 = require("@webstudio-is/icons");
+const bold_1 = require("./bold");
+const meta = {
+    Icon: icons_1.FontBoldIcon,
+    Component: bold_1.Bold,
+    canAcceptChildren: false,
+    isContentEditable: false,
+    label: "Bold Text",
+    isInlineOnly: true,
+    isListed: false,
+};
+exports.default = meta;

package/lib/cjs/components/bold.ws.d.ts

@@ -0,0 +1,5 @@
+import type { WsComponentMeta } from "./component-type";
+import { Bold } from "./bold";
+declare const meta: WsComponentMeta<typeof Bold>;
+export default meta;
+//# sourceMappingURL=bold.ws.d.ts.map

package/lib/cjs/components/bold.ws.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold.ws.d.ts","sourceRoot":"","sources":["../../../src/components/bold.ws.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,eAAe,CAAC,OAAO,IAAI,CAQtC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/cjs/components/box.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+const react_1 = require("react");
+const defaultTag = "div";
+exports.Box = (0, react_1.forwardRef)(({ tag = defaultTag, ...props }, ref) => {
+    return (0, react_1.createElement)(tag, { ...props, ref });
+});
+exports.Box.displayName = "Box";

package/lib/cjs/components/box.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from "react";
+declare const defaultTag = "div";
+declare type Props = ComponentProps<typeof defaultTag> & {
+    tag?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure";
+};
+export declare const Box: import("react").ForwardRefExoticComponent<Pick<Props, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "tag"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=box.d.ts.map

package/lib/cjs/components/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/components/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,UAAU,QAAQ,CAAC;AAGzB,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC/C,GAAG,CAAC,EACA,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,GAAG,8KAIf,CAAC"}