@openameba/spindle-ui 2.6.1 → 2.7.0

package/BottomButton/BottomButton.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-declare type Position = 'fixed' | 'sticky';
-declare type Props = {
+type Position = 'fixed' | 'sticky';
+type Props = {
     children: ReactNode;
     className?: string;
     position?: Position;

package/BottomButton/BottomButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomButton.d.ts","sourceRoot":"","sources":["../../src/BottomButton/BottomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,aAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAcxC,CAAC"}
+{"version":3,"file":"BottomButton.d.ts","sourceRoot":"","sources":["../../src/BottomButton/BottomButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAcxC,CAAC"}

package/Breadcrumb/BreadcrumbItem.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,IAAI,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IACxC,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,kBAAe,MAAM,IAAK,IAAI,GACtC,QAAQ,CACP,CACL,CAAC;KACH;IACD,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,IAAM,IAAI,GAClB,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,IAAI,CAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IACxC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,kBAAe,MAAM,IAAK,IAAI,GACtC,QAAQ,CACP,CACL,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,IAAM,IAAI,GAClB,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Breadcrumb/BreadcrumbList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-declare type Variant = 'standard' | 'emphasized';
-declare type Wrap = 'wrap';
+type Variant = 'standard' | 'emphasized';
+type Wrap = 'wrap';
 interface Props extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     variant?: Variant;

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,sBAqD1C,CAAC"}
+{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACzC,KAAK,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,GAAI,OAAO,KAAK,sBAqD1C,CAAC"}

package/Breadcrumb/BreadcrumbList.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/Breadcrumb/BreadcrumbList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiD;AACjD,8EAAwD;AACxD,sEAAgD;AAWhD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAE,SAAS,GAA0C,KAAK,UAA/C,EAAE,KAAwC,KAAK,QAAzB,EAApB,OAAO,mBAAG,UAAU,KAAA,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAApE,4CAA4D,CAAF,CAAW;IAC3E,IAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACzC,IAAM,UAAU,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC;;QACR,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,CAAC;YACvB,IAAI,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,eAAK,IAAI,CAAE;YAChC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,IACL,IAAI,IACR,GAAG,EAAE,MAAM;QAEX,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,+CACE,SAAS,EAAE,UAAG,UAAU,UAAO,IAC3B,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;gBACrD,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE;gBACrB,CAAC,CAAC,EAAE,CAAC;gBAEN,KAAK;gBACL,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,8BAAC,sBAAY,mBACC,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CACE,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,cAAc,kBAqDzB"}
+{"version":3,"file":"BreadcrumbList.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiD;AACjD,8EAAwD;AACxD,sEAAgD;AAWhD,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,cAAc,GAAG,UAAC,KAAY;IACjC,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAE,SAAS,GAA0C,KAAK,UAA/C,EAAE,KAAwC,KAAK,QAAzB,EAApB,OAAO,mBAAG,UAAU,KAAA,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAApE,4CAA4D,CAAF,CAAW;IAC3E,IAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACzC,IAAM,UAAU,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC;;QACR,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,CAAC;YACvB,IAAI,EAAE,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU;SACrC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8DACa,4CAAS,EACpB,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,eAAK,IAAI,CAAE;YAChC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,IACL,IAAI,IACR,GAAG,EAAE,MAAM;QAEX,sCAAI,SAAS,EAAE,UAAG,UAAU,UAAO,IAChC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAO,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,+CACE,SAAS,EAAE,UAAG,UAAU,UAAO,IAC3B,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;gBACrD,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE;gBACrB,CAAC,CAAC,EAAE,CAAC;gBAEN,KAAK;gBACL,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,8BAAC,sBAAY,mBACC,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,aAAU,GAClC,CACH,CACE,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,cAAc,kBAqDzB"}

package/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare type Layout = 'intrinsic' | 'fullWidth';
-declare type Size = 'large' | 'medium' | 'small';
-declare type Variant = 'contained' | 'outlined' | 'lighted' | 'neutral' | 'danger';
+type Layout = 'intrinsic' | 'fullWidth';
+type Size = 'large' | 'medium' | 'small';
+type Variant = 'contained' | 'outlined' | 'lighted' | 'neutral' | 'danger';
 interface Props extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
     children?: React.ReactNode;
     layout?: Layout;

package/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,aAAK,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC;AAExC,aAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,aAAK,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3E,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAChC;AAID,eAAO,MAAM,MAAM,iFAsCjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC;AAExC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3E,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAChC;AAID,eAAO,MAAM,MAAM,iFAsCjB,CAAC"}

package/Button/Button.figma.js

@@ -7,7 +7,10 @@ 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';"],
+    imports: [
+        "import { Button } from '@openameba/spindle-ui';",
+        "import '@openameba/spindle-ui/Button/Button.css';",
+    ],
     props: {
         size: code_connect_1.default.enum('size', {
             large: 'large',

package/Button/Button.figma.js.map

@@ -1 +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"}
+{"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;QACP,iDAAiD;QACjD,mDAAmD;KACpD;IACD,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

@@ -2,7 +2,10 @@ import React from 'react';
 import { Button } from "./Button.mjs";
 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';"],
+    imports: [
+        "import { Button } from '@openameba/spindle-ui';",
+        "import '@openameba/spindle-ui/Button/Button.css';",
+    ],
     props: {
         size: figma.enum('size', {
             large: 'large',

package/Button/Button.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAkB1C,IAAM,UAAU,GAAG,aAAa,CAAC;AAEpB,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA2B,SAAS,MAAM,CACxE,EAQQ,EACR,GAAG;IARD,IAAA,QAAQ,cAAA,EACR,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAA,EACpB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,IAAI,UAAA,EACJ,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACnB,IAAI,cAPT,iEAQC,CADQ;IAIT,OAAO,CACL,mDACE,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,MAAM,CAAE;YAC1B,UAAG,UAAU,eAAK,IAAI,CAAE;YACxB,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,mBAAS,YAAY,CAAE;SAC7C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,IAAI,CAAE,IAC9D,IAAI,CACA;QACN,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAkB1C,IAAM,UAAU,GAAG,aAAa,CAAC;AAEpB,QAAA,MAAM,GAAG,IAAA,kBAAU,EAA2B,SAAS,MAAM,CACxE,EAQQ,EACR,GAAG;IARD,IAAA,QAAQ,cAAA,EACR,cAAoB,EAApB,MAAM,mBAAG,WAAW,KAAA,EACpB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,IAAI,UAAA,EACJ,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACnB,IAAI,cAPT,iEAQC,CADQ;IAIT,OAAO,CACL,mDACE,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,MAAM,CAAE;YAC1B,UAAG,UAAU,eAAK,IAAI,CAAE;YACxB,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,IAAI,IAAI,UAAG,UAAU,mBAAS,YAAY,CAAE;SAC7C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,IAAI,CAAE,IAC9D,IAAI,CACA;QACN,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/ButtonGroup/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare type Direction = 'row' | 'column';
-declare type Size = 'large' | 'medium' | 'small';
-declare type Props = {
+type Direction = 'row' | 'column';
+type Size = 'large' | 'medium' | 'small';
+type Props = {
     direction?: Direction;
     size?: Size;
 } & React.HTMLAttributes<HTMLDivElement>;

package/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,aAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElC,aAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,aAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAIzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBvC,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAIzC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBvC,CAAC"}

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.7.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.6.3...@openameba/spindle-ui@2.7.0) (2025-09-19)
+
+### Features
+
+- **spindle-ui:** migrate Dialog to allow-discrete transitions ([4c1dd4f](https://github.com/openameba/spindle/commit/4c1dd4f688d30dd7d84b4fbda88ffbbc1d534a55))
+
+## [2.6.3](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.6.2...@openameba/spindle-ui@2.6.3) (2025-09-18)
+
+### Bug Fixes
+
+- **spindle-ui:** resolve no-duplicate-selectors errors ([e99baf0](https://github.com/openameba/spindle/commit/e99baf0aec19a7e7b58b3cf1bb67b62cfa9bff9e))
+
+## [2.6.2](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.6.1...@openameba/spindle-ui@2.6.2) (2025-09-18)
+
+### Bug Fixes
+
+- **spindle-ui:** checkbox outline with text ([d061c2a](https://github.com/openameba/spindle/commit/d061c2aeba679fd082dc294f8e40778a94ab72fb))
+- **spindle-ui:** radio outline with text ([af4c12a](https://github.com/openameba/spindle/commit/af4c12a7692d6f1e58553929b5d08f469b623910))
+
 ## [2.6.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.6.0...@openameba/spindle-ui@2.6.1) (2025-08-25)
 
 ### Features

package/Dialog/Dialog.css

@@ -1 +1 @@
-.spui-ButtonGroup{display:flex}.spui-ButtonGroup--row{flex-direction:row}.spui-ButtonGroup--column{flex-direction:column}.spui-ButtonGroup--large{gap:16px}.spui-ButtonGroup--medium,.spui-ButtonGroup--small{gap:12px}.spui-ButtonGroup--large.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:4px}.spui-ButtonGroup--medium.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:2px}.spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);padding:24px;position:fixed;width:352px}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::backdrop{background:rgba(0,0,0,.8)}.spui-Dialog+.backdrop{background:rgba(0,0,0,.8)}.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation:spui-Dialog-fade-in .35s cubic-bezier(0,0,0,1)}.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop{animation:spui-Dialog-fade-out .15s cubic-bezier(0,0,0,1)}@media (prefers-reduced-motion:reduce){.spui-Dialog--closing,.spui-Dialog--closing.spui-Dialog::backdrop,.spui-Dialog[open]:not(.spui-Dialog--closing),.spui-Dialog[open]:not(.spui-Dialog--closing).spui-Dialog::backdrop{animation-duration:.01s}}html:has(.spui-Dialog[open]){overflow:hidden}html.spui-Dialog--open{overflow:hidden}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}.spui-Dialog--styleOnly{position:static}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}@keyframes spui-Dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-Dialog-fade-out{0%{opacity:1}to{opacity:0}}
+.spui-ButtonGroup{display:flex}.spui-ButtonGroup--row{flex-direction:row}.spui-ButtonGroup--column{flex-direction:column}.spui-ButtonGroup--large{gap:16px}.spui-ButtonGroup--medium,.spui-ButtonGroup--small{gap:12px}.spui-ButtonGroup--large.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:4px}.spui-ButtonGroup--medium.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:2px}.spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);opacity:0;padding:24px;position:fixed;transition:display allow-discrete .35s,overlay allow-discrete .35s,opacity .35s cubic-bezier(0,0,0,1);width:352px}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::backdrop{background:rgba(0,0,0,.8);opacity:0;transition:display allow-discrete .35s,overlay allow-discrete .35s,opacity .35s cubic-bezier(0,0,0,1)}.spui-Dialog[open]{opacity:1}.spui-Dialog[open]::backdrop{opacity:1}@starting-style{.spui-Dialog[open]{opacity:0}.spui-Dialog[open]::backdrop{opacity:0}}.spui-Dialog:not([open]),.spui-Dialog:not([open])::backdrop{transition-duration:.15s}@media (prefers-reduced-motion:reduce){.spui-Dialog,.spui-Dialog::backdrop{transition-duration:1ms}}html:has(.spui-Dialog:modal){overflow:hidden}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-primary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-Dialog :is(.spui-Button,.spui-LinkButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}.spui-Dialog--styleOnly{opacity:1;position:static}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}

package/Dialog/Dialog.d.ts

@@ -15,8 +15,8 @@ export declare const Dialog: {
     Title: ({ children, id }: PartsProps) => React.JSX.Element;
     Body: ({ children, id }: PartsProps) => React.JSX.Element;
     ButtonGroup: React.FC<{
-        direction?: ("row" | "column") | undefined;
-        size?: ("small" | "large" | "medium") | undefined;
+        direction?: "row" | "column";
+        size?: "small" | "large" | "medium";
     } & React.HTMLAttributes<HTMLDivElement>>;
 };
 export {};

package/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoID,eAAO,MAAM,MAAM;;yCArCyB,UAAU;8BAarB,UAAU;6BAQX,UAAU;;;;;CAsBzC,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAgGD,eAAO,MAAM,MAAM;;yCArCyB,UAAU;8BAarB,UAAU;6BAQX,UAAU;;;;;CAsBzC,CAAC"}

package/Dialog/Dialog.figma.js

@@ -9,7 +9,10 @@ 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';"],
+    imports: [
+        "import { Dialog } from '@openameba/spindle-ui';",
+        "import '@openameba/spindle-ui/Dialog/Dialog.css';",
+    ],
     props: {
         title: code_connect_1.default.boolean('Title', {
             true: react_1.default.createElement(Dialog_1.Dialog.Title, null),

package/Dialog/Dialog.figma.js.map

@@ -1 +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"}
+{"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;QACP,iDAAiD;QACjD,mDAAmD;KACpD;IACD,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

@@ -4,7 +4,10 @@ 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';"],
+    imports: [
+        "import { Dialog } from '@openameba/spindle-ui';",
+        "import '@openameba/spindle-ui/Dialog/Dialog.css';",
+    ],
     props: {
         title: figma.boolean('Title', {
             true: React.createElement(Dialog.Title, null),

package/Dialog/Dialog.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -50,10 +60,8 @@ var react_1 = __importStar(require("react"));
 var use_callback_ref_1 = require("use-callback-ref");
 var ButtonGroup_1 = require("../ButtonGroup");
 var BLOCK_NAME = 'spui-Dialog';
-var FADE_OUT_ANIMATION = 'spui-Dialog-fade-out';
 var Frame = (0, react_1.forwardRef)(function Dialog(_a, ref) {
     var children = _a.children, className = _a.className, open = _a.open, onClose = _a.onClose, rest = __rest(_a, ["children", "className", "open", "onClose"]);
-    var _b = (0, react_1.useState)(false), closing = _b[0], setClosing = _b[1];
     var dialogEl = (0, react_1.useRef)(null);
     var handleFormSubmit = function (event) {
         event.preventDefault(); // To be closed with the open prop
@@ -69,47 +77,22 @@ var Frame = (0, react_1.forwardRef)(function Dialog(_a, ref) {
         // Detect escape key type
         if (event.target === dialogEl.current) {
             onClose && onClose(event);
-            setClosing(false);
         }
     };
-    var handleAnimationEnd = (0, react_1.useCallback)(function (event) {
-        if (dialogEl.current &&
-            event.animationName === FADE_OUT_ANIMATION &&
-            !event.pseudoElement // To exclude ::backdrop
-        ) {
-            dialogEl.current.close && dialogEl.current.close();
-            setClosing(false);
-        }
-    }, [dialogEl]);
     (0, react_1.useEffect)(function () {
-        var dialog = dialogEl.current;
-        dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener('animationend', handleAnimationEnd, false);
-        return function () {
-            return dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('animationend', handleAnimationEnd, false);
-        };
-    }, [dialogEl, handleAnimationEnd]);
-    (0, react_1.useEffect)(function () {
-        var _a;
+        var _a, _b;
         var dialog = dialogEl.current;
         if (!dialog) {
             return;
         }
-        // Remove this when browsers support :has() pseudo-class
-        var classNameToStopScrollBehindDialog = "".concat(BLOCK_NAME, "--open");
         if (open) {
             !dialog.open && ((_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog));
-            document.documentElement.classList.add(classNameToStopScrollBehindDialog);
         }
         else {
-            (dialog === null || dialog === void 0 ? void 0 : dialog.open) && setClosing(true);
-            // Always remove this class to avoid unexpected scroll stopping
-            document.documentElement.classList.remove(classNameToStopScrollBehindDialog);
+            (dialog === null || dialog === void 0 ? void 0 : dialog.open) && ((_b = dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog));
         }
     }, [open, dialogEl]);
-    return (react_1.default.createElement("dialog", __assign({ ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), className: [BLOCK_NAME, closing && "".concat(BLOCK_NAME, "--closing"), className]
-            .filter(Boolean)
-            .join(' ')
-            .trim(), onClick: handleDialogClick, onClose: handleDialogClose }, rest),
+    return (react_1.default.createElement("dialog", __assign({ ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), onClick: handleDialogClick, onClose: handleDialogClose }, rest),
         react_1.default.createElement("form", { method: "dialog", onSubmit: handleFormSubmit }, children)));
 });
 var StyleOnly = function (_a) {

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AACf,qDAAgD;AAChD,8CAAsD;AActD,IAAM,UAAU,GAAG,aAAa,CAAC;AACjC,IAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAElD,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAiC,SAAS,MAAM,CACtE,EAA+C,EAC/C,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA7C,4CAA+C,CAAF;IAGvC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,IAAM,gBAAgB,GAAG,UAAC,KAAuC;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,kCAAkC;QAC1D,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,wBAAwB;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE;YACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UACxB,KAA8C;QAE9C,yBAAyB;QACzB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE;YACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAqB;QACpB,IACE,QAAQ,CAAC,OAAO;YAChB,KAAK,CAAC,aAAa,KAAK,kBAAkB;YAC1C,CAAC,KAAK,CAAC,aAAa,CAAC,wBAAwB;UAC7C;YACA,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACnD,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;QAEpE,OAAO;YACL,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,EAAE,KAAK,CAAC;QAAtE,CAAsE,CAAC;IAC3E,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEnC,IAAA,iBAAS,EAAC;;QACR,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,wDAAwD;QACxD,IAAM,iCAAiC,GAAG,UAAG,UAAU,WAAQ,CAAC;QAEhE,IAAI,IAAI,EAAE;YACR,CAAC,MAAM,CAAC,IAAI,KAAI,MAAA,MAAM,CAAC,SAAS,sDAAI,CAAA,CAAC;YACrC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;SAC3E;aAAM;YACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,UAAU,CAAC,IAAI,CAAC,CAAC;YACjC,+DAA+D;YAC/D,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CACvC,iCAAiC,CAClC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,mDACE,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,SAAS,EAAE,CAAC,UAAU,EAAE,OAAO,IAAI,UAAG,UAAU,cAAW,EAAE,SAAS,CAAC;aACpE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,EACT,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,iBAAiB,IACtB,IAAI;QAER,wCAAM,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,gBAAgB,IAC7C,QAAQ,CACJ,CACA,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,CACL,uCACE,SAAS,EAAE,CAAC,UAAU,EAAE,UAAG,UAAU,gBAAa,EAAE,SAAS,CAAC;aAC3D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,EAAE,QAAA;IAC3B,OAAO,CACL,8CAAG,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACxD,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,IAAI,GAAG,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,EAAE,QAAA;IAC1B,OAAO,CACL,8CAAG,SAAS,EAAE,UAAG,UAAU,UAAO,IAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACvD,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAAiB,UAAC,EAAqB;IAAnB,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IACpD,OAAO,CACL,8BAAC,yBAAK,aAAC,SAAS,EAAE,UAAG,UAAU,iBAAc,EAAE,IAAI,EAAC,QAAQ,IAAK,IAAI,GAClE,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG;IACpB,KAAK,OAAA;IACL,SAAS,WAAA;IACT,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,WAAW,aAAA;CACZ,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/Dialog/Dialog.mjs

@@ -1,10 +1,8 @@
-import React, { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
+import React, { forwardRef, useEffect, useRef } from 'react';
 import { useMergeRefs } from 'use-callback-ref';
 import { ButtonGroup as Group } from "../ButtonGroup/index.mjs";
 const BLOCK_NAME = 'spui-Dialog';
-const FADE_OUT_ANIMATION = 'spui-Dialog-fade-out';
 const Frame = forwardRef(function Dialog({ children, className, open, onClose, ...rest }, ref) {
-    const [closing, setClosing] = useState(false);
     const dialogEl = useRef(null);
     const handleFormSubmit = (event) => {
         event.preventDefault(); // To be closed with the open prop
@@ -20,44 +18,21 @@ const Frame = forwardRef(function Dialog({ children, className, open, onClose, .
         // Detect escape key type
         if (event.target === dialogEl.current) {
             onClose && onClose(event);
-            setClosing(false);
         }
     };
-    const handleAnimationEnd = useCallback((event) => {
-        if (dialogEl.current &&
-            event.animationName === FADE_OUT_ANIMATION &&
-            !event.pseudoElement // To exclude ::backdrop
-        ) {
-            dialogEl.current.close && dialogEl.current.close();
-            setClosing(false);
-        }
-    }, [dialogEl]);
-    useEffect(() => {
-        const dialog = dialogEl.current;
-        dialog?.addEventListener('animationend', handleAnimationEnd, false);
-        return () => dialog?.removeEventListener('animationend', handleAnimationEnd, false);
-    }, [dialogEl, handleAnimationEnd]);
     useEffect(() => {
         const dialog = dialogEl.current;
         if (!dialog) {
             return;
         }
-        // Remove this when browsers support :has() pseudo-class
-        const classNameToStopScrollBehindDialog = `${BLOCK_NAME}--open`;
         if (open) {
             !dialog.open && dialog.showModal?.();
-            document.documentElement.classList.add(classNameToStopScrollBehindDialog);
         }
         else {
-            dialog?.open && setClosing(true);
-            // Always remove this class to avoid unexpected scroll stopping
-            document.documentElement.classList.remove(classNameToStopScrollBehindDialog);
+            dialog?.open && dialog.close?.();
         }
     }, [open, dialogEl]);
-    return (React.createElement("dialog", { ref: useMergeRefs([dialogEl, ref]), className: [BLOCK_NAME, closing && `${BLOCK_NAME}--closing`, className]
-            .filter(Boolean)
-            .join(' ')
-            .trim(), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
+    return (React.createElement("dialog", { ref: useMergeRefs([dialogEl, ref]), className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
         React.createElement("form", { method: "dialog", onSubmit: handleFormSubmit }, children)));
 });
 const StyleOnly = ({ className, children }) => {

package/Dialog/DialogExample.js

@@ -15,18 +15,32 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonColumnWithSubtleButton = exports.ButtonColumn = exports.ButtonRow = exports.StyleOnly = exports.DialogExample = void 0;
+exports.DialogExample = DialogExample;
+exports.StyleOnly = StyleOnly;
+exports.ButtonRow = ButtonRow;
+exports.ButtonColumn = ButtonColumn;
+exports.ButtonColumnWithSubtleButton = ButtonColumnWithSubtleButton;
 var react_1 = __importStar(require("react"));
 var dialog_polyfill_1 = __importDefault(require("dialog-polyfill"));
 var Button_1 = require("../Button");
@@ -55,7 +69,6 @@ function DialogExample() {
             react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
                 react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK")))));
 }
-exports.DialogExample = DialogExample;
 function StyleOnly() {
     return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
         react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
@@ -63,7 +76,6 @@ function StyleOnly() {
         react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK"))));
 }
-exports.StyleOnly = StyleOnly;
 function ButtonRow() {
     return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
         react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
@@ -72,7 +84,6 @@ function ButtonRow() {
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"),
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "danger", type: "button" }, "\u524A\u9664\u3059\u308B"))));
 }
-exports.ButtonRow = ButtonRow;
 function ButtonColumn() {
     return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
         react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
@@ -81,7 +92,6 @@ function ButtonColumn() {
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
 }
-exports.ButtonColumn = ButtonColumn;
 function ButtonColumnWithSubtleButton() {
     return (react_1.default.createElement(Dialog_1.Dialog.StyleOnly, null,
         react_1.default.createElement(Dialog_1.Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
@@ -90,5 +100,4 @@ function ButtonColumnWithSubtleButton() {
             react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
             react_1.default.createElement(SubtleButton_1.SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"))));
 }
-exports.ButtonColumnWithSubtleButton = ButtonColumnWithSubtleButton;
 //# sourceMappingURL=DialogExample.js.map

package/Dialog/DialogExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,oEAA6C;AAC7C,oCAAmC;AACnC,gDAA+C;AAC/C,mCAAkC;AAElC,oDAAkD;AAElD,SAAS,iBAAiB,CAAC,GAAuC;IAChE,IAAA,iBAAS,EAAC;QACR,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,yBAAc,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC5C;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC;AAED,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IACxC,IAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAM,qBAAqB,GAAG,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC;IAElD,IAAM,kBAAkB,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;IAEhD,IAAM,iBAAiB,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;IAE/C,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAE7B,OAAO,CACL;QACE,8BAAC,eAAM,qBACS,MAAM,EACpB,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,mBAGV;QACT,8BAAC,eAAM,CAAC,KAAK,wBACM,oBAAoB,qBACrB,cAAc,EAC9B,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,iBAAiB;YAE1B,8BAAC,eAAM,CAAC,KAAK,IAAC,EAAE,EAAC,cAAc,iDAAuB;YACtD,8BAAC,eAAM,CAAC,IAAI,IAAC,EAAE,EAAC,oBAAoB,yEAEtB;YACd,8BAAC,eAAM,CAAC,WAAW;gBACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,SAE/B,CACU,CACR,CACd,CACJ,CAAC;AACJ,CAAC;AA1CD,sCA0CC;AAED,SAAgB,SAAS;IACvB,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW;YACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,SAE/B,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAZD,8BAYC;AAED,SAAgB,SAAS;IACvB,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW;YACjB,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,qCAEjD;YACT,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,+BAE9D,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAfD,8BAeC;AAED,SAAgB,YAAY;IAC1B,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW,IAAC,SAAS,EAAC,QAAQ;YACpC,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,wDAE7C;YACT,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,qCAEjD,CACU,CACJ,CACpB,CAAC;AACJ,CAAC;AAfD,oCAeC;AAED,SAAgB,4BAA4B;IAC1C,OAAO,CACL,8BAAC,eAAM,CAAC,SAAS;QACf,8BAAC,eAAM,CAAC,KAAK,qDAAuB;QACpC,8BAAC,eAAM,CAAC,IAAI,6EAA0B;QACtC,8BAAC,eAAM,CAAC,WAAW,IAAC,SAAS,EAAC,QAAQ;YACpC,8BAAC,eAAM,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,wDAE7C;YACT,8BAAC,2BAAY,IAAC,IAAI,EAAC,QAAQ,yBAAmB,CAC3B,CACJ,CACpB,CAAC;AACJ,CAAC;AAbD,oEAaC"}
+{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"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"}