@openameba/spindle-ui 3.2.4 → 3.2.5

package/Rating/StarFront.js

@@ -1,23 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarFront = void 0;
-var react_1 = __importDefault(require("react"));
-var StarFront = function (props) {
-    return (react_1.default.createElement("svg", __assign({ fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg" }, props),
+const react_1 = __importDefault(require("react"));
+const StarFront = (props) => {
+    return (react_1.default.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...props },
         react_1.default.createElement("title", null, "rating foreground"),
         react_1.default.createElement("path", { d: "m14.2066 7.65315-2.3267 2.13333.6334 3.09332c.0933.4667-.0867.9334-.4734 1.2134-.2133.1533-.46.2333-.7066.2333-.2 0-.4067-.0533-.5934-.16l-2.73997-1.5667-2.74666 1.56c-.18667.1067-.39334.16-.59334.16-.24666 0-.49333-.08-.70666-.2333-.38667-.28-.56667-.7467-.47334-1.2133l.63334-3.09338-2.32667-2.13334c-.35333-.32-.48-.8-.33333-1.25333s.53333-.76667 1.00667-.82l3.13333-.35333 1.30667-2.87334c.20666-.43333.62666-.7 1.09999-.7.47334 0 .89334.26667 1.09334.70667l1.30663 2.87333 3.1334.35334c.4733.05333.86.36666 1.0066.82.1467.45333.02.93333-.3333 1.25333z" }),
         react_1.default.createElement("path", { d: "m7.99976 2.02148c.32659 0 .61293.18147.75195.48731l1.30659 2.87305.0879.19336.212.02441 3.1328.35254c.3283.03699.5914.25149.6923.56347.1014.3137.0146.63915-.2285.85938l-.0019.00195-2.3262 2.13282-.1572.14355.043.20801.6328 3.09077v.001c.0567.2837-.031.563-.2325.7578l-.0927.0782c-.1518.1088-.3218.162-.4864.1621-.134 0-.2768-.036-.4072-.1104l-2.74022-1.5664-.18555-.1064-.18554.1054-2.74707 1.5606h-.00098c-.13047.0745-.27302.1103-.40723.1103-.12364 0-.25032-.0297-.37012-.0908l-.11718-.0713c-.26583-.1928-.3893-.5105-.3252-.834l.63281-3.09273.04297-.20899-.15625-.14355-2.32715-2.13281-.00097-.00196-.08399-.08691c-.17825-.21424-.23335-.4978-.14453-.77246.10092-.31194.36319-.52644.69141-.56348l3.13379-.35254.21094-.02441.08789-.19336 1.30371-2.86719c.14532-.3047.43511-.48626.76172-.48633z", stroke: "#08121a", strokeOpacity: ".08", strokeWidth: ".75" })));

package/Rating/StarFront.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarFront.js","sourceRoot":"","sources":["../../src/Rating/StarFront.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,SAAS,GAAG,UAAC,KAAY;IACpC,OAAO,CACL,gDACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,iEAAgC;QAChC,wCAAM,CAAC,EAAC,8iBAA8iB,GAAG;QACzjB,wCACE,CAAC,EAAC,0xBAA0xB,EAC5xB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEF,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"StarFront.js","sourceRoot":"","sources":["../../src/Rating/StarFront.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,OAAO,CACL,uCACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;QAET,iEAAgC;QAChC,wCAAM,CAAC,EAAC,8iBAA8iB,GAAG;QACzjB,wCACE,CAAC,EAAC,0xBAA0xB,EAC5xB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEF,kBAAe,iBAAS,CAAC"}

package/SegmentedControl/SegmentedControl.js

@@ -34,53 +34,52 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentedControl = void 0;
-var react_1 = __importStar(require("react"));
-var BLOCK_NAME = 'spui-SegmentedControl';
-var SegmentedControl = function (_a) {
-    var userSelectedId = _a.selectedId, options = _a.options, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'medium' : _b;
-    var _c = (0, react_1.useState)(userSelectedId), selectedId = _c[0], setSelectedId = _c[1];
-    var indicatorRef = (0, react_1.useRef)(null);
-    var buttonsRef = (0, react_1.useRef)([]);
-    var selectedIndex = (0, react_1.useMemo)(function () { return options.findIndex(function (option) { return option.id === selectedId; }); }, [options, selectedId]);
-    options.forEach(function (_, index) {
+const react_1 = __importStar(require("react"));
+const BLOCK_NAME = 'spui-SegmentedControl';
+const SegmentedControl = ({ selectedId: userSelectedId, options, onClick, size = 'medium', }) => {
+    const [selectedId, setSelectedId] = (0, react_1.useState)(userSelectedId);
+    const indicatorRef = (0, react_1.useRef)(null);
+    const buttonsRef = (0, react_1.useRef)([]);
+    const selectedIndex = (0, react_1.useMemo)(() => options.findIndex((option) => option.id === selectedId), [options, selectedId]);
+    options.forEach((_, index) => {
         buttonsRef.current[index] = (0, react_1.createRef)();
     });
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         var _a;
         (_a = indicatorRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('transform', 
         // 4はgapのpx値
-        "translateX(calc(".concat(100 * selectedIndex, "% + ").concat((4 + 4) * selectedIndex + 4, "px))"));
+        `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`);
     }, [selectedIndex]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         // selectedIdがどの項目にも一致しない場合は最初の項目を選択する
-        if (!options.some(function (option) { return option.id === userSelectedId; })) {
+        if (!options.some((option) => option.id === userSelectedId)) {
             setSelectedId(options[0].id);
             return;
         }
         setSelectedId(userSelectedId);
     }, [options, userSelectedId]);
-    var handleClick = (0, react_1.useCallback)(function (e, id) {
+    const handleClick = (0, react_1.useCallback)((e, id) => {
         setSelectedId(id);
         if (typeof onClick === 'function') {
             onClick(e, id);
         }
     }, [onClick]);
-    var handleKeyDown = (0, react_1.useCallback)(function (e, index) {
-        var targetButton = buttonsRef.current[index].current;
+    const handleKeyDown = (0, react_1.useCallback)((e, index) => {
+        const targetButton = buttonsRef.current[index].current;
         switch (e.key) {
             case 'ArrowUp':
             case 'ArrowLeft': {
                 e.preventDefault();
-                var prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
-                var prevButton = prevButtonRef.current;
+                const prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
+                const prevButton = prevButtonRef.current;
                 prevButton === null || prevButton === void 0 ? void 0 : prevButton.focus();
                 break;
             }
             case 'ArrowDown':
             case 'ArrowRight': {
                 e.preventDefault();
-                var nextButtonRef = buttonsRef.current[(index + 1) % options.length];
-                var nextButton = nextButtonRef.current;
+                const nextButtonRef = buttonsRef.current[(index + 1) % options.length];
+                const nextButton = nextButtonRef.current;
                 nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
                 break;
             }
@@ -99,26 +98,24 @@ var SegmentedControl = function (_a) {
         return null;
     }
     return (react_1.default.createElement("div", { className: [
-            "".concat(BLOCK_NAME),
-            "".concat(BLOCK_NAME, "--").concat(size),
-            options.length > 2 && "".concat(BLOCK_NAME, "--divider"),
+            `${BLOCK_NAME}`,
+            `${BLOCK_NAME}--${size}`,
+            options.length > 2 && `${BLOCK_NAME}--divider`,
         ]
             .filter(Boolean)
             .join(' '), style: {
-            gridTemplateColumns: "repeat(".concat(options.length, ", 1fr)"),
+            gridTemplateColumns: `repeat(${options.length}, 1fr)`,
         }, role: "radiogroup" },
-        react_1.default.createElement("div", { className: ["".concat(BLOCK_NAME, "-indicator"), "".concat(BLOCK_NAME, "-button")]
+        react_1.default.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
                 .filter(Boolean)
                 .join(' '), style: {
                 // 4はgapのpx値
-                width: "calc(".concat(100 / options.length, "% - ").concat(4 + 4, "px)"),
-                transform: "translateX(calc(".concat(100 * selectedIndex, "% + ").concat((4 + 4) * selectedIndex + 4, "px))"),
+                width: `calc(${100 / options.length}% - ${4 + 4}px)`,
+                transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
             }, ref: indicatorRef }),
-        options.map(function (option, index) {
-            var isSelected = option.id === selectedId;
-            return (
-            // biome-ignore lint/a11y/useSemanticElements: Custom segmented control uses button + radio roles for accessibility
-            react_1.default.createElement("button", { key: option.id, className: "".concat(BLOCK_NAME, "-button"), onClick: function (e) { return handleClick(e, option.id); }, onKeyDown: function (e) { return handleKeyDown(e, index); }, type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
+        options.map((option, index) => {
+            const isSelected = option.id === selectedId;
+            return (react_1.default.createElement("button", { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
         })));
 };
 exports.SegmentedControl = SegmentedControl;

package/SegmentedControl/SegmentedControl.js.map

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

package/SegmentedControl/SegmentedControl.mjs

@@ -9,7 +9,8 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
         buttonsRef.current[index] = createRef();
     });
     useEffect(() => {
-        indicatorRef.current?.style.setProperty('transform', 
+        var _a;
+        (_a = indicatorRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('transform', 
         // 4はgapのpx値
         `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`);
     }, [selectedIndex]);
@@ -35,7 +36,7 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
                 e.preventDefault();
                 const prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
                 const prevButton = prevButtonRef.current;
-                prevButton?.focus();
+                prevButton === null || prevButton === void 0 ? void 0 : prevButton.focus();
                 break;
             }
             case 'ArrowDown':
@@ -43,7 +44,7 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
                 e.preventDefault();
                 const nextButtonRef = buttonsRef.current[(index + 1) % options.length];
                 const nextButton = nextButtonRef.current;
-                nextButton?.focus();
+                nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
                 break;
             }
             case 'Enter':
@@ -68,21 +69,16 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
             .filter(Boolean)
             .join(' '), style: {
             gridTemplateColumns: `repeat(${options.length}, 1fr)`,
-        }, role: "radiogroup" }, React.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
-            .filter(Boolean)
-            .join(' '), style: {
-            // 4はgapのpx値
-            width: `calc(${100 / options.length}% - ${4 + 4}px)`,
-            transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
-        }, ref: indicatorRef }), options.map((option, index) => {
-        const isSelected = option.id === selectedId;
-        return (
-            // biome-ignore lint/a11y/useSemanticElements: Custom segmented control uses button + radio roles for accessibility
-            (React.createElement(
-                "button",
-                { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] },
-                option.label
-            ))
-        );
-    })));
+        }, role: "radiogroup" },
+        React.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
+                .filter(Boolean)
+                .join(' '), style: {
+                // 4はgapのpx値
+                width: `calc(${100 / options.length}% - ${4 + 4}px)`,
+                transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
+            }, ref: indicatorRef }),
+        options.map((option, index) => {
+            const isSelected = option.id === selectedId;
+            return (React.createElement("button", { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
+        })));
 };

package/SnackBar/SnackBar.css

@@ -1,3 +1,3 @@
 :root{--IconButton-tapHighlightColor:var(--gray-5-alpha);--IconButton-onFocus-outlineColor:var(--color-focus-clarity);--IconButton--contained-backgroundColor:var(--color-surface-accent-primary);--IconButton--contained-color:var(--color-object-high-emphasis-inverse);--IconButton--contained-onActive-backgroundColor:var(--primary-green-100);--IconButton--contained-onHover-backgroundColor:var(--primary-green-100);--IconButton--outlined-borderColor:var(--color-border-accent-primary);--IconButton--outlined-color:var(--color-object-accent-primary);--IconButton--outlined-onActive-backgroundColor:var(--primary-green-5);--IconButton--outlined-onHover-backgroundColor:var(--primary-green-5);--IconButton--lighted-backgroundColor:var(
     --color-surface-accent-primary-light
-  );--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}
+  );--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{padding:0 12px;text-align:center;bottom:0;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}

package/SnackBar/SnackBar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,81 +32,64 @@ var __importStar = (this && this.__importStar) || (function () {
         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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SnackBar = exports.DISPLAYING_TIMEOUT_DURATION = exports.ANIMATION_DURATION = exports.BLOCK_NAME = void 0;
-var react_1 = __importStar(require("react"));
-var CrossBold_1 = __importDefault(require("../Icon/CrossBold"));
-var IconButton_1 = require("../IconButton");
-var StackNotificationManager_1 = require("../StackNotificationManager");
-var TextButton_1 = require("../TextButton/TextButton");
-var TextLink_1 = require("../TextLink/TextLink");
+const react_1 = __importStar(require("react"));
+const CrossBold_1 = __importDefault(require("../Icon/CrossBold"));
+const IconButton_1 = require("../IconButton");
+const StackNotificationManager_1 = require("../StackNotificationManager");
+const TextButton_1 = require("../TextButton/TextButton");
+const TextLink_1 = require("../TextLink/TextLink");
 exports.BLOCK_NAME = 'spui-SnackBar';
 // Duration for css animation.
 exports.ANIMATION_DURATION = 300;
-var MAX_DURATION = 10000;
+const MAX_DURATION = 10000;
 exports.DISPLAYING_TIMEOUT_DURATION = MAX_DURATION - exports.ANIMATION_DURATION;
-var DEFAULT_VARIANT = 'information';
-var Frame = function (_a) {
-    var _b;
-    var children = _a.children, _active = _a.active, _c = _a.position, _position = _c === void 0 ? 'topCenter' : _c, _d = _a.offset, _offset = _d === void 0 ? {} : _d, onHide = _a.onHide, _e = _a.variant, variant = _e === void 0 ? DEFAULT_VARIANT : _e, _f = _a.stackPosition, stackPosition = _f === void 0 ? 0 : _f, setContentHeight = _a.setContentHeight;
-    var _g = (0, StackNotificationManager_1.useStackNotificationComponent)({
+const DEFAULT_VARIANT = 'information';
+const Frame = ({ children, active: _active, position: _position = 'topCenter', offset: _offset = {}, onHide, variant = DEFAULT_VARIANT, stackPosition = 0, setContentHeight, }) => {
+    const { isShow, active, shouldAnimation, position, orderOffset, offset, initialHeight, setIsShow, focusEvent: { setIsShowWithTimeout, resetTimeout }, setClientHeight, handleTransitionEnd, handleOnClickCloseButton, } = (0, StackNotificationManager_1.useStackNotificationComponent)({
         active: _active,
         position: _position,
         offset: _offset,
-        onHide: onHide,
-        stackPosition: stackPosition,
-        setContentHeight: setContentHeight,
+        onHide,
+        stackPosition,
+        setContentHeight,
         displayingTimeout: exports.DISPLAYING_TIMEOUT_DURATION,
-    }), isShow = _g.isShow, active = _g.active, shouldAnimation = _g.shouldAnimation, position = _g.position, orderOffset = _g.orderOffset, offset = _g.offset, initialHeight = _g.initialHeight, setIsShow = _g.setIsShow, _h = _g.focusEvent, setIsShowWithTimeout = _h.setIsShowWithTimeout, resetTimeout = _h.resetTimeout, setClientHeight = _g.setClientHeight, handleTransitionEnd = _g.handleTransitionEnd, handleOnClickCloseButton = _g.handleOnClickCloseButton;
-    return (react_1.default.createElement("div", { style: (_b = {},
-            _b['--SnackBar--initial-height-top'] = "".concat(initialHeight.top, "px"),
-            _b['--SnackBar--initial-height-bottom'] = "".concat(initialHeight.bottom, "px"),
-            _b['--SnackBar--order-offset-top'] = "".concat(orderOffset.top, "px"),
-            _b['--SnackBar--order-offset-bottom'] = "".concat(-orderOffset.bottom, "px"),
-            _b['--SnackBar--offset-top'] = "".concat(offset.top, "px"),
-            _b['--SnackBar--offset-bottom'] = "".concat(offset.bottom, "px"),
-            _b['--SnackBar--offset-left'] = "".concat(offset.left, "px"),
-            _b['--SnackBar--offset-right'] = "".concat(offset.right, "px"),
-            _b['--SnackBar--text-align'] = position.horizontal,
-            _b), className: [
+    });
+    return (react_1.default.createElement("div", { style: {
+            ['--SnackBar--initial-height-top']: `${initialHeight.top}px`,
+            ['--SnackBar--initial-height-bottom']: `${initialHeight.bottom}px`,
+            ['--SnackBar--order-offset-top']: `${orderOffset.top}px`,
+            ['--SnackBar--order-offset-bottom']: `${-orderOffset.bottom}px`,
+            ['--SnackBar--offset-top']: `${offset.top}px`,
+            ['--SnackBar--offset-bottom']: `${offset.bottom}px`,
+            ['--SnackBar--offset-left']: `${offset.left}px`,
+            ['--SnackBar--offset-right']: `${offset.right}px`,
+            ['--SnackBar--text-align']: position.horizontal,
+        }, className: [
             exports.BLOCK_NAME,
-            "".concat(exports.BLOCK_NAME, "--").concat(position.vertical),
-            shouldAnimation && "".concat(exports.BLOCK_NAME, "--slide"),
-            isShow && "".concat(exports.BLOCK_NAME, "-slide--in"),
-            !active && "".concat(exports.BLOCK_NAME, "--hidden"),
+            `${exports.BLOCK_NAME}--${position.vertical}`,
+            shouldAnimation && `${exports.BLOCK_NAME}--slide`,
+            isShow && `${exports.BLOCK_NAME}-slide--in`,
+            !active && `${exports.BLOCK_NAME}--hidden`,
         ]
             .filter(Boolean)
-            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: function (ref) { return setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0); } },
-        react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-content ").concat(exports.BLOCK_NAME, "-content--").concat(variant), onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
-            react_1.Children.map(children, function (child) {
-                return (0, react_1.isValidElement)(child)
-                    ? (0, react_1.cloneElement)(child, { variant: variant, setIsShow: setIsShow })
-                    : child;
-            }),
-            react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconButton ").concat(exports.BLOCK_NAME, "-iconButton--").concat(variant), onTransitionEnd: function (e) { return e.stopPropagation(); } },
+            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0) },
+        react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-content ${exports.BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
+            react_1.Children.map(children, (child) => (0, react_1.isValidElement)(child)
+                ? (0, react_1.cloneElement)(child, { variant, setIsShow })
+                : child),
+            react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-iconButton ${exports.BLOCK_NAME}-iconButton--${variant}`, onTransitionEnd: (e) => e.stopPropagation() },
                 react_1.default.createElement(IconButton_1.IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
                     react_1.default.createElement(CrossBold_1.default, { "aria-label": "\u9589\u3058\u308B" }))))));
 };
-var convertInternalChildProps = function (props) {
-    var hasInternalChildProps = function (props) {
-        return Object.hasOwn(props, 'setIsShow') || Object.hasOwn(props, 'variant');
-    };
+const convertInternalChildProps = (props) => {
+    const hasInternalChildProps = (props) => Object.hasOwn(props, 'setIsShow') || Object.hasOwn(props, 'variant');
     if (hasInternalChildProps(props)) {
-        var result = {
+        const result = {
             setIsShow: props.setIsShow,
             variant: props.variant,
         };
@@ -128,43 +100,35 @@ var convertInternalChildProps = function (props) {
     }
     return [props, {}];
 };
-var Icon = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-icon") }, children));
-};
-var Text = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("span", { className: "".concat(exports.BLOCK_NAME, "-text") }, children));
-};
-var TextButton = function (_a) {
-    var icon = _a.icon, children = _a.children, onClick = _a.onClick, rest = __rest(_a, ["icon", "children", "onClick"]);
-    var _b = convertInternalChildProps(rest), props = _b[0], internalProps = _b[1];
-    var variant = internalProps.variant || DEFAULT_VARIANT;
-    var setIsShow = internalProps.setIsShow;
-    var handleOnClick = function (e) {
+const Icon = ({ children }) => (react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-icon` }, children));
+const Text = ({ children }) => (react_1.default.createElement("span", { className: `${exports.BLOCK_NAME}-text` }, children));
+const TextButton = ({ icon, children, onClick, ...rest }) => {
+    const [props, internalProps] = convertInternalChildProps(rest);
+    const variant = internalProps.variant || DEFAULT_VARIANT;
+    const setIsShow = internalProps.setIsShow;
+    const handleOnClick = (e) => {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
         setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
     };
-    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-button ").concat(exports.BLOCK_NAME, "-button--").concat(variant) },
-        react_1.default.createElement(TextButton_1.TextButton, __assign({ icon: icon, onClick: handleOnClick }, props), children)));
+    return (react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-button ${exports.BLOCK_NAME}-button--${variant}` },
+        react_1.default.createElement(TextButton_1.TextButton, { icon: icon, onClick: handleOnClick, ...props }, children)));
 };
-var TextLink = function (_a) {
-    var icon = _a.icon, children = _a.children, onClick = _a.onClick, rest = __rest(_a, ["icon", "children", "onClick"]);
-    var _b = convertInternalChildProps(rest), props = _b[0], internalProps = _b[1];
-    var variant = internalProps.variant || DEFAULT_VARIANT;
-    var setIsShow = internalProps.setIsShow;
-    var handleOnClick = function (e) {
+const TextLink = ({ icon, children, onClick, ...rest }) => {
+    const [props, internalProps] = convertInternalChildProps(rest);
+    const variant = internalProps.variant || DEFAULT_VARIANT;
+    const setIsShow = internalProps.setIsShow;
+    const handleOnClick = (e) => {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
         setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
     };
-    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-button ").concat(exports.BLOCK_NAME, "-button--").concat(variant) },
-        react_1.default.createElement(TextLink_1.TextLink, __assign({ icon: icon, onClick: handleOnClick }, props), children)));
+    return (react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-button ${exports.BLOCK_NAME}-button--${variant}` },
+        react_1.default.createElement(TextLink_1.TextLink, { icon: icon, onClick: handleOnClick, ...props }, children)));
 };
 exports.SnackBar = {
-    Frame: Frame,
-    Icon: Icon,
-    Text: Text,
-    TextButton: TextButton,
-    TextLink: TextLink,
+    Frame,
+    Icon,
+    Text,
+    TextButton,
+    TextLink,
 };
 //# sourceMappingURL=SnackBar.js.map

package/SnackBar/SnackBar.js.map

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

package/SnackBar/SnackBar.mjs

@@ -38,7 +38,7 @@ const Frame = ({ children, active: _active, position: _position = 'topCenter', o
             !active && `${BLOCK_NAME}--hidden`,
         ]
             .filter(Boolean)
-            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight(ref?.clientHeight || 0) },
+            .join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0) },
         React.createElement("div", { className: `${BLOCK_NAME}-content ${BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
             Children.map(children, (child) => isValidElement(child)
                 ? cloneElement(child, { variant, setIsShow })
@@ -68,8 +68,8 @@ const TextButton = ({ icon, children, onClick, ...rest }) => {
     const variant = internalProps.variant || DEFAULT_VARIANT;
     const setIsShow = internalProps.setIsShow;
     const handleOnClick = (e) => {
-        onClick?.(e);
-        setIsShow?.(false);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
     };
     return (React.createElement("div", { className: `${BLOCK_NAME}-button ${BLOCK_NAME}-button--${variant}` },
         React.createElement(SpindleTextButton, { icon: icon, onClick: handleOnClick, ...props }, children)));
@@ -79,8 +79,8 @@ const TextLink = ({ icon, children, onClick, ...rest }) => {
     const variant = internalProps.variant || DEFAULT_VARIANT;
     const setIsShow = internalProps.setIsShow;
     const handleOnClick = (e) => {
-        onClick?.(e);
-        setIsShow?.(false);
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        setIsShow === null || setIsShow === void 0 ? void 0 : setIsShow(false);
     };
     return (React.createElement("div", { className: `${BLOCK_NAME}-button ${BLOCK_NAME}-button--${variant}` },
         React.createElement(SpindleTextLink, { icon: icon, onClick: handleOnClick, ...props }, children)));

package/StackNotificationManager/StackNotificationManager.js

@@ -34,27 +34,26 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StackNotificationManagerProvider = exports.useStackNotificationManagerContext = void 0;
-var react_1 = __importStar(require("react"));
-var StackNotificationManagerContext = (0, react_1.createContext)(null);
-var useStackNotificationManagerContext = function () {
-    var context = (0, react_1.useContext)(StackNotificationManagerContext);
+const react_1 = __importStar(require("react"));
+const StackNotificationManagerContext = (0, react_1.createContext)(null);
+const useStackNotificationManagerContext = () => {
+    const context = (0, react_1.useContext)(StackNotificationManagerContext);
     if (context === null) {
         throw new Error('useStackNotificationManagerContext must be used within a StackNotificationManagerProvider');
     }
     return context;
 };
 exports.useStackNotificationManagerContext = useStackNotificationManagerContext;
-var StackNotificationManagerProvider = function (_a) {
-    var children = _a.children;
+const StackNotificationManagerProvider = ({ children }) => {
     // To clear unnecessary stack items in unmount process, we need to use useRef.
-    var _b = (0, react_1.useReducer)(function () { return ({}); }, {}), forceRender = _b[1];
-    var stackRef = (0, react_1.useRef)({});
-    var setStack = (0, react_1.useCallback)(function (cb) {
+    const [, forceRender] = (0, react_1.useReducer)(() => ({}), {});
+    const stackRef = (0, react_1.useRef)({});
+    const setStack = (0, react_1.useCallback)((cb) => {
         stackRef.current = cb(stackRef.current);
         forceRender();
     }, []);
-    var _c = (0, react_1.useState)({}), offset = _c[0], setOffset = _c[1];
-    return (react_1.default.createElement(StackNotificationManagerContext.Provider, { value: { stackRef: stackRef, setStack: setStack, offset: offset, setOffset: setOffset } }, children));
+    const [offset, setOffset] = (0, react_1.useState)({});
+    return (react_1.default.createElement(StackNotificationManagerContext.Provider, { value: { stackRef, setStack, offset, setOffset } }, children));
 };
 exports.StackNotificationManagerProvider = StackNotificationManagerProvider;
 //# sourceMappingURL=StackNotificationManager.js.map