@openameba/spindle-ui 1.5.1 → 2.0.0

package/.bundlewatch.config.js

@@ -0,0 +1,76 @@
+const bundlewatchConfig = {
+  files: [
+    {
+      path: './dist/Icon/@(OnedariFill|Peta).mjs',
+      maxSize: '2 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/Icon/!(index|OnedariFill|Peta).mjs',
+      maxSize: '1.1 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/!(Icon|Toast|DropdownMenu|Pagination|Modal|SnackBar|StackNotificationManager|SegmentedControl)/*.mjs',
+      maxSize: '1.1 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/Modal/*.mjs',
+      maxSize: '1.5 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/SnackBar/*.mjs',
+      maxSize: '1.5 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/Toast/*.mjs',
+      maxSize: '1.0 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/DropdownMenu/*.mjs',
+      maxSize: '1.5 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/Pagination/*.mjs',
+      maxSize: '1.5 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/StackNotificationManager/*.mjs',
+      maxSize: '2.8 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/SegmentedControl/*.mjs',
+      maxSize: '1.3 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/!(InlineNotification|Modal|SnackBar)/!(index).css',
+      maxSize: '1.5 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/Modal/!(index).css',
+      maxSize: '2.0 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/SnackBar/!(index).css',
+      maxSize: '2.1 kB',
+      compression: 'gzip',
+    },
+    {
+      path: './dist/InlineNotification/!(index).css',
+      maxSize: '2.8 kB',
+      compression: 'gzip',
+    },
+  ],
+};
+
+module.exports = bundlewatchConfig;

package/Breadcrumb/BreadcrumbList.d.ts

@@ -6,6 +6,6 @@ interface Props extends React.HTMLAttributes<HTMLElement> {
     variant?: Variant;
     wrap?: Wrap;
 }
-export declare const BreadcrumbList: (props: Props) => JSX.Element;
+export declare const BreadcrumbList: (props: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=BreadcrumbList.d.ts.map

package/Breadcrumb/BreadcrumbList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,aAAK,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACzC,aAAK,IAAI,GAAG,MAAM,CAAC;AAEnB,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAID,eAAO,MAAM,cAAc,UAAW,KAAK,gBAqD1C,CAAC"}
+{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,aAAK,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACzC,aAAK,IAAI,GAAG,MAAM,CAAC;AAEnB,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAID,eAAO,MAAM,cAAc,UAAW,KAAK,sBAqD1C,CAAC"}

package/Button/Button.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.figma.d.ts.map

package/Button/Button.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.figma.d.ts","sourceRoot":"","sources":["../../src/Button/Button.figma.tsx"],"names":[],"mappings":""}

package/Button/Button.figma.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Button_1 = require("./Button");
+var code_connect_1 = __importDefault(require("@figma/code-connect"));
+code_connect_1.default.connect(Button_1.Button, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=1789-29120&t=5pAze6eM9wAFTPFz-0', {
+    imports: ["import { Button } from '@openameba/spindle-ui';"],
+    props: {
+        size: code_connect_1.default.enum('size', {
+            large: 'large',
+            medium: 'medium',
+            small: 'small',
+        }),
+        variant: code_connect_1.default.enum('variant', {
+            contained: 'contained',
+            outlined: 'outlined',
+            neutral: 'neutral',
+            lighted: 'lighted',
+            danger: 'danger',
+        }),
+        layout: code_connect_1.default.enum('layout', {
+            intrinsic: 'intrinsic',
+            fullWidth: 'fullWidth',
+        }),
+        disabled: code_connect_1.default.boolean('disabled'),
+        content: code_connect_1.default.nestedProps('Instance / Content', {
+            iconPosition: code_connect_1.default.enum('iconPosition', {
+                start: 'start',
+                end: 'end',
+            }),
+            icon: code_connect_1.default.boolean('icon', {
+                true: code_connect_1.default.instance('└ iconName'),
+                false: undefined,
+            }),
+            label: code_connect_1.default.textContent('btn_txt'),
+        }),
+    },
+    example: function (_a) {
+        var size = _a.size, variant = _a.variant, layout = _a.layout, disabled = _a.disabled, content = _a.content;
+        return (react_1.default.createElement(Button_1.Button, { size: size, variant: variant, layout: layout, disabled: disabled, icon: content.icon, iconPosition: content.iconPosition }, content.label));
+    },
+});
+//# sourceMappingURL=Button.figma.js.map

package/Button/Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.figma.js","sourceRoot":"","sources":["../../src/Button/Button.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,mCAAkC;AAClC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,eAAM,EACN,wGAAwG,EACxG;IACE,OAAO,EAAE,CAAC,iDAAiD,CAAC;IAC5D,KAAK,EAAE;QACL,IAAI,EAAE,sBAAK,CAAC,IAAI,CAAC,MAAM,EAAE;YACvB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,QAAQ;YAChB,KAAK,EAAE,OAAO;SACf,CAAC;QACF,OAAO,EAAE,sBAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC7B,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;SACjB,CAAC;QACF,MAAM,EAAE,sBAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC3B,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,WAAW;SACvB,CAAC;QACF,QAAQ,EAAE,sBAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QACnC,OAAO,EAAE,sBAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE;YAC/C,YAAY,EAAE,sBAAK,CAAC,IAAI,CAAC,cAAc,EAAE;gBACvC,KAAK,EAAE,OAAO;gBACd,GAAG,EAAE,KAAK;aACX,CAAC;YACF,IAAI,EAAE,sBAAK,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC1B,IAAI,EAAE,sBAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;gBAClC,KAAK,EAAE,SAAS;aACjB,CAAC;YACF,KAAK,EAAE,sBAAK,CAAC,WAAW,CAAC,SAAS,CAAC;SACpC,CAAC;KACH;IACD,OAAO,EAAE,UAAC,EAA4C;YAA1C,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;QAAO,OAAA,CACzD,8BAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,YAAY,EAAE,OAAO,CAAC,YAAY,IAEjC,OAAO,CAAC,KAAK,CACP,CACV;IAX0D,CAW1D;CACF,CACF,CAAC"}

package/Button/Button.figma.mjs

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Button } from './Button';
+import figma from '@figma/code-connect';
+figma.connect(Button, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=1789-29120&t=5pAze6eM9wAFTPFz-0', {
+    imports: ["import { Button } from '@openameba/spindle-ui';"],
+    props: {
+        size: figma.enum('size', {
+            large: 'large',
+            medium: 'medium',
+            small: 'small',
+        }),
+        variant: figma.enum('variant', {
+            contained: 'contained',
+            outlined: 'outlined',
+            neutral: 'neutral',
+            lighted: 'lighted',
+            danger: 'danger',
+        }),
+        layout: figma.enum('layout', {
+            intrinsic: 'intrinsic',
+            fullWidth: 'fullWidth',
+        }),
+        disabled: figma.boolean('disabled'),
+        content: figma.nestedProps('Instance / Content', {
+            iconPosition: figma.enum('iconPosition', {
+                start: 'start',
+                end: 'end',
+            }),
+            icon: figma.boolean('icon', {
+                true: figma.instance('└ iconName'),
+                false: undefined,
+            }),
+            label: figma.textContent('btn_txt'),
+        }),
+    },
+    example: ({ size, variant, layout, disabled, content }) => (React.createElement(Button, { size: size, variant: variant, layout: layout, disabled: disabled, icon: content.icon, iconPosition: content.iconPosition }, content.label)),
+});

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@1.6.0...@openameba/spindle-ui@2.0.0) (2025-02-07)
+
+### Bug Fixes
+
+- small fix ([80b16b8](https://github.com/openameba/spindle/commit/80b16b8962e7b6a17a43fca27693ab06c70bf46f))
+
+- feat(spindle-icons, spindle-ui)!: update icons ([aac6b58](https://github.com/openameba/spindle/commit/aac6b589af567673fd7086c4c85326cab9fc168c))
+
+### Features
+
+- **spindle-icons:** update icons ([0ef2987](https://github.com/openameba/spindle/commit/0ef29871e67f02789c046caa961b7c03af9f0f77))
+- **spindle-ui:** add switch attribute to ToggleSwitch ([489304a](https://github.com/openameba/spindle/commit/489304aec04bc7e2ba09b00e37e8ea556897c05f))
+
+### BREAKING CHANGES
+
+- The direction of the undo and redo icons has been reversed.
+
+# [1.6.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@1.5.1...@openameba/spindle-ui@1.6.0) (2025-01-15)
+
+### Bug Fixes
+
+- **spindle-ui:** 選択肢が長い時にラジオボタンが潰れて見える ([021e64b](https://github.com/openameba/spindle/commit/021e64b71920dd5f1cd35bdda68666807275458c))
+
 ## [1.5.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@1.5.0...@openameba/spindle-ui@1.5.1) (2024-03-25)
 
 ### Bug Fixes

package/Dialog/Dialog.d.ts

@@ -16,9 +16,9 @@ interface PartsProps {
 }
 export declare const Dialog: {
     Frame: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogHTMLElement>>;
-    StyleOnly: ({ className, children }: PartsProps) => JSX.Element;
-    Title: ({ children, id }: PartsProps) => JSX.Element;
-    Body: ({ children, id }: PartsProps) => JSX.Element;
+    StyleOnly: ({ className, children }: PartsProps) => React.JSX.Element;
+    Title: ({ children, id }: PartsProps) => React.JSX.Element;
+    Body: ({ children, id }: PartsProps) => React.JSX.Element;
     ButtonGroup: React.FC<{
         direction?: ("column" | "row") | undefined;
         size?: ("small" | "medium" | "large") | undefined;

package/Dialog/Dialog.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Dialog.figma.d.ts.map

package/Dialog/Dialog.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.figma.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.figma.tsx"],"names":[],"mappings":""}

package/Dialog/Dialog.figma.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Dialog_1 = require("./Dialog");
+var code_connect_1 = __importDefault(require("@figma/code-connect"));
+var SubtleButton_1 = require("src/SubtleButton");
+var Button_1 = require("src/Button");
+code_connect_1.default.connect(Dialog_1.Dialog, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=452-38043', {
+    imports: ["import { Dialog } from '@openameba/spindle-ui';"],
+    props: {
+        title: code_connect_1.default.boolean('Title', {
+            true: react_1.default.createElement(Dialog_1.Dialog.Title, null),
+            false: undefined,
+        }),
+        description: code_connect_1.default.boolean('Description', {
+            true: react_1.default.createElement(Dialog_1.Dialog.Body, null),
+            false: undefined,
+        }),
+        closeButton: code_connect_1.default.boolean('Close Button', {
+            true: react_1.default.createElement(SubtleButton_1.SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"),
+            false: undefined,
+        }),
+        content: code_connect_1.default.nestedProps('Button Layout', {
+            layout: code_connect_1.default.enum('Layout', {
+                Vertical: 'column',
+                Horizontal: 'row',
+            }),
+            secondaryButton: code_connect_1.default.boolean('Secondary Button2', {
+                true: react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }),
+                false: undefined,
+            }),
+        }),
+    },
+    example: function (_a) {
+        var title = _a.title, description = _a.description, closeButton = _a.closeButton, content = _a.content;
+        return (react_1.default.createElement(Dialog_1.Dialog.Frame, null,
+            title,
+            description,
+            react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, { direction: content.layout },
+                react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", autoFocus: true }),
+                content.secondaryButton,
+                closeButton)));
+    },
+});
+//# sourceMappingURL=Dialog.figma.js.map

package/Dialog/Dialog.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.figma.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,mCAAkC;AAClC,qEAAwC;AACxC,iDAAgD;AAChD,qCAAoC;AAEpC,sBAAK,CAAC,OAAO,CACX,eAAM,EACN,kFAAkF,EAClF;IACE,OAAO,EAAE,CAAC,iDAAiD,CAAC;IAC5D,KAAK,EAAE;QACL,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,OAAO,EAAE;YAC5B,IAAI,EAAE,8BAAC,eAAM,CAAC,KAAK,OAAgB;YACnC,KAAK,EAAE,SAAS;SACjB,CAAC;QACF,WAAW,EAAE,sBAAK,CAAC,OAAO,CAAC,aAAa,EAAE;YACxC,IAAI,EAAE,8BAAC,eAAM,CAAC,IAAI,OAAe;YACjC,KAAK,EAAE,SAAS;SACjB,CAAC;QACF,WAAW,EAAE,sBAAK,CAAC,OAAO,CAAC,cAAc,EAAE;YACzC,IAAI,EAAE,8BAAC,2BAAY,IAAC,IAAI,EAAC,QAAQ,yBAAmB;YACpD,KAAK,EAAE,SAAS;SACjB,CAAC;QACF,OAAO,EAAE,sBAAK,CAAC,WAAW,CAAC,eAAe,EAAE;YAC1C,MAAM,EAAE,sBAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,KAAK;aAClB,CAAC;YACF,eAAe,EAAE,sBAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE;gBAClD,IAAI,EAAE,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAU;gBACxD,KAAK,EAAE,SAAS;aACjB,CAAC;SACH,CAAC;KACH;IACD,OAAO,EAAE,UAAC,EAA4C;YAA1C,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;QAAO,OAAA,CACzD,8BAAC,eAAM,CAAC,KAAK;YACV,KAAK;YACL,WAAW;YACZ,8BAAC,eAAM,CAAC,WAAW,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM;gBAC3C,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,SAAU;gBAC3D,OAAO,CAAC,eAAe;gBACvB,WAAW,CACO,CACR,CAChB;IAV0D,CAU1D;CACF,CACF,CAAC"}

package/Dialog/Dialog.figma.mjs

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Dialog } from './Dialog';
+import figma from '@figma/code-connect';
+import { SubtleButton } from 'src/SubtleButton';
+import { Button } from 'src/Button';
+figma.connect(Dialog, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=452-38043', {
+    imports: ["import { Dialog } from '@openameba/spindle-ui';"],
+    props: {
+        title: figma.boolean('Title', {
+            true: React.createElement(Dialog.Title, null),
+            false: undefined,
+        }),
+        description: figma.boolean('Description', {
+            true: React.createElement(Dialog.Body, null),
+            false: undefined,
+        }),
+        closeButton: figma.boolean('Close Button', {
+            true: React.createElement(SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"),
+            false: undefined,
+        }),
+        content: figma.nestedProps('Button Layout', {
+            layout: figma.enum('Layout', {
+                Vertical: 'column',
+                Horizontal: 'row',
+            }),
+            secondaryButton: figma.boolean('Secondary Button2', {
+                true: React.createElement(Button, { layout: "fullWidth", size: "medium" }),
+                false: undefined,
+            }),
+        }),
+    },
+    example: ({ title, description, closeButton, content }) => (React.createElement(Dialog.Frame, null,
+        title,
+        description,
+        React.createElement(Dialog.ButtonGroup, { direction: content.layout },
+            React.createElement(Button, { layout: "fullWidth", size: "medium", autoFocus: true }),
+            content.secondaryButton,
+            closeButton))),
+});

package/Dialog/DialogExample.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import 'dialog-polyfill/dist/dialog-polyfill.css';
-export declare function DialogExample(): JSX.Element;
-export declare function StyleOnly(): JSX.Element;
-export declare function ButtonRow(): JSX.Element;
-export declare function ButtonColumn(): JSX.Element;
-export declare function ButtonColumnWithSubtleButton(): JSX.Element;
+export declare function DialogExample(): React.JSX.Element;
+export declare function StyleOnly(): React.JSX.Element;
+export declare function ButtonRow(): React.JSX.Element;
+export declare function ButtonColumn(): React.JSX.Element;
+export declare function ButtonColumnWithSubtleButton(): React.JSX.Element;
 //# sourceMappingURL=DialogExample.d.ts.map

package/Dialog/DialogExample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"AAMA,OAAO,0CAA0C,CAAC;AAUlD,wBAAgB,aAAa,gBA0C5B;AAED,wBAAgB,SAAS,gBAYxB;AAED,wBAAgB,SAAS,gBAexB;AAED,wBAAgB,YAAY,gBAe3B;AAED,wBAAgB,4BAA4B,gBAa3C"}
+{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,0CAA0C,CAAC;AAUlD,wBAAgB,aAAa,sBA0C5B;AAED,wBAAgB,SAAS,sBAYxB;AAED,wBAAgB,SAAS,sBAexB;AAED,wBAAgB,YAAY,sBAe3B;AAED,wBAAgB,4BAA4B,sBAa3C"}

package/DropdownMenu/DropdownMenu.d.ts

@@ -17,14 +17,14 @@ interface ListProps extends DefaultProps {
     variant?: Variant;
 }
 export declare const BLOCK_NAME = "spui-DropdownMenu";
-declare const Position: ({ children, position, triggerRef, }: Omit<ListProps, 'onClose' | 'open'>) => JSX.Element;
+declare const Position: ({ children, position, triggerRef, }: Omit<ListProps, 'onClose' | 'open'>) => React.JSX.Element;
 export declare const DropdownMenu: {
-    Caption: ({ children }: DefaultProps) => JSX.Element;
-    Frame: ({ children }: DefaultProps) => JSX.Element;
-    List: ({ children, id, onClose, open, position, triggerRef, variant, }: ListProps) => JSX.Element;
-    ListItem: ({ children, icon, onClick }: ListItemProps) => JSX.Element;
-    Position: ({ children, position, triggerRef, }: Omit<ListProps, 'onClose' | 'open'>) => JSX.Element;
-    Title: ({ children }: DefaultProps) => JSX.Element;
+    Caption: ({ children }: DefaultProps) => React.JSX.Element;
+    Frame: ({ children }: DefaultProps) => React.JSX.Element;
+    List: ({ children, id, onClose, open, position, triggerRef, variant, }: ListProps) => React.JSX.Element;
+    ListItem: ({ children, icon, onClick }: ListItemProps) => React.JSX.Element;
+    Position: ({ children, position, triggerRef, }: Omit<ListProps, 'onClose' | 'open'>) => React.JSX.Element;
+    Title: ({ children }: DefaultProps) => React.JSX.Element;
 };
 export {};
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,aAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,aAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,SAAS,GACT,YAAY,GACZ,YAAY,CAAC;AAEjB,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AAiK9C,QAAA,MAAM,QAAQ,wCAIX,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,gBAuDrC,CAAC;AAMF,eAAO,MAAM,YAAY;4BA7NM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CAgImC,aAAa;oDAgBzD,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;0BAyDT,YAAY;CAWxC,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,aAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,aAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,SAAS,GACT,YAAY,GACZ,YAAY,CAAC;AAEjB,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AAiK9C,QAAA,MAAM,QAAQ,wCAIX,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,sBAuDrC,CAAC;AAMF,eAAO,MAAM,YAAY;4BA7NM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CAgImC,aAAa;oDAgBzD,KAAK,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;0BAyDT,YAAY;CAWxC,CAAC"}

package/Form/Checkbox.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Checkbox.figma.d.ts.map

package/Form/Checkbox.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.figma.d.ts","sourceRoot":"","sources":["../../src/Form/Checkbox.figma.tsx"],"names":[],"mappings":""}

package/Form/Checkbox.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Checkbox_1 = require("./Checkbox");
+var code_connect_1 = __importDefault(require("@figma/code-connect"));
+code_connect_1.default.connect(Checkbox_1.Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33059&t=BiQUBKKifVQV5TbP-0', {
+    imports: ["import { Checkbox } from '@openameba/spindle-ui/Form';"],
+    props: {
+        active: code_connect_1.default.boolean('Active'),
+        hover: code_connect_1.default.boolean('Focus Ring'),
+        label: code_connect_1.default.string('Label'),
+        name: code_connect_1.default.string('Name'),
+        id: code_connect_1.default.string('id'),
+        value: code_connect_1.default.string('value'),
+    },
+    example: function (_a) {
+        var active = _a.active, label = _a.label, name = _a.name, id = _a.id, value = _a.value;
+        return (react_1.default.createElement(Checkbox_1.Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active }));
+    },
+});
+//# sourceMappingURL=Checkbox.figma.js.map

package/Form/Checkbox.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.figma.js","sourceRoot":"","sources":["../../src/Form/Checkbox.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,uCAAsC;AACtC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,mBAAQ,EACR,uGAAuG,EACvG;IACE,OAAO,EAAE,CAAC,wDAAwD,CAAC;IACnE,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,YAAY,CAAC;QAClC,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,sBAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAC/C,8BAAC,mBAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,MAAM,GACL,CACb;IARgD,CAQhD;CACF,CACF,CAAC"}

package/Form/Checkbox.figma.mjs

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Checkbox } from './Checkbox';
+import figma from '@figma/code-connect';
+figma.connect(Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33059&t=BiQUBKKifVQV5TbP-0', {
+    imports: ["import { Checkbox } from '@openameba/spindle-ui/Form';"],
+    props: {
+        active: figma.boolean('Active'),
+        hover: figma.boolean('Focus Ring'),
+        label: figma.string('Label'),
+        name: figma.string('Name'),
+        id: figma.string('id'),
+        value: figma.string('value'),
+    },
+    example: ({ active, label, name, id, value }) => (React.createElement(Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active })),
+});

package/Form/Checkbox.js

@@ -44,17 +44,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var react_1 = __importStar(require("react"));
-var Icon_1 = require("../Icon");
+var CheckBold_1 = __importDefault(require("../Icon/CheckBold"));
 var BLOCK_NAME = 'spui-Checkbox';
 exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
     var children = _a.children, rest = __rest(_a, ["children"]);
     return (react_1.default.createElement("label", { className: "".concat(BLOCK_NAME, "-label") },
         react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), ref: ref, type: "checkbox" }, rest)),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
-            react_1.default.createElement(Icon_1.CheckBold, { "aria-hidden": "true" })),
+            react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true" })),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
         children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
 });

package/Form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gCAAoC;AAOpC,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,gBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gEAA0C;AAO1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/Checkbox.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { CheckBold } from '../Icon';
+import CheckBold from '../Icon/CheckBold';
 const BLOCK_NAME = 'spui-Checkbox';
 export const Checkbox = forwardRef(function Checkbox({ children, ...rest }, ref) {
     return (React.createElement("label", { className: `${BLOCK_NAME}-label` },

package/Form/DropDown.js

@@ -51,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = void 0;
 var react_1 = __importStar(require("react"));
 var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
-var Icon_1 = require("../Icon");
+var ChevronDownBold_1 = __importDefault(require("../Icon/ChevronDownBold"));
 var BLOCK_NAME = 'spui-DropDown';
 exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
     var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "hasError", "onChange"]);
@@ -84,7 +84,7 @@ exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
             .join(' ') },
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") }, text),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
-            react_1.default.createElement(Icon_1.ChevronDownBold, { "aria-hidden": "true" })),
+            react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" })),
         react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select"), ref: (0, react_merge_refs_1.default)([selectEl, ref]), onChange: handleChange }, rest), children),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
 });

package/Form/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,gCAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,sBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,4EAAsD;AAStD,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/DropDown.mjs

@@ -1,6 +1,6 @@
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import mergeRefs from 'react-merge-refs';
-import { ChevronDownBold } from '../Icon';
+import ChevronDownBold from '../Icon/ChevronDownBold';
 const BLOCK_NAME = 'spui-DropDown';
 export const DropDown = forwardRef(function DropDown({ children, hasError = false, onChange, ...rest }, ref) {
     const selectEl = useRef(null);

package/Form/InlineDropDown.js

@@ -51,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineDropDown = void 0;
 var react_1 = __importStar(require("react"));
 var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
-var Icon_1 = require("../Icon");
+var ChevronDownBold_1 = __importDefault(require("../Icon/ChevronDownBold"));
 var BLOCK_NAME = 'spui-InlineDropDown';
 exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref) {
     var children = _a.children, _b = _a.visualSize, visualSize = _b === void 0 ? 'medium' : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "visualSize", "onChange"]);
@@ -76,7 +76,7 @@ exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") },
             react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text ").concat(BLOCK_NAME, "-text--").concat(visualSize) }, text),
             react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon ").concat(BLOCK_NAME, "-icon--").concat(visualSize) },
-                react_1.default.createElement(Icon_1.ChevronDownBold, { "aria-hidden": "true" }))),
+                react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" }))),
         react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select ").concat(BLOCK_NAME, "-select--").concat(visualSize), ref: (0, react_merge_refs_1.default)([selectEl, ref]), onChange: handleChange }, rest), children),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
 });

package/Form/InlineDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,gCAA0C;AAW1C,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAA6D,EAC7D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAApD,sCAAsD,CAAF;IAGpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAErC,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,UAAG,UAAU,WAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS;YACrC,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE;gBAEjE,8BAAC,sBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,qBAAW,UAAU,sBAAY,UAAU,CAAE,EACrE,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,4EAAsD;AAWtD,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAA6D,EAC7D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAApD,sCAAsD,CAAF;IAGpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAErC,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,UAAG,UAAU,WAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS;YACrC,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE;gBAEjE,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,qBAAW,UAAU,sBAAY,UAAU,CAAE,EACrE,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/InlineDropDown.mjs

@@ -1,6 +1,6 @@
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import mergeRefs from 'react-merge-refs';
-import { ChevronDownBold } from '../Icon';
+import ChevronDownBold from '../Icon/ChevronDownBold';
 const BLOCK_NAME = 'spui-InlineDropDown';
 export const InlineDropDown = forwardRef(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
     const selectEl = useRef(null);

package/Form/InvalidMessage.js

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InvalidMessage = void 0;
 var react_1 = __importDefault(require("react"));
-var Icon_1 = require("../Icon");
+var ExclamationmarkCircleFill_1 = __importDefault(require("../Icon/ExclamationmarkCircleFill"));
 var BLOCK_NAME = 'spui-InvalidMessage';
 var InvalidMessage = function (_a) {
     var children = _a.children, _b = _a.visible, visible = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "visible"]);
     return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME, hidden: !visible }, rest),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
-            react_1.default.createElement(Icon_1.ExclamationmarkCircleFill, { "aria-hidden": "true" })),
+            react_1.default.createElement(ExclamationmarkCircleFill_1.default, { "aria-hidden": "true" })),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-body") }, children)));
 };
 exports.InvalidMessage = InvalidMessage;

package/Form/InvalidMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidMessage.js","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gCAAoD;AAQpD,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAElC,IAAM,cAAc,GAAoB,UAAC,EAIxC;IAHN,IAAA,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACZ,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8CAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,IAAM,IAAI;QAClD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,gCAAyB,mBAAa,MAAM,GAAG,CAC3C;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CACtD,CACL,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}
+{"version":3,"file":"InvalidMessage.js","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gGAA0E;AAQ1E,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAElC,IAAM,cAAc,GAAoB,UAAC,EAIxC;IAHN,IAAA,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACZ,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8CAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,IAAM,IAAI;QAClD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mCAAyB,mBAAa,MAAM,GAAG,CAC3C;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CACtD,CACL,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

package/Form/InvalidMessage.mjs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExclamationmarkCircleFill } from '../Icon';
+import ExclamationmarkCircleFill from '../Icon/ExclamationmarkCircleFill';
 const BLOCK_NAME = 'spui-InvalidMessage';
 export const InvalidMessage = ({ children, visible = false, ...rest }) => {
     return (React.createElement("p", { className: BLOCK_NAME, hidden: !visible, ...rest },

package/Form/Radio.css

@@ -1 +1 @@
-.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;bottom:-2px;height:24px;left:-2px;position:absolute;right:-2px;top:-2px;width:24px}.spui-Radio-input:focus~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-input:focus:not(:focus-visible)~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}
+.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;bottom:-2px;height:24px;left:-2px;position:absolute;right:-2px;top:-2px;width:24px}.spui-Radio-input:focus~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-input:focus:not(:focus-visible)~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}

package/Form/Radio.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Radio.figma.d.ts.map

package/Form/Radio.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.figma.d.ts","sourceRoot":"","sources":["../../src/Form/Radio.figma.tsx"],"names":[],"mappings":""}