@openameba/spindle-ui 3.2.3 → 3.2.5

package/Form/DropDown/DropDown.mjs

@@ -7,7 +7,7 @@ export const DropDown = forwardRef(function DropDown({ children, hasError = fals
     const [text, setText] = useState('');
     const [optionDisabled, setOptionDisabled] = useState(false);
     const update = () => {
-        if (selectEl?.current) {
+        if (selectEl === null || selectEl === void 0 ? void 0 : selectEl.current) {
             const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
             const value = selectedEl.text;
             const disabled = selectedEl.disabled;

package/Form/DropDown.css

@@ -1 +1 @@
-.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border-bottom-right-radius:8px;border-left:1px solid var(--color-border-medium-emphasis);border-top-right-radius:8px;bottom:1px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;justify-content:center;padding-right:1px;position:absolute;right:0;top:1px;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}
+.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border-bottom-right-radius:8px;border-left:1px solid var(--color-border-medium-emphasis);border-top-right-radius:8px;bottom:1px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;justify-content:center;padding-right:1px;position:absolute;right:0;top:1px;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}

package/Form/InlineDropDown/InlineDropDown.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,38 +32,26 @@ 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.InlineDropDown = void 0;
-var react_1 = __importStar(require("react"));
-var use_callback_ref_1 = require("use-callback-ref");
-var ChevronDownBold_1 = __importDefault(require("../../Icon/ChevronDownBold"));
-var BLOCK_NAME = 'spui-InlineDropDown';
-exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref) {
-    var children = _a.children, _b = _a.visualSize, visualSize = _b === void 0 ? 'medium' : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "visualSize", "onChange"]);
-    var selectEl = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
-    var update = function () {
+const react_1 = __importStar(require("react"));
+const use_callback_ref_1 = require("use-callback-ref");
+const ChevronDownBold_1 = __importDefault(require("../../Icon/ChevronDownBold"));
+const BLOCK_NAME = 'spui-InlineDropDown';
+exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
+    const selectEl = (0, react_1.useRef)(null);
+    const [text, setText] = (0, react_1.useState)('');
+    const update = () => {
         if (selectEl === null || selectEl === void 0 ? void 0 : selectEl.current) {
-            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            var value = selectedEl.text;
+            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            const value = selectedEl.text;
             setText(value);
         }
     };
-    var handleChange = function (event) {
+    const handleChange = (event) => {
         if (typeof onChange === 'function') {
             onChange(event);
         }
@@ -82,12 +59,12 @@ exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref
     };
     // Update text once
     (0, react_1.useEffect)(update, []);
-    return (react_1.default.createElement("label", { className: ["".concat(BLOCK_NAME, "-label")].filter(Boolean).join(' ') },
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") },
-            react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text ").concat(BLOCK_NAME, "-text--").concat(visualSize) }, text),
-            react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon ").concat(BLOCK_NAME, "-icon--").concat(visualSize) },
+    return (react_1.default.createElement("label", { className: [`${BLOCK_NAME}-label`].filter(Boolean).join(' ') },
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-visual` },
+            react_1.default.createElement("span", { className: `${BLOCK_NAME}-text ${BLOCK_NAME}-text--${visualSize}` }, text),
+            react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon ${BLOCK_NAME}-icon--${visualSize}` },
                 react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" }))),
-        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select ").concat(BLOCK_NAME, "-select--").concat(visualSize), ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange }, rest), children),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
+        react_1.default.createElement("select", { className: `${BLOCK_NAME}-select ${BLOCK_NAME}-select--${visualSize}`, ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange, ...rest }, children),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });
 //# sourceMappingURL=InlineDropDown.js.map

package/Form/InlineDropDown/InlineDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../../src/Form/InlineDropDown/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAAgD;AAEhD,+EAAyD;AAWzD,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAA6D,EAC7D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAApD,sCAAsD,CAAF;IAGpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAErC,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;YACtB,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,UAAG,UAAU,WAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS;YACrC,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE;gBAEjE,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,qBAAW,UAAU,sBAAY,UAAU,CAAE,EACrE,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../../src/Form/InlineDropDown/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,uDAAgD;AAEhD,iFAAyD;AAWzD,MAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAAE,QAAQ,EAAE,UAAU,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS,EAC7D,GAAG;IAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;YACtB,MAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,GAAG,UAAU,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,GAAG,UAAU,SAAS;YACrC,wCACE,SAAS,EAAE,GAAG,UAAU,SAAS,UAAU,UAAU,UAAU,EAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,GAAG,UAAU,SAAS,UAAU,UAAU,UAAU,EAAE;gBAEjE,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,0CACE,SAAS,EAAE,GAAG,UAAU,WAAW,UAAU,YAAY,UAAU,EAAE,EACrE,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,KAClB,IAAI,IAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,GAAG,UAAU,UAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/InlineDropDown/InlineDropDown.mjs

@@ -6,7 +6,7 @@ export const InlineDropDown = forwardRef(function InlineDropDown({ children, vis
     const selectEl = useRef(null);
     const [text, setText] = useState('');
     const update = () => {
-        if (selectEl?.current) {
+        if (selectEl === null || selectEl === void 0 ? void 0 : selectEl.current) {
             const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
             const value = selectedEl.text;
             setText(value);

package/Form/InputLabel/InputLabel.js

@@ -1,36 +1,13 @@
 "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 __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.InputLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var BLOCK_NAME = 'spui-InputLabel';
-var InputLabel = function (_a) {
-    var children = _a.children, _b = _a.id, id = _b === void 0 ? '' : _b, rest = __rest(_a, ["children", "id"]);
-    return (react_1.default.createElement("label", __assign({ className: BLOCK_NAME, htmlFor: id }, rest), children));
+const react_1 = __importDefault(require("react"));
+const BLOCK_NAME = 'spui-InputLabel';
+const InputLabel = ({ children, id = '', ...rest }) => {
+    return (react_1.default.createElement("label", { className: BLOCK_NAME, htmlFor: id, ...rest }, children));
 };
 exports.InputLabel = InputLabel;
 //# sourceMappingURL=InputLabel.js.map

package/Form/InputLabel/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/Form/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAQ1B,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,UAAU,GAAoB,UAAC,EAIpC;IAHN,IAAA,QAAQ,cAAA,EACR,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EACJ,IAAI,cAHmC,kBAI3C,CADQ;IAEP,OAAO,CACL,kDAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,IAAM,IAAI,GAChD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB"}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/Form/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQ1B,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,MAAM,UAAU,GAAoB,CAAC,EAC1C,QAAQ,EACR,EAAE,GAAG,EAAE,EACP,GAAG,IAAI,EACD,EAAE,EAAE;IACV,OAAO,CACL,yCAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,KAAM,IAAI,IAChD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB"}

package/Form/InvalidMessage/InvalidMessage.js

@@ -1,40 +1,17 @@
 "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 __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.InvalidMessage = void 0;
-var react_1 = __importDefault(require("react"));
-var ExclamationmarkCircleFill_1 = __importDefault(require("../../Icon/ExclamationmarkCircleFill"));
-var BLOCK_NAME = 'spui-InvalidMessage';
-var InvalidMessage = function (_a) {
-    var children = _a.children, _b = _a.visible, visible = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "visible"]);
-    return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME, hidden: !visible }, rest),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+const react_1 = __importDefault(require("react"));
+const ExclamationmarkCircleFill_1 = __importDefault(require("../../Icon/ExclamationmarkCircleFill"));
+const BLOCK_NAME = 'spui-InvalidMessage';
+const InvalidMessage = ({ children, visible = false, ...rest }) => {
+    return (react_1.default.createElement("p", { className: BLOCK_NAME, hidden: !visible, ...rest },
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` },
             react_1.default.createElement(ExclamationmarkCircleFill_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-body") }, children)));
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-body` }, children)));
 };
 exports.InvalidMessage = InvalidMessage;
 //# sourceMappingURL=InvalidMessage.js.map

package/Form/InvalidMessage/InvalidMessage.js.map

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

package/Form/Radio/Radio.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,32 +32,20 @@ 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.Radio = void 0;
-var react_1 = __importStar(require("react"));
-var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
-var BLOCK_NAME = 'spui-Radio';
-exports.Radio = (0, react_1.forwardRef)(function Radio(_a, ref) {
-    var children = _a.children, _b = _a.id, id = _b === void 0 ? '' : _b, rest = __rest(_a, ["children", "id"]);
-    return (react_1.default.createElement("label", { className: "".concat(BLOCK_NAME, "-label"), htmlFor: id },
-        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), id: id, ref: ref, type: "radio" }, rest)),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+const react_1 = __importStar(require("react"));
+const CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
+const BLOCK_NAME = 'spui-Radio';
+exports.Radio = (0, react_1.forwardRef)(function Radio({ children, id = '', ...rest }, ref) {
+    return (react_1.default.createElement("label", { className: `${BLOCK_NAME}-label`, htmlFor: id },
+        react_1.default.createElement("input", { className: `${BLOCK_NAME}-input`, id: id, ref: ref, type: "radio", ...rest }),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` },
             react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
-        children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-outline` }),
+        children && react_1.default.createElement("span", { className: `${BLOCK_NAME}-text` }, children)));
 });
 //# sourceMappingURL=Radio.js.map

package/Form/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/Form/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,mEAA6C;AAQ7C,IAAM,UAAU,GAAG,YAAY,CAAC;AAEnB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA0B,SAAS,KAAK,CACrE,EAAqC,EACrC,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA5B,kBAA8B,CAAF;IAG5B,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ,EAAE,OAAO,EAAE,EAAE;QAClD,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,IACR,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/Form/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,qEAA6C;AAQ7C,MAAM,UAAU,GAAG,YAAY,CAAC;AAEnB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA0B,SAAS,KAAK,CACrE,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACrC,GAAG;IAEH,OAAO,CACL,yCAAO,SAAS,EAAE,GAAG,UAAU,QAAQ,EAAE,OAAO,EAAE,EAAE;QAClD,yCACE,SAAS,EAAE,GAAG,UAAU,QAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,KACR,IAAI,GACR;QACF,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,GAAG,UAAU,UAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/TextArea/TextArea.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,23 +32,11 @@ 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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
-var react_1 = __importStar(require("react"));
-var BLOCK_NAME = 'spui-TextArea';
-exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
-    var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? '' : _c, rest = __rest(_a, ["children", "hasError", "id"]);
-    return (react_1.default.createElement("textarea", __assign({ className: ["".concat(BLOCK_NAME), hasError ? 'is-error' : ''].join(' '), id: id, ref: ref }, rest), children));
+const react_1 = __importStar(require("react"));
+const BLOCK_NAME = 'spui-TextArea';
+exports.TextArea = (0, react_1.forwardRef)(function TextArea({ children, hasError = false, id = '', ...rest }, ref) {
+    return (react_1.default.createElement("textarea", { className: [`${BLOCK_NAME}`, hasError ? 'is-error' : ''].join(' '), id: id, ref: ref, ...rest }, children));
 });
 //# sourceMappingURL=TextArea.js.map

package/Form/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/Form/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,SAAS,QAAQ,CACf,EAAuD,EACvD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA9C,8BAAgD,CAAF;IAG9C,OAAO,CACL,qDACE,SAAS,EAAE,CAAC,UAAG,UAAU,CAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/Form/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAS1C,MAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,SAAS,QAAQ,CACf,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG;IAEH,OAAO,CACL,4CACE,SAAS,EAAE,CAAC,GAAG,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,KACJ,IAAI,IAEP,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/TextField/TextField.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,27 +32,15 @@ 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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
-var react_1 = __importStar(require("react"));
-var BLOCK_NAME = 'spui-TextField';
-exports.TextField = (0, react_1.forwardRef)(function TextField(_a, ref) {
-    var _b = _a.hasError, hasError = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? '' : _c, _d = _a.variant, variant = _d === void 0 ? 'medium' : _d, rest = __rest(_a, ["hasError", "id", "variant"]);
-    return (react_1.default.createElement("input", __assign({ className: [
-            "".concat(BLOCK_NAME),
-            "".concat(BLOCK_NAME, "--").concat(variant),
+const react_1 = __importStar(require("react"));
+const BLOCK_NAME = 'spui-TextField';
+exports.TextField = (0, react_1.forwardRef)(function TextField({ hasError = false, id = '', variant = 'medium', ...rest }, ref) {
+    return (react_1.default.createElement("input", { className: [
+            `${BLOCK_NAME}`,
+            `${BLOCK_NAME}--${variant}`,
             hasError ? 'is-error' : '',
-        ].join(' '), id: id, ref: ref }, rest)));
+        ].join(' '), id: id, ref: ref, ...rest }));
 });
 //# sourceMappingURL=TextField.js.map

package/Form/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/Form/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAW1C,IAAM,UAAU,GAAG,gBAAgB,CAAC;AAEvB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA0B,SAAS,SAAS,CAC7E,EAAiE,EACjE,GAAG;IADD,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAAK,IAAI,cAAxD,6BAA0D,CAAF;IAGxD,OAAO,CACL,kDACE,SAAS,EAAE;YACT,UAAG,UAAU,CAAE;YACf,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/Form/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAW1C,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEvB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA0B,SAAS,SAAS,CAC7E,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAS,EACjE,GAAG;IAEH,OAAO,CACL,yCACE,SAAS,EAAE;YACT,GAAG,UAAU,EAAE;YACf,GAAG,UAAU,KAAK,OAAO,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,KACJ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/ToggleSwitch/ToggleSwitch.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,29 +32,17 @@ 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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleSwitch = void 0;
-var react_1 = __importStar(require("react"));
-var BLOCK_NAME = 'spui-ToggleSwitch';
-exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch(_a, ref) {
-    var _b = _a.id, id = _b === void 0 ? '' : _b, rest = __rest(_a, ["id"]);
+const react_1 = __importStar(require("react"));
+const BLOCK_NAME = 'spui-ToggleSwitch';
+exports.ToggleSwitch = (0, react_1.forwardRef)(function ToggleSwitch({ id = '', ...rest }, ref) {
     return (react_1.default.createElement("label", { className: BLOCK_NAME },
-        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), id: id, ref: ref, 
+        react_1.default.createElement("input", { className: `${BLOCK_NAME}-input`, id: id, ref: ref, 
             // TODO: update this when the switch attribute is supported
             // eslint-disable-next-line react/no-unknown-property
-            switch: "switch", type: "checkbox" }, rest)),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") }),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
+            switch: "switch", type: "checkbox", ...rest }),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-visual` }),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });
 //# sourceMappingURL=ToggleSwitch.js.map

package/Form/ToggleSwitch/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/Form/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO1C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAE1B,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,SAAS,YAAY,CAAC,EAA2B,EAAE,GAAG;IAA9B,IAAA,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAAlB,MAAoB,CAAF;IACtC,OAAO,CACL,yCAAO,SAAS,EAAE,UAAU;QAC1B,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG;YACR,2DAA2D;YAC3D,qDAAqD;YACrD,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,GAAS;QAChD,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/Form/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAO1C,MAAM,UAAU,GAAG,mBAAmB,CAAC;AAE1B,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,SAAS,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EAAE,GAAG;IACpD,OAAO,CACL,yCAAO,SAAS,EAAE,UAAU;QAC1B,yCACE,SAAS,EAAE,GAAG,UAAU,QAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG;YACR,2DAA2D;YAC3D,qDAAqD;YACrD,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,UAAU,KACX,IAAI,GACR;QACF,wCAAM,SAAS,EAAE,GAAG,UAAU,SAAS,GAAS;QAChD,wCAAM,SAAS,EAAE,GAAG,UAAU,UAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/index.css

@@ -1 +1 @@
-:root{--Checkbox-backGroundColor:var(--color-surface-primary)}.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-text:not(:empty)){box-shadow:0 0 0 2px var(--Checkbox-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-input:not(:focus-visible)){box-shadow:none}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-label--inverse .spui-Checkbox-icon{border:1px solid var(--color-border-low-emphasis-inverse)}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-label--inverse .spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-surface-primary);border:1px solid var(--color-surface-primary);color:var(--color-object-accent-primary)}.spui-Checkbox-outline{border-radius:2px;height:22px;inset:-2px;position:absolute;width:22px}.spui-Checkbox-label:has(:not(.spui-Checkbox-text)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-label:has(.spui-Checkbox-text):has(:not(.spui-Checkbox-text:empty)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border-bottom-right-radius:8px;border-left:1px solid var(--color-border-medium-emphasis);border-top-right-radius:8px;bottom:1px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;justify-content:center;padding-right:1px;position:absolute;right:0;top:1px;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-InputLabel{color:var(--color-text-medium-emphasis);display:block;font-size:.875em;font-weight:700;line-height:1.4}.spui-InputLabel:empty{display:none}.spui-InvalidMessage{color:var(--color-text-caution);display:flex;font-size:.75em;font-weight:700;line-height:1.4;margin:8px 0 0;min-height:1.1em;transition:height .3s}.spui-InvalidMessage[hidden]{display:none}.spui-InvalidMessage-icon{font-size:1.33em;line-height:1;margin-right:.25em}.spui-InvalidMessage-body{position:relative;top:1px}:root{--Radio-backGroundColor:var(--color-surface-primary)}.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-label:focus-within:has(.spui-Radio-text:not(:empty)){box-shadow:0 0 0 2px var(--Radio-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Radio-label:focus-within:has(.spui-Radio-input:not(:focus-visible)){box-shadow:none}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;height:24px;inset:-2px;position:absolute;width:24px}.spui-Radio-label:has(:not(.spui-Radio-text)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-label:has(.spui-Radio-text):has(:not(.spui-Radio-text:empty)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}.spui-TextArea{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;line-height:1.4;margin:0;min-height:92px;outline:none;padding:12px 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextArea{transition:box-shadow .1ms}}.spui-TextArea::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextArea::placeholder{color:var(--color-text-disabled)}.spui-TextArea:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextArea:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextArea.is-error,.spui-TextArea:user-invalid{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;margin:0;outline:none;padding:0 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextField{transition:box-shadow .1ms}}.spui-TextField::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextField::placeholder{color:var(--color-text-disabled)}.spui-TextField:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextField:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextField.is-error,.spui-TextField:user-invalid{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField--large{min-height:48px}.spui-TextField--medium{min-height:40px}.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;inset:-2px;position:absolute}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}.spui-ButtonSwitch{align-items:stretch;display:flex;flex-direction:row}.spui-ButtonSwitch-button{align-items:center;background-color:var(--color-surface-tertiary);border:none;border-radius:0;color:var(--color-text-medium-emphasis);display:inline-flex;flex:1;font-size:.8125em;gap:4px;justify-content:center;line-height:1.3;padding:8px 4px;position:relative;text-align:center;text-decoration:none;transition:font-weight .35s ease,color .35s ease,background-color .15s ease;white-space:nowrap}.spui-ButtonSwitch-button:hover{background-color:var(--color-hover-neutral-button)}.spui-ButtonSwitch-button[aria-pressed=true]{background-color:var(--color-surface-accent-primary);font-weight:700}.spui-ButtonSwitch-button[aria-pressed=true] .spui-ButtonSwitch-icon{color:var(--color-object-high-emphasis-inverse)}.spui-ButtonSwitch-button[aria-pressed=true] .spui-ButtonSwitch-label{color:var(--color-text-high-emphasis-inverse)}.spui-ButtonSwitch-button[aria-pressed=true]:hover{background-color:var(--color-hover-contained-button)}.spui-ButtonSwitch-button:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:2px}.spui-ButtonSwitch-button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.spui-ButtonSwitch-button:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.spui-ButtonSwitch-button+.spui-ButtonSwitch-button:after{background-color:var(--color-border-low-emphasis);content:"";height:100%;left:-.5px;position:absolute;top:0;width:1px}.spui-ButtonSwitch-icon{flex-shrink:0}.spui-ButtonSwitch-label{margin:0;white-space:break-spaces}
+:root{--Checkbox-backGroundColor:var(--color-surface-primary)}.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-text:not(:empty)){box-shadow:0 0 0 2px var(--Checkbox-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-input:not(:focus-visible)){box-shadow:none}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-label--inverse .spui-Checkbox-icon{border:1px solid var(--color-border-low-emphasis-inverse)}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-label--inverse .spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-surface-primary);border:1px solid var(--color-surface-primary);color:var(--color-object-accent-primary)}.spui-Checkbox-outline{border-radius:2px;height:22px;inset:-2px;position:absolute;width:22px}.spui-Checkbox-label:has(:not(.spui-Checkbox-text)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-label:has(.spui-Checkbox-text):has(:not(.spui-Checkbox-text:empty)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border-bottom-right-radius:8px;border-left:1px solid var(--color-border-medium-emphasis);border-top-right-radius:8px;bottom:1px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;justify-content:center;padding-right:1px;position:absolute;right:0;top:1px;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-InputLabel{color:var(--color-text-medium-emphasis);display:block;font-size:.875em;font-weight:700;line-height:1.4}.spui-InputLabel:empty{display:none}.spui-InvalidMessage{color:var(--color-text-caution);display:flex;font-size:.75em;font-weight:700;line-height:1.4;margin:8px 0 0;min-height:1.1em;transition:height .3s}.spui-InvalidMessage[hidden]{display:none}.spui-InvalidMessage-icon{font-size:1.33em;line-height:1;margin-right:.25em}.spui-InvalidMessage-body{position:relative;top:1px}:root{--Radio-backGroundColor:var(--color-surface-primary)}.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-label:focus-within:has(.spui-Radio-text:not(:empty)){box-shadow:0 0 0 2px var(--Radio-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Radio-label:focus-within:has(.spui-Radio-input:not(:focus-visible)){box-shadow:none}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;height:24px;inset:-2px;position:absolute;width:24px}.spui-Radio-label:has(:not(.spui-Radio-text)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-label:has(.spui-Radio-text):has(:not(.spui-Radio-text:empty)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}.spui-TextArea{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;line-height:1.4;margin:0;min-height:92px;outline:none;padding:12px 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextArea{transition:box-shadow .1ms}}.spui-TextArea::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextArea::placeholder{color:var(--color-text-disabled)}.spui-TextArea:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextArea:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextArea.is-error,.spui-TextArea:user-invalid{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField{background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;box-sizing:border-box;color:var(--color-text-high-emphasis);font-size:1em;margin:0;outline:none;padding:0 16px;transition:box-shadow .3s;width:100%}@media (prefers-reduced-motion:reduce){.spui-TextField{transition:box-shadow .1ms}}.spui-TextField::-moz-placeholder{color:var(--color-text-disabled)}.spui-TextField::placeholder{color:var(--color-text-disabled)}.spui-TextField:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-TextField:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-TextField.is-error,.spui-TextField:user-invalid{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.spui-TextField--large{min-height:48px}.spui-TextField--medium{min-height:40px}.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;inset:-2px;position:absolute}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}.spui-ButtonSwitch{align-items:stretch;display:flex;flex-direction:row}.spui-ButtonSwitch-button{align-items:center;background-color:var(--color-surface-tertiary);border:none;border-radius:0;color:var(--color-text-medium-emphasis);display:inline-flex;flex:1;font-size:.8125em;gap:4px;justify-content:center;line-height:1.3;padding:8px 4px;position:relative;text-align:center;text-decoration:none;transition:font-weight .35s ease,color .35s ease,background-color .15s ease;white-space:nowrap}.spui-ButtonSwitch-button:hover{background-color:var(--color-hover-neutral-button)}.spui-ButtonSwitch-button[aria-pressed=true]{background-color:var(--color-surface-accent-primary);font-weight:700}.spui-ButtonSwitch-button[aria-pressed=true] .spui-ButtonSwitch-icon{color:var(--color-object-high-emphasis-inverse)}.spui-ButtonSwitch-button[aria-pressed=true] .spui-ButtonSwitch-label{color:var(--color-text-high-emphasis-inverse)}.spui-ButtonSwitch-button[aria-pressed=true]:hover{background-color:var(--color-hover-contained-button)}.spui-ButtonSwitch-button:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:2px}.spui-ButtonSwitch-button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.spui-ButtonSwitch-button:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.spui-ButtonSwitch-button+.spui-ButtonSwitch-button:after{background-color:var(--color-border-low-emphasis);content:"";height:100%;left:-.5px;position:absolute;top:0;width:1px}.spui-ButtonSwitch-icon{flex-shrink:0}.spui-ButtonSwitch-label{margin:0;white-space:break-spaces}

package/HeroCarousel/HeroCarousel.js

@@ -4,33 +4,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroCarousel = void 0;
-var spindle_hooks_1 = require("@openameba/spindle-hooks");
-var react_1 = __importDefault(require("react"));
-var ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
-var ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
-var Pause_1 = __importDefault(require("../Icon/Pause"));
-var PlayFill_1 = __importDefault(require("../Icon/PlayFill"));
-var HeroCarouselItem_1 = __importDefault(require("./HeroCarouselItem"));
-var BLOCK_NAME = 'spui-HeroCarousel';
-var ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
-exports.HeroCarousel = react_1.default.memo(function HeroCarousel(_a) {
-    var carouselList = _a.carouselList, _b = _a.autoplay, autoplay = _b === void 0 ? true : _b;
-    var _c = (0, spindle_hooks_1.useCarousel)({
+const spindle_hooks_1 = require("@openameba/spindle-hooks");
+const react_1 = __importDefault(require("react"));
+const ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
+const ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
+const Pause_1 = __importDefault(require("../Icon/Pause"));
+const PlayFill_1 = __importDefault(require("../Icon/PlayFill"));
+const HeroCarouselItem_1 = __importDefault(require("./HeroCarouselItem"));
+const BLOCK_NAME = 'spui-HeroCarousel';
+const ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
+exports.HeroCarousel = react_1.default.memo(function HeroCarousel({ carouselList, autoplay = true, }) {
+    const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = (0, spindle_hooks_1.useCarousel)({
         items: carouselList,
         itemLinkClassName: ITEM_LINK_CLASS_NAME,
         shouldAutoPlaying: autoplay,
-    }), handleSlideToPrev = _c.handleSlideToPrev, handleSlideToNext = _c.handleSlideToNext, handleMouseEnter = _c.handleMouseEnter, handleMouseDown = _c.handleMouseDown, handleMouseLeave = _c.handleMouseLeave, handleTouchStart = _c.handleTouchStart, handleTransitionEnd = _c.handleTransitionEnd, isAutoPlaying = _c.isAutoPlaying, isLinkClicked = _c.isLinkClicked, itemsToRender = _c.itemsToRender, listRef = _c.listRef, listStyles = _c.listStyles, toggleAutoPlay = _c.toggleAutoPlay, handleFocus = _c.handleFocus, handleBlur = _c.handleBlur;
+    });
     if (carouselList.length === 0) {
         return null;
     }
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { role: "region", className: "".concat(BLOCK_NAME, "-container"), "aria-label": "\u30AB\u30EB\u30FC\u30BB\u30EB", onBlur: handleBlur, onFocus: handleFocus, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTransitionEnd: handleTransitionEnd },
-            react_1.default.createElement("ul", { "aria-roledescription": "\u30AB\u30EB\u30FC\u30BB\u30EB", className: "".concat(BLOCK_NAME, "-list"), ref: listRef, style: listStyles }, itemsToRender.map(function (item) { return (react_1.default.createElement(HeroCarouselItem_1.default, { carouselItem: item, isLinkClicked: isLinkClicked, itemLinkClassName: ITEM_LINK_CLASS_NAME, key: item.link })); }))),
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-controls") },
-            react_1.default.createElement("button", { "aria-label": "1\u3064\u524D\u306E\u30A2\u30A4\u30C6\u30E0\u306B\u79FB\u52D5", className: "".concat(BLOCK_NAME, "-control ").concat(BLOCK_NAME, "-control--prev"), type: "button", onClick: handleSlideToPrev },
+        react_1.default.createElement("div", { role: "region", className: `${BLOCK_NAME}-container`, "aria-label": "\u30AB\u30EB\u30FC\u30BB\u30EB", onBlur: handleBlur, onFocus: handleFocus, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTransitionEnd: handleTransitionEnd },
+            react_1.default.createElement("ul", { "aria-roledescription": "\u30AB\u30EB\u30FC\u30BB\u30EB", className: `${BLOCK_NAME}-list`, ref: listRef, style: listStyles }, itemsToRender.map((item) => (react_1.default.createElement(HeroCarouselItem_1.default, { carouselItem: item, isLinkClicked: isLinkClicked, itemLinkClassName: ITEM_LINK_CLASS_NAME, key: item.link }))))),
+        react_1.default.createElement("div", { className: `${BLOCK_NAME}-controls` },
+            react_1.default.createElement("button", { "aria-label": "1\u3064\u524D\u306E\u30A2\u30A4\u30C6\u30E0\u306B\u79FB\u52D5", className: `${BLOCK_NAME}-control ${BLOCK_NAME}-control--prev`, type: "button", onClick: handleSlideToPrev },
                 react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": true })),
-            react_1.default.createElement("button", { "aria-label": isAutoPlaying ? 'スライドを停止' : 'スライドを再生', className: "".concat(BLOCK_NAME, "-control"), type: "button", onClick: toggleAutoPlay }, isAutoPlaying ? (react_1.default.createElement(Pause_1.default, { "aria-hidden": true })) : (react_1.default.createElement(PlayFill_1.default, { "aria-hidden": true }))),
-            react_1.default.createElement("button", { "aria-label": "1\u3064\u5F8C\u308D\u306E\u30A2\u30A4\u30C6\u30E0\u306B\u79FB\u52D5", className: "".concat(BLOCK_NAME, "-control ").concat(BLOCK_NAME, "-control--next"), type: "button", onClick: handleSlideToNext },
+            react_1.default.createElement("button", { "aria-label": isAutoPlaying ? 'スライドを停止' : 'スライドを再生', className: `${BLOCK_NAME}-control`, type: "button", onClick: toggleAutoPlay }, isAutoPlaying ? (react_1.default.createElement(Pause_1.default, { "aria-hidden": true })) : (react_1.default.createElement(PlayFill_1.default, { "aria-hidden": true }))),
+            react_1.default.createElement("button", { "aria-label": "1\u3064\u5F8C\u308D\u306E\u30A2\u30A4\u30C6\u30E0\u306B\u79FB\u52D5", className: `${BLOCK_NAME}-control ${BLOCK_NAME}-control--next`, type: "button", onClick: handleSlideToNext },
                 react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": true })))));
 });
 //# sourceMappingURL=HeroCarousel.js.map