@techsio/ui-kit 0.40.1 → 0.41.1

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.40.1",
+  "version": "0.41.1",
+  "license": "MIT",
   "type": "module",
   "repository": {
     "type": "git",
@@ -122,7 +123,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
-    "@figma/code-connect": "^1.4.3",
+    "@figma/code-connect": "^2.0.0",
     "@iconify/json": "^2.2.409",
     "@rsbuild/core": "1.6.7",
     "@rsbuild/plugin-react": "^1.4.1",

package/dist/atoms/action-icon.figma.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { ActionIcon } from "./action-icon.js";
-code_connect.connect(ActionIcon, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=2668-36", {
-    imports: [
-        'import { ActionIcon } from "@techsio/ui-kit/atoms/action-icon"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        tone: code_connect["enum"]("tone", {
-            neutral: "neutral",
-            danger: "danger"
-        })
-    },
-    example: ({ size, tone })=>/*#__PURE__*/ jsx(ActionIcon, {
-            "aria-label": "Clear",
-            icon: "token-icon-close",
-            size: size,
-            tone: tone
-        })
-});

package/dist/atoms/badge.figma.js

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Badge } from "./badge.js";
-code_connect.connect(Badge, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1-7735", {
-    imports: [
-        'import { Badge } from "@techsio/ui-kit/atoms/badge"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary",
-            tertiary: "tertiary",
-            discount: "discount",
-            info: "info",
-            success: "success",
-            warning: "warning",
-            danger: "danger",
-            outline: "outline"
-        }),
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            xl: "xl"
-        }),
-        children: code_connect.string("children")
-    },
-    example: ({ variant, size, children })=>/*#__PURE__*/ jsx(Badge, {
-            size: size,
-            variant: variant,
-            children: children
-        })
-});

package/dist/atoms/button.figma.js

@@ -1,76 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Button } from "./button.js";
-code_connect.connect(Button, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1-5627", {
-    imports: [
-        'import { Button } from "@techsio/ui-kit/atoms/button"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary",
-            tertiary: "tertiary",
-            warning: "warning",
-            danger: "danger"
-        }),
-        theme: code_connect["enum"]("theme", {
-            solid: "solid",
-            light: "light",
-            outlined: "outlined",
-            borderless: "borderless"
-        }),
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        children: code_connect.string("children"),
-        loadingText: code_connect.string("loadingText"),
-        showLeftIcon: code_connect.boolean("showLeftIcon"),
-        iconLeft: code_connect.instance("iconLeft"),
-        showRightIcon: code_connect.boolean("showRightIcon"),
-        iconRight: code_connect.instance("iconRight"),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            hover: false,
-            active: false,
-            focus: false,
-            disabled: true,
-            loading: false
-        }),
-        isLoading: code_connect["enum"]("state", {
-            default: false,
-            hover: false,
-            active: false,
-            focus: false,
-            disabled: false,
-            loading: true
-        })
-    },
-    example: ({ children, disabled, iconLeft, iconRight, showLeftIcon, showRightIcon, isLoading, loadingText, size, theme, variant })=>{
-        const sharedProps = {
-            disabled,
-            isLoading,
-            loadingText,
-            size,
-            theme,
-            variant
-        };
-        if (showRightIcon) return /*#__PURE__*/ jsx(Button, {
-            ...sharedProps,
-            icon: iconRight,
-            iconPosition: "right",
-            children: children
-        });
-        if (showLeftIcon) return /*#__PURE__*/ jsx(Button, {
-            ...sharedProps,
-            icon: iconLeft,
-            iconPosition: "left",
-            children: children
-        });
-        return /*#__PURE__*/ jsx(Button, {
-            ...sharedProps,
-            children: children
-        });
-    }
-});

package/dist/atoms/checkbox.figma.js

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Checkbox } from "./checkbox.js";
-code_connect.connect(Checkbox, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=428-9", {
-    imports: [
-        'import { Checkbox } from "@techsio/ui-kit/atoms/checkbox"'
-    ],
-    props: {
-        checked: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: true,
-            indeterminate: false,
-            error: false
-        }),
-        indeterminate: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: false,
-            indeterminate: true,
-            error: false
-        }),
-        disabled: code_connect.boolean("disabled"),
-        invalid: code_connect["enum"]("state", {
-            unchecked: false,
-            checked: false,
-            indeterminate: false,
-            error: true
-        })
-    },
-    example: ({ checked, indeterminate, disabled, invalid })=>/*#__PURE__*/ jsx(Checkbox, {
-            checked: checked,
-            disabled: disabled,
-            indeterminate: indeterminate,
-            invalid: invalid
-        })
-});

package/dist/atoms/icon.figma.js

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Icon } from "./icon.js";
-code_connect.connect(Icon, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=365-170", {
-    imports: [
-        'import { Icon } from "@techsio/ui-kit/atoms/icon"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            current: "current",
-            xs: "xs",
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            xl: "xl",
-            "2xl": "2xl"
-        }),
-        color: code_connect["enum"]("color", {
-            current: "current",
-            primary: "primary",
-            secondary: "secondary",
-            danger: "danger",
-            success: "success",
-            warning: "warning"
-        }),
-        icon: code_connect.instance("icon")
-    },
-    example: ({ color, size, icon })=>/*#__PURE__*/ jsx(Icon, {
-            color: color,
-            icon: icon ?? "token-icon-plus",
-            size: size
-        })
-});

package/dist/atoms/image.figma.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Image } from "./image.js";
-code_connect.connect(Image, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=484-19", {
-    imports: [
-        'import { Image } from "@techsio/ui-kit/atoms/image"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            full: "full"
-        })
-    },
-    example: ({ size })=>/*#__PURE__*/ jsx(Image, {
-            alt: "Description",
-            size: size,
-            src: "/image.jpg"
-        })
-});

package/dist/atoms/input.figma.js

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Input } from "./input.js";
-code_connect.connect(Input, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=304-107", {
-    imports: [
-        'import { Input } from "@techsio/ui-kit/atoms/input"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        variant: 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
-        })
-    },
-    example: ({ size, variant, disabled })=>/*#__PURE__*/ jsx(Input, {
-            disabled: disabled,
-            size: size,
-            variant: variant
-        })
-});

package/dist/atoms/label.figma.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Label } from "./label.js";
-code_connect.connect(Label, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1-7840", {
-    imports: [
-        'import { Label } from "@techsio/ui-kit/atoms/label"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            current: "current"
-        }),
-        disabled: code_connect.boolean("disabled"),
-        required: code_connect.boolean("required"),
-        children: code_connect.string("children")
-    },
-    example: ({ size, disabled, required, children })=>/*#__PURE__*/ jsx(Label, {
-            disabled: disabled,
-            required: required,
-            size: size,
-            children: children
-        })
-});

package/dist/atoms/link-button.figma.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { LinkButton } from "./link-button.js";
-code_connect.connect(LinkButton, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1358-1944", {
-    imports: [
-        'import { LinkButton } from "@techsio/ui-kit/atoms/link-button"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary",
-            tertiary: "tertiary",
-            warning: "warning",
-            danger: "danger"
-        }),
-        theme: code_connect["enum"]("theme", {
-            solid: "solid",
-            light: "light",
-            outlined: "outlined",
-            borderless: "borderless"
-        }),
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        children: code_connect.string("children"),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            hover: false,
-            disabled: true
-        })
-    },
-    example: ({ variant, theme, size, children, disabled })=>/*#__PURE__*/ jsx(LinkButton, {
-            disabled: disabled,
-            href: "#",
-            size: size,
-            theme: theme,
-            variant: variant,
-            children: children
-        })
-});

package/dist/atoms/link.figma.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Link } from "./link.js";
-code_connect.connect(Link, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=1355-13", {
-    imports: [
-        'import { Link } from "@techsio/ui-kit/atoms/link"'
-    ],
-    props: {
-        children: code_connect.string("children")
-    },
-    example: ({ children })=>/*#__PURE__*/ jsx(Link, {
-            href: "#",
-            children: children
-        })
-});

package/dist/atoms/numeric-input.figma.js

@@ -1,52 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { NumericInput } from "./numeric-input.js";
-code_connect.connect(NumericInput, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=607-107", {
-    imports: [
-        'import { NumericInput } from "@techsio/ui-kit/atoms/numeric-input"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        invalid: code_connect["enum"]("state", {
-            default: false,
-            error: true,
-            disabled: false,
-            readonly: false
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            disabled: true,
-            readonly: false
-        }),
-        readOnly: code_connect["enum"]("state", {
-            default: false,
-            error: false,
-            disabled: false,
-            readonly: true
-        })
-    },
-    example: ({ disabled, invalid, readOnly, size })=>/*#__PURE__*/ jsx(NumericInput, {
-            defaultValue: 42,
-            disabled: disabled,
-            id: "quantity",
-            invalid: invalid,
-            readOnly: readOnly,
-            size: size,
-            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/atoms/rating.figma.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Rating } from "./rating.js";
-code_connect.connect(Rating, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=521-336", {
-    imports: [
-        'import { Rating } from "@techsio/ui-kit/atoms/rating"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        disabled: code_connect["enum"]("disabled", {
-            true: true,
-            false: false
-        }),
-        dir: code_connect["enum"]("dir", {
-            ltr: "ltr",
-            rtl: "rtl"
-        }),
-        allowHalf: code_connect.boolean("allowHalf"),
-        value: code_connect.string("value"),
-        count: code_connect.string("count"),
-        labelText: code_connect.nestedProps("Label", {
-            text: code_connect.string("text")
-        })
-    },
-    example: ({ size, disabled, dir, allowHalf, value, count, labelText })=>/*#__PURE__*/ jsx(Rating, {
-            allowHalf: allowHalf,
-            count: Number(count),
-            defaultValue: Number(value),
-            dir: dir,
-            disabled: disabled,
-            labelText: labelText.text,
-            size: size
-        })
-});

package/dist/atoms/skeleton.figma.js

@@ -1,119 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Skeleton } from "./skeleton.js";
-const placeholderBgClassByVariant = {
-    primary: "bg-skeleton-bg-primary",
-    secondary: "bg-skeleton-bg-secondary"
-};
-code_connect.connect(Skeleton.Rectangle, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=565-101", {
-    imports: [
-        'import { Skeleton } from "@techsio/ui-kit/atoms/skeleton"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary"
-        }),
-        speed: code_connect["enum"]("speed", {
-            slow: "slow",
-            normal: "normal",
-            fast: "fast"
-        })
-    },
-    example: ({ speed, variant })=>{
-        const placeholderBgClass = placeholderBgClassByVariant[variant];
-        return /*#__PURE__*/ jsx(Skeleton.Rectangle, {
-            speed: speed,
-            variant: variant,
-            children: /*#__PURE__*/ jsx("div", {
-                className: `h-20 w-xs rounded-md ${placeholderBgClass}`
-            })
-        });
-    }
-});
-code_connect.connect(Skeleton.Circle, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=565-198", {
-    imports: [
-        'import { Skeleton } from "@techsio/ui-kit/atoms/skeleton"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary"
-        }),
-        speed: code_connect["enum"]("speed", {
-            slow: "slow",
-            normal: "normal",
-            fast: "fast"
-        }),
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            xl: "xl"
-        })
-    },
-    example: ({ size, speed, variant })=>{
-        const placeholderBgClass = placeholderBgClassByVariant[variant];
-        return /*#__PURE__*/ jsx(Skeleton.Circle, {
-            size: size,
-            speed: speed,
-            variant: variant,
-            children: /*#__PURE__*/ jsx("div", {
-                className: `size-16 rounded-full ${placeholderBgClass}`
-            })
-        });
-    }
-});
-code_connect.connect(Skeleton.Text, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=565-2143", {
-    imports: [
-        'import { Skeleton } from "@techsio/ui-kit/atoms/skeleton"'
-    ],
-    props: {
-        variant: code_connect["enum"]("variant", {
-            primary: "primary",
-            secondary: "secondary"
-        }),
-        speed: code_connect["enum"]("speed", {
-            slow: "slow",
-            normal: "normal",
-            fast: "fast"
-        }),
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg",
-            xl: "xl"
-        }),
-        noOfLines: code_connect["enum"]("noOfLines", {
-            1: 1,
-            3: 3,
-            5: 5
-        }),
-        lastLineWidth: code_connect["enum"]("lastLineWidth", {
-            "60%": "60%",
-            "80%": "80%",
-            "90%": "90%"
-        })
-    },
-    example: ({ lastLineWidth, noOfLines, size, speed, variant })=>{
-        const placeholderBgClass = placeholderBgClassByVariant[variant];
-        return /*#__PURE__*/ jsx(Skeleton.Text, {
-            lastLineWidth: lastLineWidth,
-            noOfLines: noOfLines,
-            size: size,
-            speed: speed,
-            variant: variant,
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "w-xs space-y-150",
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: `h-4 w-full rounded-sm ${placeholderBgClass}`
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: `h-4 w-4/5 rounded-sm ${placeholderBgClass}`
-                    })
-                ]
-            })
-        });
-    }
-});

package/dist/atoms/status-text.figma.js

@@ -1,27 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { StatusText } from "./status-text.js";
-code_connect.connect(StatusText, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=304-35", {
-    imports: [
-        'import { StatusText } from "@libs/ui/atoms/status-text"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        status: code_connect["enum"]("status", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning"
-        }),
-        children: code_connect.string("children")
-    },
-    example: ({ size, status, children })=>/*#__PURE__*/ jsx(StatusText, {
-            size: size,
-            status: status,
-            children: children
-        })
-});

package/dist/atoms/textarea.figma.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import code_connect from "@figma/code-connect";
-import { Textarea } from "./textarea.js";
-code_connect.connect(Textarea, "https://www.figma.com/design/gi5GUSWwAeXknaKEeLqK5w/New-Design-System-vol.-2?node-id=502-93", {
-    imports: [
-        'import { Textarea } from "@techsio/ui-kit/atoms/textarea"'
-    ],
-    props: {
-        size: code_connect["enum"]("size", {
-            sm: "sm",
-            md: "md",
-            lg: "lg"
-        }),
-        variant: code_connect["enum"]("variant", {
-            default: "default",
-            error: "error",
-            success: "success",
-            warning: "warning",
-            borderless: "borderless"
-        }),
-        disabled: code_connect["enum"]("state", {
-            default: false,
-            disabled: true,
-            readonly: false
-        }),
-        readonly: code_connect["enum"]("state", {
-            default: false,
-            disabled: false,
-            readonly: true
-        })
-    },
-    example: ({ size, variant, disabled, readonly })=>/*#__PURE__*/ jsx(Textarea, {
-            disabled: disabled,
-            readonly: readonly,
-            size: size,
-            variant: variant
-        })
-});