@openameba/spindle-ui 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 3.1.1
+
+### Patch Changes
+
+- [#1561](https://github.com/openameba/spindle/pull/1561) [`96d5e14`](https://github.com/openameba/spindle/commit/96d5e14c1be6e6d817ad28bb533e4a8c4d260804) Thanks [@yasuda-shin](https://github.com/yasuda-shin)! - ButtonSwitchに`ariaLabelledby`プロパティを追加し、外部ラベルとの関連付けをサポート
+
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 

package/Form/ButtonSwitch/ButtonSwitch.d.ts

@@ -7,6 +7,7 @@ type Props = {
         value: string;
     }[];
     onClick: (value: string) => void;
+    ariaLabelledby?: string;
 };
 export declare const ButtonSwitch: React.FC<Props>;
 export {};

package/Form/ButtonSwitch/ButtonSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsExC,CAAC"}
+{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4ExC,CAAC"}

package/Form/ButtonSwitch/ButtonSwitch.js

@@ -41,7 +41,7 @@ var react_1 = __importStar(require("react"));
 var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
 var BLOCK_NAME = 'spui-ButtonSwitch';
 var ButtonSwitch = function (_a) {
-    var id = _a.id, value = _a.value, options = _a.options, onClick = _a.onClick;
+    var id = _a.id, value = _a.value, options = _a.options, onClick = _a.onClick, ariaLabelledby = _a.ariaLabelledby;
     var buttonsRef = (0, react_1.useRef)([]);
     options.forEach(function (_, index) {
         buttonsRef.current[index] = (0, react_1.createRef)();
@@ -70,7 +70,7 @@ var ButtonSwitch = function (_a) {
             }
         }
     }, [options, onClick]);
-    return (react_1.default.createElement("div", { id: id, className: BLOCK_NAME, role: "group" }, options.map(function (option, index) { return (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: function (e) { return handleKeydown(e, index); }, key: option.value, className: "".concat(BLOCK_NAME, "-button"), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(option.value); }, ref: buttonsRef.current[index] },
+    return (react_1.default.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map(function (option, index) { return (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: function (e) { return handleKeydown(e, index); }, key: option.value, className: "".concat(BLOCK_NAME, "-button"), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(option.value); }, ref: buttonsRef.current[index] },
         value === option.value && (react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon"), width: 12, height: 12 })),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, option.label))); })));
 };

package/Form/ButtonSwitch/ButtonSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,mEAA6C;AAY7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAK7C;QAJC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,UAAU,GAAG,IAAA,cAAM,EAA8C,EAAE,CAAC,CAAC;IAE3E,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,OAAO,EAAE,cAAM,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,CAAC,KAAK,CAAC,EAAvB,CAAuB,EACtC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,EApB+B,CAoB/B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,YAAY,gBAsEvB"}
+{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,mEAA6C;AAa7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAM7C;QALC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA;IAEd,IAAM,UAAU,GAAG,IAAA,cAAM,EAA8C,EAAE,CAAC,CAAC;IAE3E,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,qBACJ,cAAc,IAE9B,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,OAAO,EAAE,cAAM,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,CAAC,KAAK,CAAC,EAAvB,CAAuB,EACtC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,EApB+B,CAoB/B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA5EW,QAAA,YAAY,gBA4EvB"}

package/Form/ButtonSwitch/ButtonSwitch.mjs

@@ -1,7 +1,7 @@
 import React, { createRef, useCallback, useRef } from 'react';
 import CheckBold from "../../Icon/CheckBold.mjs";
 const BLOCK_NAME = 'spui-ButtonSwitch';
-export const ButtonSwitch = ({ id, value, options, onClick, }) => {
+export const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) => {
     const buttonsRef = useRef([]);
     options.forEach((_, index) => {
         buttonsRef.current[index] = createRef();
@@ -30,7 +30,7 @@ export const ButtonSwitch = ({ id, value, options, onClick, }) => {
             }
         }
     }, [options, onClick]);
-    return (React.createElement("div", { id: id, className: BLOCK_NAME, role: "group" }, options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick?.(option.value), ref: buttonsRef.current[index] },
+    return (React.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick?.(option.value), ref: buttonsRef.current[index] },
         value === option.value && (React.createElement(CheckBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
         React.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openameba/spindle-ui",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -79,7 +79,7 @@
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "30.0.0",
-    "@types/react": "19.0.6",
+    "@types/react": "19.2.2",
     "autoprefixer": "10.4.21",
     "bundlewatch": "0.4.1",
     "cssnano": "7.1.1",
@@ -92,8 +92,8 @@
     "postcss": "8.5.6",
     "postcss-cli": "11.0.1",
     "postcss-import": "16.1.1",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "reg-keygen-git-hash-plugin": "0.14.5",
     "reg-notify-github-plugin": "0.14.5",
     "reg-publish-gcs-plugin": "0.14.4",
@@ -104,6 +104,5 @@
     "stylelint-config-standard": "39.0.1",
     "stylelint-order": "7.0.0",
     "stylelint-selector-bem-pattern": "4.0.1"
-  },
-  "gitHead": "c94bbfa74fd6d2c97f9bbb74037d52ebae0736d7"
+  }
 }

package/Dialog/DialogExample.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import 'dialog-polyfill/dist/dialog-polyfill.css';
-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 +0,0 @@
-{"version":3,"file":"DialogExample.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,0CAA0C,CAAC;AAUlD,wBAAgB,aAAa,sBA0C5B;AAED,wBAAgB,SAAS,sBAYxB;AAED,wBAAgB,SAAS,sBAexB;AAED,wBAAgB,YAAY,sBAe3B;AAED,wBAAgB,4BAA4B,sBAa3C"}

package/Dialog/DialogExample.js

@@ -1,103 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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.DialogExample = DialogExample;
-exports.StyleOnly = StyleOnly;
-exports.ButtonRow = ButtonRow;
-exports.ButtonColumn = ButtonColumn;
-exports.ButtonColumnWithSubtleButton = ButtonColumnWithSubtleButton;
-var dialog_polyfill_1 = __importDefault(require("dialog-polyfill"));
-var react_1 = __importStar(require("react"));
-var Button_1 = require("../Button");
-var SubtleButton_1 = require("../SubtleButton");
-var Dialog_1 = require("./Dialog");
-require("dialog-polyfill/dist/dialog-polyfill.css");
-function useDialogpolyfill(ref) {
-    (0, react_1.useEffect)(function () {
-        if (ref.current) {
-            dialog_polyfill_1.default.registerDialog(ref.current);
-        }
-    }, [ref]);
-}
-function DialogExample() {
-    var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
-    var dialogRef = (0, react_1.useRef)(null);
-    var handleOpenButtonClick = function () { return setOpen(true); };
-    var handleDialogCancel = function () { return setOpen(false); };
-    var handleDialogClose = function () { return setOpen(false); };
-    useDialogpolyfill(dialogRef);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.Button, { "aria-haspopup": "true", onClick: handleOpenButtonClick, size: "medium", variant: "neutral" }, "\u958B\u304F"),
-        react_1.default.createElement(Dialog_1.Dialog.Frame, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", ref: dialogRef, open: open, onCancel: handleDialogCancel, onClose: handleDialogClose },
-            react_1.default.createElement(Dialog_1.Dialog.Title, { id: "dialog-title" }, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-            react_1.default.createElement(Dialog_1.Dialog.Body, { id: "dialog-description" }, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-            react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
-                react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK")))));
-}
-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"),
-        react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
-            react_1.default.createElement(Button_1.Button, { layout: "fullWidth", size: "medium" }, "OK"))));
-}
-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"),
-        react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, null,
-            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"))));
-}
-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"),
-        react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, { direction: "column" },
-            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"))));
-}
-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"),
-        react_1.default.createElement(Dialog_1.Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        react_1.default.createElement(Dialog_1.Dialog.ButtonGroup, { direction: "column" },
-            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"))));
-}
-//# sourceMappingURL=DialogExample.js.map

package/Dialog/DialogExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogExample.js","sourceRoot":"","sources":["../../src/Dialog/DialogExample.tsx"],"names":[],"mappings":"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"}

package/Dialog/DialogExample.mjs

@@ -1,59 +0,0 @@
-import dialogPolyfill from 'dialog-polyfill';
-import React, { useEffect, useRef, useState } from 'react';
-import { Button } from "../Button/index.mjs";
-import { SubtleButton } from "../SubtleButton/index.mjs";
-import { Dialog } from "./Dialog.mjs";
-import 'dialog-polyfill/dist/dialog-polyfill.css';
-function useDialogpolyfill(ref) {
-    useEffect(() => {
-        if (ref.current) {
-            dialogPolyfill.registerDialog(ref.current);
-        }
-    }, [ref]);
-}
-export function DialogExample() {
-    const [open, setOpen] = useState(false);
-    const dialogRef = useRef(null);
-    const handleOpenButtonClick = () => setOpen(true);
-    const handleDialogCancel = () => setOpen(false);
-    const handleDialogClose = () => setOpen(false);
-    useDialogpolyfill(dialogRef);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { "aria-haspopup": "true", onClick: handleOpenButtonClick, size: "medium", variant: "neutral" }, "\u958B\u304F"),
-        React.createElement(Dialog.Frame, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", ref: dialogRef, open: open, onCancel: handleDialogCancel, onClose: handleDialogClose },
-            React.createElement(Dialog.Title, { id: "dialog-title" }, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-            React.createElement(Dialog.Body, { id: "dialog-description" }, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-            React.createElement(Dialog.ButtonGroup, null,
-                React.createElement(Button, { layout: "fullWidth", size: "medium" }, "OK")))));
-}
-export function StyleOnly() {
-    return (React.createElement(Dialog.StyleOnly, null,
-        React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-        React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        React.createElement(Dialog.ButtonGroup, null,
-            React.createElement(Button, { layout: "fullWidth", size: "medium" }, "OK"))));
-}
-export function ButtonRow() {
-    return (React.createElement(Dialog.StyleOnly, null,
-        React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-        React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        React.createElement(Dialog.ButtonGroup, null,
-            React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"),
-            React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "danger", type: "button" }, "\u524A\u9664\u3059\u308B"))));
-}
-export function ButtonColumn() {
-    return (React.createElement(Dialog.StyleOnly, null,
-        React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-        React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        React.createElement(Dialog.ButtonGroup, { direction: "column" },
-            React.createElement(Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
-            React.createElement(Button, { layout: "fullWidth", size: "medium", variant: "neutral" }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
-}
-export function ButtonColumnWithSubtleButton() {
-    return (React.createElement(Dialog.StyleOnly, null,
-        React.createElement(Dialog.Title, null, "\u30BF\u30A4\u30C8\u30EB\u3067\u3059\u3088"),
-        React.createElement(Dialog.Body, null, "\u3053\u3053\u306B\u672C\u6587\u304C\u5165\u308A\u307E\u3059\u3088"),
-        React.createElement(Dialog.ButtonGroup, { direction: "column" },
-            React.createElement(Button, { layout: "fullWidth", size: "medium", type: "button" }, "Spindle\u3092\u30D5\u30A9\u30ED\u30FC\u3059\u308B"),
-            React.createElement(SubtleButton, { size: "medium" }, "\u3068\u3058\u308B"))));
-}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 openameba
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.