@techsio/ui-kit 0.40.0 → 0.41.0

package/dist/atoms/tooltip.figma.js

@@ -1,47 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Button } from "./button.js";
-import { Tooltip } from "./tooltip.js";
-code_connect.connect(Tooltip, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=340-436", {
-    imports: [
-        'import { Tooltip } from "@techsio/ui-kit/atoms/tooltip"',
-        'import { Button } from "@techsio/ui-kit/atoms/button"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        variant: code_connect["enum"]("variant", {
-            default: "default",
-            outline: "outline"
-        }),
-        placement: code_connect["enum"]("placement", {
-            top: "top",
-            "top-start": "top-start",
-            "top-end": "top-end",
-            right: "right",
-            "right-start": "right-start",
-            "right-end": "right-end",
-            bottom: "bottom",
-            "bottom-start": "bottom-start",
-            "bottom-end": "bottom-end",
-            left: "left",
-            "left-start": "left-start",
-            "left-end": "left-end"
-        })
-    },
-    example: ({ placement, size, variant })=>/*#__PURE__*/ jsx(Tooltip, {
-            content: "Tooltip content",
-            open: true,
-            placement: placement,
-            size: size,
-            variant: variant,
-            children: /*#__PURE__*/ jsx(Button, {
-                size: "sm",
-                variant: "secondary",
-                children: "Hover me"
-            })
-        })
-});

package/dist/molecules/accordion.figma.js

@@ -1,41 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Accordion } from "./accordion.js";
-code_connect.connect(Accordion, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=993-936", {
-    imports: [
-        'import { Accordion } from "@libs/ui/molecules/accordion"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        variant: code_connect["enum"]("variant", {
-            default: "default",
-            borderless: "borderless",
-            child: "child"
-        }),
-        shadow: code_connect["enum"]("shadow", {
-            none: "none",
-            sm: "sm",
-            md: "md"
-        })
-    },
-    example: ({ size, variant, shadow })=>/*#__PURE__*/ jsx(Accordion, {
-            shadow: shadow,
-            size: size,
-            variant: variant,
-            children: /*#__PURE__*/ jsxs(Accordion.Item, {
-                value: "item-1",
-                children: [
-                    /*#__PURE__*/ jsx(Accordion.Header, {
-                        children: "Title"
-                    }),
-                    /*#__PURE__*/ jsx(Accordion.Content, {
-                        children: "Content"
-                    })
-                ]
-            })
-        })
-});

package/dist/molecules/breadcrumb.figma.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Breadcrumb } from "./breadcrumb.js";
-code_connect.connect(Breadcrumb, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=828-162", {
-    imports: [
-        'import { Breadcrumb } from "@libs/ui/molecules/breadcrumb"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        })
-    },
-    example: ({ size })=>/*#__PURE__*/ jsxs(Breadcrumb, {
-            size: size,
-            children: [
-                /*#__PURE__*/ jsx(Breadcrumb.Item, {
-                    children: /*#__PURE__*/ jsx(Breadcrumb.Link, {
-                        href: "/",
-                        children: "Home"
-                    })
-                }),
-                /*#__PURE__*/ jsx(Breadcrumb.Item, {
-                    children: /*#__PURE__*/ jsx(Breadcrumb.CurrentLink, {
-                        children: "Current"
-                    })
-                })
-            ]
-        })
-});

package/dist/molecules/carousel.figma.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Carousel } from "./carousel.js";
-code_connect.connect(Carousel, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1190-50", {
-    imports: [
-        'import { Carousel } from "@libs/ui/molecules/carousel"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        orientation: code_connect["enum"]("orientation", {
-            horizontal: "horizontal",
-            vertical: "vertical"
-        })
-    },
-    example: ({ size, orientation })=>/*#__PURE__*/ jsxs(Carousel, {
-            orientation: orientation,
-            size: size,
-            slideCount: 2,
-            children: [
-                /*#__PURE__*/ jsx(Carousel.Slide, {
-                    index: 0,
-                    children: "Slide 1"
-                }),
-                /*#__PURE__*/ jsx(Carousel.Slide, {
-                    index: 1,
-                    children: "Slide 2"
-                })
-            ]
-        })
-});

package/dist/molecules/combobox.figma.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Combobox } from "./combobox.js";
-code_connect.connect(Combobox, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1189-153", {
-    imports: [
-        'import { Combobox } from "@techsio/ui-kit/molecules/combobox"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        validateStatus: code_connect["enum"]("state", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            disabled: "default"
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: true
-        }),
-        required: code_connect.boolean("required")
-    },
-    example: ({ size, validateStatus, disabled, required })=>/*#__PURE__*/ jsx(Combobox, {
-            disabled: disabled,
-            items: [],
-            label: "Label",
-            required: required,
-            size: size,
-            validateStatus: validateStatus
-        })
-});

package/dist/molecules/dialog.figma.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Dialog } from "./dialog.js";
-code_connect.connect(Dialog, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1034-67", {
-    imports: [
-        'import { Dialog } from "@techsio/ui-kit/molecules/dialog"'
-    ],
-    props: {
-        placement: code_connect["enum"]("placement", {
-            center: "center",
-            left: "left",
-            right: "right",
-            top: "top",
-            bottom: "bottom"
-        })
-    },
-    example: ({ placement })=>/*#__PURE__*/ jsx(Dialog, {
-            description: "Description",
-            placement: placement,
-            title: "Title",
-            triggerText: "Open",
-            children: "Content"
-        })
-});

package/dist/molecules/form-checkbox.figma.js

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { FormCheckbox } from "./form-checkbox.js";
-code_connect.connect(FormCheckbox, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=916-487", {
-    imports: [
-        'import { FormCheckbox } from "@techsio/ui-kit/molecules/form-checkbox"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        checked: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: true,
-            indeterminate: false,
-            disabled: false
-        }),
-        indeterminate: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: false,
-            indeterminate: true,
-            disabled: false
-        }),
-        disabled: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: false,
-            indeterminate: false,
-            disabled: true
-        }),
-        children: code_connect.string("label")
-    },
-    example: ({ size, checked, indeterminate, disabled, children })=>/*#__PURE__*/ jsx(FormCheckbox, {
-            checked: checked,
-            disabled: disabled,
-            indeterminate: indeterminate,
-            size: size,
-            children: children
-        })
-});

package/dist/molecules/form-input.figma.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { FormInput } from "./form-input.js";
-code_connect.connect(FormInput, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=306-266", {
-    imports: [
-        'import { FormInput } from "@techsio/ui-kit/molecules/form-input"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        validateStatus: code_connect["enum"]("state", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            disabled: "default"
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: true
-        }),
-        required: code_connect.boolean("required")
-    },
-    example: ({ size, validateStatus, disabled, required })=>/*#__PURE__*/ jsx(FormInput, {
-            disabled: disabled,
-            id: "field",
-            label: "Label",
-            required: required,
-            size: size,
-            validateStatus: validateStatus
-        })
-});

package/dist/molecules/form-numeric-input.figma.js

@@ -1,67 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { NumericInput } from "../atoms/numeric-input.js";
-import { FormNumericInput } from "./form-numeric-input.js";
-code_connect.connect(FormNumericInput, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=603-143", {
-    imports: [
-        'import { NumericInput } from "@techsio/ui-kit/atoms/numeric-input"',
-        'import { FormNumericInput } from "@techsio/ui-kit/molecules/form-numeric-input"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        validateStatus: code_connect["enum"]("state", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            disabled: "default",
-            readonly: "default"
-        }),
-        required: code_connect["enum"]("required", {
-            true: true,
-            false: false
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: true,
-            readonly: false
-        }),
-        readOnly: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: false,
-            readonly: true
-        })
-    },
-    example: ({ disabled, readOnly, required, size, validateStatus })=>/*#__PURE__*/ jsx(FormNumericInput, {
-            defaultValue: 42,
-            disabled: disabled,
-            helpText: "Enter value between 0-100",
-            id: "quantity",
-            label: "Quantity",
-            readOnly: readOnly,
-            required: required,
-            size: size,
-            validateStatus: validateStatus,
-            children: /*#__PURE__*/ jsxs(NumericInput.Control, {
-                children: [
-                    /*#__PURE__*/ jsx(NumericInput.Input, {}),
-                    /*#__PURE__*/ jsxs(NumericInput.TriggerContainer, {
-                        children: [
-                            /*#__PURE__*/ jsx(NumericInput.IncrementTrigger, {}),
-                            /*#__PURE__*/ jsx(NumericInput.DecrementTrigger, {})
-                        ]
-                    })
-                ]
-            })
-        })
-});

package/dist/molecules/form-textarea.figma.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { FormTextarea } from "./form-textarea.js";
-code_connect.connect(FormTextarea, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=929-317", {
-    imports: [
-        'import { FormTextarea } from "@techsio/ui-kit/molecules/form-textarea"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        validateStatus: code_connect["enum"]("state", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            disabled: "default"
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: true
-        }),
-        required: code_connect.boolean("required")
-    },
-    example: ({ size, validateStatus, disabled, required })=>/*#__PURE__*/ jsx(FormTextarea, {
-            disabled: disabled,
-            id: "field",
-            label: "Label",
-            required: required,
-            size: size,
-            validateStatus: validateStatus
-        })
-});

package/dist/molecules/menu.figma.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Menu } from "./menu.js";
-code_connect.connect(Menu, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1183-26", {
-    imports: [
-        'import { Menu } from "@libs/ui/molecules/menu"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        })
-    },
-    example: ({ size })=>/*#__PURE__*/ jsx(Menu, {
-            items: [
-                {
-                    type: "action",
-                    value: "item-1",
-                    label: "Item 1"
-                }
-            ],
-            size: size,
-            triggerText: "Open"
-        })
-});

package/dist/molecules/pagination.figma.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Pagination } from "./pagination.js";
-code_connect.connect(Pagination, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1143-138", {
-    imports: [
-        'import { Pagination } from "@libs/ui/molecules/pagination"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        })
-    },
-    example: ({ size })=>/*#__PURE__*/ jsx(Pagination, {
-            count: 100,
-            defaultPage: 1,
-            getPageUrl: (page)=>`?page=${page}`,
-            pageSize: 10,
-            size: size
-        })
-});

package/dist/molecules/phone-input.figma.js

@@ -1,62 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { PhoneInput } from "./phone-input.js";
-code_connect.connect(PhoneInput, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=2541-171", {
-    imports: [
-        'import { PhoneInput } from "@techsio/ui-kit/molecules/phone-input"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        validateStatus: code_connect["enum"]("state", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            disabled: "default",
-            readonly: "default"
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: true,
-            readonly: false
-        }),
-        readOnly: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            success: false,
-            warning: false,
-            disabled: false,
-            readonly: true
-        }),
-        required: code_connect.boolean("required")
-    },
-    example: ({ size, validateStatus, disabled, readOnly, required })=>/*#__PURE__*/ jsxs(PhoneInput, {
-            defaultCountry: "SK",
-            disabled: disabled,
-            readOnly: readOnly,
-            required: required,
-            size: size,
-            validateStatus: validateStatus,
-            children: [
-                /*#__PURE__*/ jsx(PhoneInput.Label, {
-                    children: "Phone number"
-                }),
-                /*#__PURE__*/ jsxs(PhoneInput.Control, {
-                    children: [
-                        /*#__PURE__*/ jsx(PhoneInput.CountryPicker, {}),
-                        /*#__PURE__*/ jsx(PhoneInput.Input, {})
-                    ]
-                }),
-                /*#__PURE__*/ jsx(PhoneInput.StatusText, {
-                    children: "Helper text"
-                })
-            ]
-        })
-});

package/dist/molecules/popover.figma.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Popover } from "./popover.js";
-code_connect.connect(Popover, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1076-666", {
-    imports: [
-        'import { Popover } from "@libs/ui/molecules/popover"'
-    ],
-    props: {
-        placement: code_connect["enum"]("placement", {
-            top: "top",
-            right: "right",
-            bottom: "bottom",
-            left: "left",
-            "top-start": "top-start",
-            "top-end": "top-end",
-            "bottom-start": "bottom-start",
-            "bottom-end": "bottom-end"
-        })
-    },
-    example: ({ placement })=>/*#__PURE__*/ jsxs(Popover, {
-            defaultOpen: true,
-            id: "popover",
-            placement: placement,
-            children: [
-                /*#__PURE__*/ jsx(Popover.Trigger, {
-                    children: "Open"
-                }),
-                /*#__PURE__*/ jsx(Popover.Positioner, {
-                    children: /*#__PURE__*/ jsxs(Popover.Content, {
-                        children: [
-                            /*#__PURE__*/ jsx(Popover.Arrow, {}),
-                            "Popover content"
-                        ]
-                    })
-                })
-            ]
-        })
-});

package/dist/molecules/product-card.figma.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { ProductCard } from "./product-card.js";
-code_connect.connect(ProductCard, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1182-51", {
-    imports: [
-        'import { ProductCard } from "@libs/ui/molecules/product-card"'
-    ],
-    props: {
-        layout: code_connect["enum"]("layout", {
-            column: "column",
-            row: "row"
-        })
-    },
-    example: ({ layout })=>/*#__PURE__*/ jsxs(ProductCard, {
-            layout: layout,
-            children: [
-                /*#__PURE__*/ jsx(ProductCard.Image, {
-                    alt: "Product",
-                    src: "/product.jpg"
-                }),
-                /*#__PURE__*/ jsx(ProductCard.Name, {
-                    children: "Product Name"
-                }),
-                /*#__PURE__*/ jsx(ProductCard.Price, {
-                    children: "$99.00"
-                }),
-                /*#__PURE__*/ jsx(ProductCard.Actions, {
-                    children: /*#__PURE__*/ jsx(ProductCard.Button, {
-                        children: "Add to cart"
-                    })
-                })
-            ]
-        })
-});

package/dist/molecules/radio-card.figma.js

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { RadioCard } from "./radio-card.js";
-code_connect.connect(RadioCard, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1151-66", {
-    imports: [
-        'import { RadioCard } from "@libs/ui/molecules/radio-card"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        orientation: code_connect["enum"]("orientation", {
-            horizontal: "horizontal",
-            vertical: "vertical"
-        }),
-        disabled: code_connect.boolean("disabled")
-    },
-    example: ({ size, orientation, disabled })=>/*#__PURE__*/ jsx(RadioCard, {
-            disabled: disabled,
-            orientation: orientation,
-            size: size,
-            children: /*#__PURE__*/ jsx(RadioCard.Item, {
-                value: "a",
-                children: /*#__PURE__*/ jsx(RadioCard.ItemControl, {
-                    children: /*#__PURE__*/ jsx(RadioCard.ItemContent, {
-                        children: /*#__PURE__*/ jsx(RadioCard.ItemText, {
-                            children: "Option A"
-                        })
-                    })
-                })
-            })
-        })
-});