@openameba/spindle-ui 3.1.1 → 3.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.bundlewatch.config.js +2 -2
- package/Breadcrumb/Breadcrumb.css +1 -1
- package/Breadcrumb/BreadcrumbItem.js +3 -3
- package/Breadcrumb/BreadcrumbItem.js.map +1 -1
- package/Breadcrumb/BreadcrumbItem.mjs +3 -3
- package/CHANGELOG.md +14 -0
- package/Dialog/Dialog.d.ts.map +1 -1
- package/Dialog/Dialog.js +3 -1
- package/Dialog/Dialog.js.map +1 -1
- package/Dialog/Dialog.mjs +8 -2
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.js +17 -11
- package/DropdownMenu/DropdownMenu.js.map +1 -1
- package/DropdownMenu/DropdownMenu.mjs +18 -12
- package/Form/ButtonSwitch/ButtonSwitch.d.ts.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.js +3 -1
- package/Form/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.mjs +10 -3
- package/HeroCarousel/HeroCarousel.d.ts.map +1 -1
- package/HeroCarousel/HeroCarousel.js +2 -2
- package/HeroCarousel/HeroCarousel.js.map +1 -1
- package/HeroCarousel/HeroCarousel.mjs +2 -2
- package/InlineNotification/InlineNotification.css +1 -1
- package/Modal/AppealModal/AppealModal.d.ts.map +1 -1
- package/Modal/AppealModal/AppealModal.js +3 -1
- package/Modal/AppealModal/AppealModal.js.map +1 -1
- package/Modal/AppealModal/AppealModal.mjs +8 -6
- package/Modal/SemiModal/SemiModal.js +4 -2
- package/Modal/SemiModal/SemiModal.js.map +1 -1
- package/Modal/SemiModal/SemiModal.mjs +9 -3
- package/Pagination/Pagination.d.ts.map +1 -1
- package/Pagination/Pagination.js +1 -1
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/Pagination.mjs +1 -1
- package/Rating/StarBack.d.ts.map +1 -1
- package/Rating/StarBack.js +1 -0
- package/Rating/StarBack.js.map +1 -1
- package/Rating/StarBack.mjs +1 -0
- package/Rating/StarFront.d.ts.map +1 -1
- package/Rating/StarFront.js +1 -0
- package/Rating/StarFront.js.map +1 -1
- package/Rating/StarFront.mjs +1 -0
- package/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/SegmentedControl/SegmentedControl.js +3 -1
- package/SegmentedControl/SegmentedControl.js.map +1 -1
- package/SegmentedControl/SegmentedControl.mjs +17 -12
- package/SnackBar/SnackBar.css +1 -1
- package/SnackBar/SnackBar.d.ts.map +1 -1
- package/SnackBar/SnackBar.js.map +1 -1
- package/TextLink/TextLink.css +1 -1
- package/Toast/Toast.d.ts.map +1 -1
- package/Toast/Toast.js.map +1 -1
- package/index.css +2 -2
- package/package.json +9 -9
package/.bundlewatch.config.js
CHANGED
|
@@ -32,7 +32,7 @@ const bundlewatchConfig = {
|
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
34
|
path: './dist/DropdownMenu/*.mjs',
|
|
35
|
-
maxSize: '1.
|
|
35
|
+
maxSize: '1.6 kB',
|
|
36
36
|
compression: 'gzip',
|
|
37
37
|
},
|
|
38
38
|
{
|
|
@@ -47,7 +47,7 @@ const bundlewatchConfig = {
|
|
|
47
47
|
},
|
|
48
48
|
{
|
|
49
49
|
path: './dist/SegmentedControl/*.mjs',
|
|
50
|
-
maxSize: '1.
|
|
50
|
+
maxSize: '1.4 kB',
|
|
51
51
|
compression: 'gzip',
|
|
52
52
|
},
|
|
53
53
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.spui-Breadcrumb{overflow:auto hidden}.spui-Breadcrumb--wrap{overflow:hidden}.spui-Breadcrumb--standard{padding:12px 0;position:relative}.spui-Breadcrumb-list{display:flex;list-style:none;margin:0;width:-moz-max-content;width:max-content}.spui-Breadcrumb--standard .spui-Breadcrumb-list{padding:0}.spui-Breadcrumb--emphasized .spui-Breadcrumb-list{background:var(--color-surface-secondary);border-radius:70px;padding:0 16px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap .spui-Breadcrumb-list{flex-wrap:wrap;width:100%}.spui-Breadcrumb-item{align-items:center;display:flex}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:44px}.spui-Breadcrumb a{align-items:center;border-radius:4px;display:flex;font-size:.875em;line-height:1.4;padding:4px 8px;position:relative;text-decoration:none}.spui-Breadcrumb a:not([aria-current]){color:var(--color-text-accent-primary);font-weight:700}.spui-Breadcrumb
|
|
1
|
+
.spui-Breadcrumb{overflow:auto hidden}.spui-Breadcrumb--wrap{overflow:hidden}.spui-Breadcrumb--standard{padding:12px 0;position:relative}.spui-Breadcrumb-list{display:flex;list-style:none;margin:0;width:-moz-max-content;width:max-content}.spui-Breadcrumb--standard .spui-Breadcrumb-list{padding:0}.spui-Breadcrumb--emphasized .spui-Breadcrumb-list{background:var(--color-surface-secondary);border-radius:70px;padding:0 16px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap .spui-Breadcrumb-list{flex-wrap:wrap;width:100%}.spui-Breadcrumb-item{align-items:center;display:flex}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:44px}.spui-Breadcrumb a,.spui-Breadcrumb span{align-items:center;border-radius:4px;display:flex;font-size:.875em;line-height:1.4;padding:4px 8px;position:relative;text-decoration:none}.spui-Breadcrumb a:not([aria-current]){color:var(--color-text-accent-primary);font-weight:700}.spui-Breadcrumb span[aria-current]{color:var(--color-text-low-emphasis);font-weight:400}.spui-Breadcrumb a:before,.spui-Breadcrumb span:before{border-radius:4px;content:"";left:0;position:absolute;top:-50%;width:100%}.spui-Breadcrumb a:hover{text-decoration:underline}.spui-Breadcrumb a:focus{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-Breadcrumb--standard a:focus{outline-offset:-2px}.spui-Breadcrumb a:focus:not(:focus-visible){outline:none}.spui-Breadcrumb-chevron{box-sizing:content-box;color:var(--color-object-low-emphasis);height:16px;padding:0 4px;width:16px}.spui-Breadcrumb-item:last-of-type>.spui-Breadcrumb-chevron{display:none;padding:0}@media screen and (max-width:768px){.spui-Breadcrumb-list{padding:0 14px}.spui-Breadcrumb--emphasized .spui-Breadcrumb-item,.spui-Breadcrumb--emphasized a:before{min-height:36px}.spui-Breadcrumb a,.spui-Breadcrumb span{font-size:.8125em;padding:2px 6px}.spui-Breadcrumb--standard.spui-Breadcrumb--wrap a,.spui-Breadcrumb--standard.spui-Breadcrumb--wrap span{padding-bottom:4px;padding-top:4px}.spui-Breadcrumb-chevron{height:12px;padding:0 2px;width:12px}}
|
|
@@ -58,10 +58,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
58
58
|
exports.BreadcrumbItem = void 0;
|
|
59
59
|
var react_1 = __importStar(require("react"));
|
|
60
60
|
exports.BreadcrumbItem = (0, react_1.forwardRef)(function Item(_a, ref) {
|
|
61
|
-
var children = _a.children, current = _a.current, rest = __rest(_a, ["children", "current"]);
|
|
61
|
+
var children = _a.children, current = _a.current, href = _a.href, target = _a.target, rel = _a.rel, rest = __rest(_a, ["children", "current", "href", "target", "rel"]);
|
|
62
62
|
if (current) {
|
|
63
|
-
return (react_1.default.createElement("
|
|
63
|
+
return (react_1.default.createElement("span", __assign({ "aria-current": "page" }, rest), children));
|
|
64
64
|
}
|
|
65
|
-
return (react_1.default.createElement("a", __assign({ ref: ref }, rest), children));
|
|
65
|
+
return (react_1.default.createElement("a", __assign({ ref: ref, href: href, target: target, rel: rel }, rest), children));
|
|
66
66
|
});
|
|
67
67
|
//# sourceMappingURL=BreadcrumbItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAO7B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,IAAI,CAAC,EAAwD,EAAE,GAAG;IAA3D,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAK,IAAI,cAA/C,gDAAiD,CAAF;IAC3D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,iEAAmB,MAAM,IAAK,IAAI,GAC/B,QAAQ,CACJ,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8CAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI,GACxD,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
export const BreadcrumbItem = forwardRef(function Item({ children, current, ...rest }, ref) {
|
|
2
|
+
export const BreadcrumbItem = forwardRef(function Item({ children, current, href, target, rel, ...rest }, ref) {
|
|
3
3
|
if (current) {
|
|
4
|
-
return (React.createElement("
|
|
4
|
+
return (React.createElement("span", { "aria-current": "page", ...rest }, children));
|
|
5
5
|
}
|
|
6
|
-
return (React.createElement("a", { ref: ref, ...rest }, children));
|
|
6
|
+
return (React.createElement("a", { ref: ref, href: href, target: target, rel: rel, ...rest }, children));
|
|
7
7
|
});
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 3.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1527](https://github.com/openameba/spindle/pull/1527) [`80852a8`](https://github.com/openameba/spindle/commit/80852a87ef7f2ae8e3d867f73e88e22668eed52f) Thanks [@yasuda-shin](https://github.com/yasuda-shin)! - 複数コンポーネントのアクセシビリティ改善（ロール/フォーカス/配置の見直し）と、Toastの不具合修正、細かなDOM出力の調整（`div` への統一など）を行いました。
|
|
8
|
+
|
|
9
|
+
- [#1539](https://github.com/openameba/spindle/pull/1539) [`35253a1`](https://github.com/openameba/spindle/commit/35253a1b4dfc6ca039264b9857fa24c86e80a8bd) Thanks [@yasuda-shin](https://github.com/yasuda-shin)! - fix(spindle-ui): パンくずリストの現在地に関する仕様を変更
|
|
10
|
+
|
|
11
|
+
## 3.1.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#1568](https://github.com/openameba/spindle/pull/1568) [`9cf0c95`](https://github.com/openameba/spindle/commit/9cf0c95ade1152087929f1741e854bb4ff799d49) Thanks [@herablog](https://github.com/herablog)! - TextLinkのアイコン色をCSSカスタムプロパティで制御できるように修正
|
|
16
|
+
|
|
3
17
|
## 3.1.1
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/Dialog/Dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAiGD,eAAO,MAAM,MAAM;;yCArCyB,UAAU;8BAarB,UAAU;6BAQX,UAAU;;;;;CAsBzC,CAAC"}
|
package/Dialog/Dialog.js
CHANGED
|
@@ -92,7 +92,9 @@ var Frame = (0, react_1.forwardRef)(function Dialog(_a, ref) {
|
|
|
92
92
|
(dialog === null || dialog === void 0 ? void 0 : dialog.open) && ((_b = dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog));
|
|
93
93
|
}
|
|
94
94
|
}, [open]);
|
|
95
|
-
return (
|
|
95
|
+
return (
|
|
96
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
97
|
+
react_1.default.createElement("dialog", __assign({ ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), onClick: handleDialogClick, onClose: handleDialogClose }, rest),
|
|
96
98
|
react_1.default.createElement("form", { method: "dialog", onSubmit: handleFormSubmit }, children)));
|
|
97
99
|
});
|
|
98
100
|
var StyleOnly = function (_a) {
|
package/Dialog/Dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAC7D,qDAAgD;AAChD,8CAAsD;AActD,IAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAiC,SAAS,MAAM,CACtE,EAA+C,EAC/C,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA7C,4CAA+C,CAAF;IAG7C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,IAAM,gBAAgB,GAAG,UAAC,KAAuC;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,kCAAkC;QAC1D,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,wBAAwB;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UACxB,KAA8C;QAE9C,yBAAyB;QACzB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;;QACR,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,CAAC,MAAM,CAAC,IAAI,KAAI,MAAA,MAAM,CAAC,SAAS,sDAAI,CAAA,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,MAAI,MAAA,MAAM,CAAC,KAAK,sDAAI,CAAA,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
package/Dialog/Dialog.mjs
CHANGED
|
@@ -32,8 +32,14 @@ const Frame = forwardRef(function Dialog({ children, className, open, onClose, .
|
|
|
32
32
|
dialog?.open && dialog.close?.();
|
|
33
33
|
}
|
|
34
34
|
}, [open]);
|
|
35
|
-
return (
|
|
36
|
-
|
|
35
|
+
return (
|
|
36
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
37
|
+
(React.createElement(
|
|
38
|
+
"dialog",
|
|
39
|
+
{ ref: useMergeRefs([dialogEl, ref]), className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
|
|
40
|
+
React.createElement("form", { method: "dialog", onSubmit: handleFormSubmit }, children)
|
|
41
|
+
))
|
|
42
|
+
);
|
|
37
43
|
});
|
|
38
44
|
const StyleOnly = ({ className, children }) => {
|
|
39
45
|
return (React.createElement("div", { className: [BLOCK_NAME, `${BLOCK_NAME}--styleOnly`, className]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,KAAK,OAAO,GACR,MAAM,GACN,cAAc,GACd,cAAc,GACd,wBAAwB,CAAC;AAE7B,KAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,GACb,SAAS,GACT,YAAY,GACZ,YAAY,CAAC;AAEjB,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,YAAY;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,sBAAsB,CAAC;AA6K9C,QAAA,MAAM,QAAQ,GAAI,qCAIf,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,sBAuDrC,CAAC;AAMF,eAAO,MAAM,YAAY;4BAvOM,YAAY;0BAId,YAAY;4EAYtC,SAAS;4CAiImC,aAAa;oDAyBzD,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC;0BAyDT,YAAY;CAWxC,CAAC"}
|
|
@@ -39,6 +39,7 @@ exports.BLOCK_NAME = 'spui-DropdownMenu';
|
|
|
39
39
|
var FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
|
|
40
40
|
var CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
|
|
41
41
|
var MENU_WIDTH = 256;
|
|
42
|
+
var CloseMenuContext = react_1.default.createContext(null);
|
|
42
43
|
var Caption = function (_a) {
|
|
43
44
|
var children = _a.children;
|
|
44
45
|
return react_1.default.createElement("p", { className: "".concat(exports.BLOCK_NAME, "-caption") }, children);
|
|
@@ -136,19 +137,24 @@ var List = function (_a) {
|
|
|
136
137
|
if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
|
|
137
138
|
top = "".concat(triggerHeight, "px");
|
|
138
139
|
}
|
|
139
|
-
return (react_1.default.createElement(
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
140
|
+
return (react_1.default.createElement(CloseMenuContext.Provider, { value: onClickCloser },
|
|
141
|
+
react_1.default.createElement("div", { id: id, className: [
|
|
142
|
+
"".concat(exports.BLOCK_NAME, "-menu"),
|
|
143
|
+
"".concat(exports.BLOCK_NAME, "-menu--").concat(variant),
|
|
144
|
+
"".concat(exports.BLOCK_NAME, "-menu--").concat(position),
|
|
145
|
+
fadeOut && 'is-fade-out',
|
|
146
|
+
]
|
|
147
|
+
.filter(Boolean)
|
|
148
|
+
.join(' '), ref: menuEl, role: "menu", style: { bottom: bottom, left: left, top: top } }, children)));
|
|
147
149
|
};
|
|
148
150
|
var ListItem = function (_a) {
|
|
149
151
|
var children = _a.children, icon = _a.icon, onClick = _a.onClick;
|
|
150
|
-
|
|
151
|
-
|
|
152
|
+
var closeMenu = (0, react_1.useContext)(CloseMenuContext);
|
|
153
|
+
return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-menuItem") },
|
|
154
|
+
react_1.default.createElement("button", { className: "".concat(exports.BLOCK_NAME, "-menuButton"), type: "button", role: "menuitem", onClick: function () {
|
|
155
|
+
onClick();
|
|
156
|
+
closeMenu === null || closeMenu === void 0 ? void 0 : closeMenu();
|
|
157
|
+
} },
|
|
152
158
|
icon && react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconContainer") }, icon),
|
|
153
159
|
react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-textContainer") }, children))));
|
|
154
160
|
};
|
|
@@ -189,7 +195,7 @@ var Position = function (_a) {
|
|
|
189
195
|
if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
|
|
190
196
|
top = "".concat(triggerHeight, "px");
|
|
191
197
|
}
|
|
192
|
-
return (react_1.default.createElement("
|
|
198
|
+
return (react_1.default.createElement("div", { className: [
|
|
193
199
|
"".concat(exports.BLOCK_NAME, "-menu"),
|
|
194
200
|
"".concat(exports.BLOCK_NAME, "-menu--text"),
|
|
195
201
|
"".concat(exports.BLOCK_NAME, "-menu--").concat(position),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
1
|
+
import React, { useCallback, useContext, useEffect, useRef, useState, } from 'react';
|
|
2
2
|
export const BLOCK_NAME = 'spui-DropdownMenu';
|
|
3
3
|
const FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
|
|
4
4
|
const CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
|
|
5
5
|
const MENU_WIDTH = 256;
|
|
6
|
+
const CloseMenuContext = React.createContext(null);
|
|
6
7
|
const Caption = ({ children }) => {
|
|
7
8
|
return React.createElement("p", { className: `${BLOCK_NAME}-caption` }, children);
|
|
8
9
|
};
|
|
@@ -94,18 +95,23 @@ const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, v
|
|
|
94
95
|
if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
|
|
95
96
|
top = `${triggerHeight}px`;
|
|
96
97
|
}
|
|
97
|
-
return (React.createElement(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
98
|
+
return (React.createElement(CloseMenuContext.Provider, { value: onClickCloser },
|
|
99
|
+
React.createElement("div", { id: id, className: [
|
|
100
|
+
`${BLOCK_NAME}-menu`,
|
|
101
|
+
`${BLOCK_NAME}-menu--${variant}`,
|
|
102
|
+
`${BLOCK_NAME}-menu--${position}`,
|
|
103
|
+
fadeOut && 'is-fade-out',
|
|
104
|
+
]
|
|
105
|
+
.filter(Boolean)
|
|
106
|
+
.join(' '), ref: menuEl, role: "menu", style: { bottom, left, top } }, children)));
|
|
105
107
|
};
|
|
106
108
|
const ListItem = ({ children, icon, onClick }) => {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
+
const closeMenu = useContext(CloseMenuContext);
|
|
110
|
+
return (React.createElement("div", { className: `${BLOCK_NAME}-menuItem` },
|
|
111
|
+
React.createElement("button", { className: `${BLOCK_NAME}-menuButton`, type: "button", role: "menuitem", onClick: () => {
|
|
112
|
+
onClick();
|
|
113
|
+
closeMenu?.();
|
|
114
|
+
} },
|
|
109
115
|
icon && React.createElement("div", { className: `${BLOCK_NAME}-iconContainer` }, icon),
|
|
110
116
|
React.createElement("div", { className: `${BLOCK_NAME}-textContainer` }, children))));
|
|
111
117
|
};
|
|
@@ -145,7 +151,7 @@ const Position = ({ children, position = 'leftTop', triggerRef, }) => {
|
|
|
145
151
|
if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
|
|
146
152
|
top = `${triggerHeight}px`;
|
|
147
153
|
}
|
|
148
|
-
return (React.createElement("
|
|
154
|
+
return (React.createElement("div", { className: [
|
|
149
155
|
`${BLOCK_NAME}-menu`,
|
|
150
156
|
`${BLOCK_NAME}-menu--text`,
|
|
151
157
|
`${BLOCK_NAME}-menu--${position}`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6ExC,CAAC"}
|
|
@@ -70,7 +70,9 @@ var ButtonSwitch = function (_a) {
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}, [options, onClick]);
|
|
73
|
-
return (
|
|
73
|
+
return (
|
|
74
|
+
// biome-ignore lint/a11y/useSemanticElements: intentionally using div + role="group" for grouping and labeling
|
|
75
|
+
react_1.default.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map(function (option, index) { return (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: function (e) { return handleKeydown(e, index); }, key: option.value, className: "".concat(BLOCK_NAME, "-button"), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(option.value); }, ref: buttonsRef.current[index] },
|
|
74
76
|
value === option.value && (react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon"), width: 12, height: 12 })),
|
|
75
77
|
react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, option.label))); })));
|
|
76
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,mEAA6C;AAa7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAM7C;QALC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA;IAEd,IAAM,UAAU,GAAG,IAAA,cAAM,EAA8C,EAAE,CAAC,CAAC;IAE3E,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,14 @@ export const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) =
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
}, [options, onClick]);
|
|
33
|
-
return (
|
|
34
|
-
|
|
35
|
-
React.createElement(
|
|
33
|
+
return (
|
|
34
|
+
// biome-ignore lint/a11y/useSemanticElements: intentionally using div + role="group" for grouping and labeling
|
|
35
|
+
(React.createElement(
|
|
36
|
+
"div",
|
|
37
|
+
{ role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby },
|
|
38
|
+
options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick?.(option.value), ref: buttonsRef.current[index] },
|
|
39
|
+
value === option.value && (React.createElement(CheckBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
|
|
40
|
+
React.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))
|
|
41
|
+
))
|
|
42
|
+
);
|
|
36
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA8FjC,CAAC"}
|
|
@@ -24,8 +24,8 @@ exports.HeroCarousel = react_1.default.memo(function HeroCarousel(_a) {
|
|
|
24
24
|
return null;
|
|
25
25
|
}
|
|
26
26
|
return (react_1.default.createElement("div", null,
|
|
27
|
-
react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-container"), onBlur: handleBlur, onFocus: handleFocus, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTransitionEnd: handleTransitionEnd },
|
|
28
|
-
react_1.default.createElement("ul", { "aria-roledescription": "\u30AB\u30EB\u30FC\u30BB\u30EB", className: "".concat(BLOCK_NAME, "-list"), ref: listRef,
|
|
27
|
+
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 },
|
|
28
|
+
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 })); }))),
|
|
29
29
|
react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-controls") },
|
|
30
30
|
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 },
|
|
31
31
|
react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": true })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAuD;AACvD,gDAAuC;AACvC,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAOlD,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAGvE;QAFC,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAET,IAAA,KAgBF,IAAA,2BAAW,EAAC;QACd,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;QACvC,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,EAnBA,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAKV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL;
|
|
1
|
+
{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAuD;AACvD,gDAAuC;AACvC,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAOlD,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAGvE;QAFC,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAET,IAAA,KAgBF,IAAA,2BAAW,EAAC;QACd,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;QACvC,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,EAnBA,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAKV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL;QAEE,uCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,eAAY,gBACzB,gCAAO,EAClB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EAAE,mBAAmB;YAEpC,8DACuB,gCAAO,EAC5B,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,UAAU,IAEhB,aAAa,CAAC,GAAG,CAAC,UAAC,IAAkB,IAAK,OAAA,CACzC,8BAAC,0BAAgB,IACf,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,oBAAoB,EACvC,GAAG,EAAE,IAAI,CAAC,IAAI,GACd,CACH,EAP0C,CAO1C,CAAC,CACC,CACD;QAEN,uCAAK,SAAS,EAAE,UAAG,UAAU,cAAW;YACtC,wDACa,+DAAa,EACxB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,yBAAe,mBAAc,IAAI,GAAI,CAC/B;YACT,wDACc,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,UAAG,UAAU,aAAU,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,IAEtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,eAAK,mBAAc,IAAI,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAQ,mBAAc,IAAI,GAAI,CAChC,CACM;YACT,wDACa,qEAAc,EACzB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,0BAAgB,mBAAc,IAAI,GAAI,CAChC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -17,8 +17,8 @@ export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, aut
|
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
19
|
return (React.createElement("div", null,
|
|
20
|
-
React.createElement("div", { className: `${BLOCK_NAME}-container`, onBlur: handleBlur, onFocus: handleFocus, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onTouchStart: handleTouchStart, onTransitionEnd: handleTransitionEnd },
|
|
21
|
-
React.createElement("ul", { "aria-roledescription": "\u30AB\u30EB\u30FC\u30BB\u30EB", className: `${BLOCK_NAME}-list`, ref: listRef,
|
|
20
|
+
React.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 },
|
|
21
|
+
React.createElement("ul", { "aria-roledescription": "\u30AB\u30EB\u30FC\u30BB\u30EB", className: `${BLOCK_NAME}-list`, ref: listRef, style: listStyles }, itemsToRender.map((item) => (React.createElement(HeroCarouselItem, { carouselItem: item, isLinkClicked: isLinkClicked, itemLinkClassName: ITEM_LINK_CLASS_NAME, key: item.link }))))),
|
|
22
22
|
React.createElement("div", { className: `${BLOCK_NAME}-controls` },
|
|
23
23
|
React.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 },
|
|
24
24
|
React.createElement(ChevronLeftBold, { "aria-hidden": true })),
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--color-surface-accent-primary-light
|
|
15
15
|
);--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{--LinkButton-tapHighlightColor:var(--gray-5-alpha);--LinkButton-onFocus-outlineColor:var(--color-focus-clarity);--LinkButton--contained-backgroundColor:var(--color-surface-accent-primary);--LinkButton--contained-color:var(--color-text-high-emphasis-inverse);--LinkButton--contained-onActive-backgroundColor:var(--primary-green-100);--LinkButton--contained-onHover-backgroundColor:var(--primary-green-100);--LinkButton--outlined-borderColor:var(--color-border-accent-primary);--LinkButton--outlined-color:var(--color-text-accent-primary);--LinkButton--outlined-onActive-backgroundColor:var(--primary-green-5);--LinkButton--outlined-onHover-backgroundColor:var(--primary-green-5);--LinkButton--lighted-backgroundColor:var(
|
|
16
16
|
--color-surface-accent-primary-light
|
|
17
|
-
);--LinkButton--lighted-color:var(--color-text-accent-primary);--LinkButton--lighted-onActive-backgroundColor:var(--primary-green-10);--LinkButton--lighted-onHover-backgroundColor:var(--primary-green-10);--LinkButton--neutral-backgroundColor:var(--color-surface-tertiary);--LinkButton--neutral-color:var(--color-text-medium-emphasis);--LinkButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--LinkButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--LinkButton--danger-borderColor:var(--color-border-caution);--LinkButton--danger-color:var(--color-text-caution);--LinkButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--LinkButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-LinkButton{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;-webkit-tap-highlight-color:var(--LinkButton-tapHighlightColor);text-align:center;text-decoration:none;transition:background-color .3s}.spui-LinkButton:focus{outline:2px solid var(--LinkButton-onFocus-outlineColor);outline-offset:1px}.spui-LinkButton:focus:not(:focus-visible){outline:none}.spui-LinkButton--fullWidth{width:100%}.spui-LinkButton--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-LinkButton--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-LinkButton--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-LinkButton--small:is(.spui-LinkButton--outlined,.spui-LinkButton--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-LinkButton--large,.spui-LinkButton--medium,.spui-LinkButton--small{height:1px}}.spui-LinkButton--contained{background-color:var(--LinkButton--contained-backgroundColor);border:none;color:var(--LinkButton--contained-color)}.spui-LinkButton--contained:active{background-color:var(--LinkButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--contained:hover{background-color:var(--LinkButton--contained-onHover-backgroundColor)}}.spui-LinkButton--outlined{background-color:transparent;border:2px solid var(--LinkButton--outlined-borderColor);color:var(--LinkButton--outlined-color)}.spui-LinkButton--outlined:active{background-color:var(--LinkButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--outlined:hover{background-color:var(--LinkButton--outlined-onHover-backgroundColor)}}.spui-LinkButton--lighted{background-color:var(--LinkButton--lighted-backgroundColor);border:none;color:var(--LinkButton--lighted-color)}.spui-LinkButton--lighted:active{background-color:var(--LinkButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--lighted:hover{background-color:var(--LinkButton--lighted-onHover-backgroundColor)}}.spui-LinkButton--neutral{background-color:var(--LinkButton--neutral-backgroundColor);border:none;color:var(--LinkButton--neutral-color)}.spui-LinkButton--neutral:active{background-color:var(--LinkButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--neutral:hover{background-color:var(--LinkButton--neutral-onHover-backgroundColor)}}.spui-LinkButton--danger{background-color:transparent;border:2px solid var(--LinkButton--danger-borderColor);color:var(--LinkButton--danger-color)}.spui-LinkButton--danger:active{background-color:var(--LinkButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--danger:hover{background-color:var(--LinkButton--danger-onHover-backgroundColor)}}.spui-LinkButton-icon{line-height:0}.spui-LinkButton--iconstart .spui-LinkButton-icon--large{font-size:1.375em;margin-right:6px}.spui-LinkButton--iconstart .spui-LinkButton-icon--medium{font-size:1.429em;margin-right:4px}.spui-LinkButton--iconstart .spui-LinkButton-icon--small{font-size:1.23em;margin-right:2px}.spui-LinkButton--iconend{flex-direction:row-reverse}.spui-LinkButton--iconend .spui-LinkButton-icon--large{font-size:1.125em;margin-left:6px}.spui-LinkButton--iconend .spui-LinkButton-icon--medium{font-size:1.143em;margin-left:4px}.spui-LinkButton--iconend .spui-LinkButton-icon--small{font-size:1.077em;margin-left:2px}: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{line-height:0}.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{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(
|
|
17
|
+
);--LinkButton--lighted-color:var(--color-text-accent-primary);--LinkButton--lighted-onActive-backgroundColor:var(--primary-green-10);--LinkButton--lighted-onHover-backgroundColor:var(--primary-green-10);--LinkButton--neutral-backgroundColor:var(--color-surface-tertiary);--LinkButton--neutral-color:var(--color-text-medium-emphasis);--LinkButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--LinkButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--LinkButton--danger-borderColor:var(--color-border-caution);--LinkButton--danger-color:var(--color-text-caution);--LinkButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--LinkButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-LinkButton{align-items:center;box-sizing:border-box;display:inline-flex;font-family:inherit;font-weight:700;justify-content:center;line-height:1.3;-webkit-tap-highlight-color:var(--LinkButton-tapHighlightColor);text-align:center;text-decoration:none;transition:background-color .3s}.spui-LinkButton:focus{outline:2px solid var(--LinkButton-onFocus-outlineColor);outline-offset:1px}.spui-LinkButton:focus:not(:focus-visible){outline:none}.spui-LinkButton--fullWidth{width:100%}.spui-LinkButton--large{border-radius:3em;font-size:1em;min-height:48px;padding:8px 16px}.spui-LinkButton--medium{border-radius:2.85714em;font-size:.875em;min-height:40px;padding:8px 16px}.spui-LinkButton--small{border-radius:2.46154em;font-size:.8125em;min-height:32px;padding:6px 10px}.spui-LinkButton--small:is(.spui-LinkButton--outlined,.spui-LinkButton--danger){padding-bottom:5px;padding-top:5px}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.spui-LinkButton--large,.spui-LinkButton--medium,.spui-LinkButton--small{height:1px}}.spui-LinkButton--contained{background-color:var(--LinkButton--contained-backgroundColor);border:none;color:var(--LinkButton--contained-color)}.spui-LinkButton--contained:active{background-color:var(--LinkButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--contained:hover{background-color:var(--LinkButton--contained-onHover-backgroundColor)}}.spui-LinkButton--outlined{background-color:transparent;border:2px solid var(--LinkButton--outlined-borderColor);color:var(--LinkButton--outlined-color)}.spui-LinkButton--outlined:active{background-color:var(--LinkButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--outlined:hover{background-color:var(--LinkButton--outlined-onHover-backgroundColor)}}.spui-LinkButton--lighted{background-color:var(--LinkButton--lighted-backgroundColor);border:none;color:var(--LinkButton--lighted-color)}.spui-LinkButton--lighted:active{background-color:var(--LinkButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--lighted:hover{background-color:var(--LinkButton--lighted-onHover-backgroundColor)}}.spui-LinkButton--neutral{background-color:var(--LinkButton--neutral-backgroundColor);border:none;color:var(--LinkButton--neutral-color)}.spui-LinkButton--neutral:active{background-color:var(--LinkButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--neutral:hover{background-color:var(--LinkButton--neutral-onHover-backgroundColor)}}.spui-LinkButton--danger{background-color:transparent;border:2px solid var(--LinkButton--danger-borderColor);color:var(--LinkButton--danger-color)}.spui-LinkButton--danger:active{background-color:var(--LinkButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-LinkButton--danger:hover{background-color:var(--LinkButton--danger-onHover-backgroundColor)}}.spui-LinkButton-icon{line-height:0}.spui-LinkButton--iconstart .spui-LinkButton-icon--large{font-size:1.375em;margin-right:6px}.spui-LinkButton--iconstart .spui-LinkButton-icon--medium{font-size:1.429em;margin-right:4px}.spui-LinkButton--iconstart .spui-LinkButton-icon--small{font-size:1.23em;margin-right:2px}.spui-LinkButton--iconend{flex-direction:row-reverse}.spui-LinkButton--iconend .spui-LinkButton-icon--large{font-size:1.125em;margin-left:6px}.spui-LinkButton--iconend .spui-LinkButton-icon--medium{font-size:1.143em;margin-left:4px}.spui-LinkButton--iconend .spui-LinkButton-icon--small{font-size:1.077em;margin-left:2px}: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{--InlineNotification--neutral-backgroundColor:var(--white-20-alpha);--InlineNotification--neutral-color:var(--color-text-high-emphasis-inverse);--InlineNotification--neutral-onHover-backgroundColor:var(--white-30-alpha);--InlineNotification--neutral-onActive-backgroundColor:var(--white-30-alpha);--InlineNotification--outlined-onHover-backgroundColor:var(--white-50-alpha);--InlineNotification--outlined-onActive-backgroundColor:var(
|
|
18
18
|
--white-50-alpha
|
|
19
19
|
);--InlineNotification--contained-backgroundColor:var(--color-surface-primary);--InlineNotification--contained-color:var(--color-text-accent-primary);--InlineNotification--contained-onHover-backgroundColor:var(
|
|
20
20
|
--white-70-alpha
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppealModal.d.ts","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;
|
|
1
|
+
{"version":3,"file":"AppealModal.d.ts","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;CACrD;AAoJD,eAAO,MAAM,WAAW;;wDAlErB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,CAAA;KAAE;mCA6BV,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;mCAQzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;kCAQ5B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;;;;;CA4B7D,CAAC"}
|
|
@@ -98,7 +98,9 @@ var Frame = (0, react_1.forwardRef)(function AppealModal(_a, ref) {
|
|
|
98
98
|
(_b = dialog === null || dialog === void 0 ? void 0 : dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog);
|
|
99
99
|
}
|
|
100
100
|
}, [open]);
|
|
101
|
-
return (
|
|
101
|
+
return (
|
|
102
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
103
|
+
react_1.default.createElement("dialog", __assign({ className: [BLOCK_NAME, "".concat(BLOCK_NAME, "--").concat(size), className]
|
|
102
104
|
.filter(Boolean)
|
|
103
105
|
.join(' ')
|
|
104
106
|
.trim(), ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose }, rest),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppealModal.js","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAC7D,qDAAgD;AAChD,iDAAyD;AACzD,mEAA6C;AAC7C,+CAA8C;AAC9C,mDAAkD;AAWlD,IAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC,IAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,SAAS,WAAW,CAClB,EAA+D,EAC/D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA7D,oDAA+D,CAAF;IAG7D,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,IAAM,gBAAgB,GAAG,UAAC,KAAuC;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,kCAAkC;QAC1D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,wBAAwB;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UACxB,KAA8C;QAE9C,yBAAyB;QACzB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;;QACR,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,CAAC,MAAM,CAAC,IAAI,KAAI,MAAA,MAAM,CAAC,SAAS,sDAAI,CAAA,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,sDAAI,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,
|
|
1
|
+
{"version":3,"file":"AppealModal.js","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,17 +35,19 @@ const Frame = forwardRef(function AppealModal({ children, className, open, size
|
|
|
35
35
|
dialog?.close?.();
|
|
36
36
|
}
|
|
37
37
|
}, [open]);
|
|
38
|
-
return (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
return (
|
|
39
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
40
|
+
(React.createElement("dialog", { className: [BLOCK_NAME, `${BLOCK_NAME}--${size}`, className]
|
|
41
|
+
.filter(Boolean)
|
|
42
|
+
.join(' ')
|
|
43
|
+
.trim(), ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest }, React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
|
|
43
44
|
React.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
44
45
|
React.createElement(IconButton, { "aria-label": "\u3068\u3058\u308B", variant: "neutral" },
|
|
45
46
|
React.createElement(CrossBold, { "aria-hidden": "true" }))),
|
|
46
47
|
children,
|
|
47
48
|
React.createElement("div", { className: `${BLOCK_NAME}-closeTextButton` },
|
|
48
|
-
React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))))
|
|
49
|
+
React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))))
|
|
50
|
+
);
|
|
49
51
|
});
|
|
50
52
|
const StyleOnly = ({ className, children, size = 'large', ...rest }) => {
|
|
51
53
|
return (React.createElement("div", { className: [
|
|
@@ -98,12 +98,14 @@ var Frame = (0, react_1.forwardRef)(function SemiModal(_a, ref) {
|
|
|
98
98
|
(_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
99
99
|
}
|
|
100
100
|
}, [open]);
|
|
101
|
-
return (
|
|
101
|
+
return (
|
|
102
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
103
|
+
react_1.default.createElement("dialog", __assign({ className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size }, rest),
|
|
102
104
|
react_1.default.createElement("form", { className: "".concat(BLOCK_NAME, "-frame"), method: "dialog", onSubmit: handleFormSubmit }, children)));
|
|
103
105
|
});
|
|
104
106
|
var Header = function (_a) {
|
|
105
107
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
106
|
-
return (react_1.default.createElement("header", __assign({
|
|
108
|
+
return (react_1.default.createElement("header", __assign({ className: "".concat(BLOCK_NAME, "-header") }, rest),
|
|
107
109
|
children,
|
|
108
110
|
react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-closeIconButton") },
|
|
109
111
|
react_1.default.createElement(IconButton_1.IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../../src/Modal/SemiModal/SemiModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6E;AAC7E,qDAAgD;AAChD,mEAA6C;AAC7C,+CAA8C;AAc9C,IAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAoC,SAAS,SAAS,CAC5E,EAAqE,EACrE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAAnE,+CAAqE,CAAF;IAGnE,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,eAAe;IACf,IAAM,gBAAgB,GAAG,UAAC,KAAuC;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,kCAAkC;QAC1D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,gBAAgB;IAChB,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,wBAAwB;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,cAAc;IACd,IAAM,iBAAiB,GAAG,UACxB,KAA8C;QAE9C,yBAAyB;QACzB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;;QACR,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,SAAS,kDAAI,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,kDAAI,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,
|
|
1
|
+
{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../../src/Modal/SemiModal/SemiModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,11 +35,17 @@ const Frame = forwardRef(function SemiModal({ children, open, size = 'medium', t
|
|
|
35
35
|
dialogEl.current?.close?.();
|
|
36
36
|
}
|
|
37
37
|
}, [open]);
|
|
38
|
-
return (
|
|
39
|
-
|
|
38
|
+
return (
|
|
39
|
+
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
40
|
+
(React.createElement(
|
|
41
|
+
"dialog",
|
|
42
|
+
{ className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
|
|
43
|
+
React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)
|
|
44
|
+
))
|
|
45
|
+
);
|
|
40
46
|
});
|
|
41
47
|
const Header = ({ children, ...rest }) => {
|
|
42
|
-
return (React.createElement("header", {
|
|
48
|
+
return (React.createElement("header", { className: `${BLOCK_NAME}-header`, ...rest },
|
|
43
49
|
children,
|
|
44
50
|
React.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
45
51
|
React.createElement(IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAE1D,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAUD,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAE1D,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAUD,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,sBAuKtC,CAAC"}
|