@openameba/spindle-ui 2.9.0 → 2.9.1

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/LICENSE +21 -0
  3. package/Pagination/Pagination.css +1 -1
  4. package/Pagination/Pagination.d.ts.map +1 -1
  5. package/Pagination/Pagination.js +1 -1
  6. package/Pagination/Pagination.js.map +1 -1
  7. package/Pagination/Pagination.mjs +1 -1
  8. package/Pagination/PaginationItem.css +1 -1
  9. package/Pagination/PaginationItem.d.ts.map +1 -1
  10. package/Pagination/PaginationItem.js +7 -6
  11. package/Pagination/PaginationItem.js.map +1 -1
  12. package/Pagination/PaginationItem.mjs +6 -5
  13. package/index.css +1 -1
  14. package/package.json +20 -23
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.9.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.9.0...@openameba/spindle-ui@2.9.1) (2025-10-09)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **spindle-ui:** delete aria disabled ([6a61c0a](https://github.com/openameba/spindle/commit/6a61c0ace22fc94ed6f73839e561dbfd59f94abc))
11
+ - **spindle-ui:** delete outline style ([e9c4697](https://github.com/openameba/spindle/commit/e9c46971c60a7dfceeb76c770dc24c99b87af50e))
12
+ - **spindle-ui:** delete pagination unused style ([04cff9d](https://github.com/openameba/spindle/commit/04cff9ddab8a12a25fc6dc2ddb9372d433f176fb))
13
+ - **spindle-ui:** pagination component aria ([91ea006](https://github.com/openameba/spindle/commit/91ea006708163ae159b31112595ffc0de0b7ed76))
14
+ - **spindle-ui:** pagination current link ([50a82ec](https://github.com/openameba/spindle/commit/50a82ec2c07509ef5d4440d9a6de01fa34bff605))
15
+ - **spindle-ui:** pagination label ([ab723f5](https://github.com/openameba/spindle/commit/ab723f5b0a911dc95ad2c49bec5802d7d5ede677))
16
+ - **spindle-ui:** pagination link element to button ([017f17b](https://github.com/openameba/spindle/commit/017f17bfd58d7a93fc4f608ca6b0dfae18621231))
17
+
18
+ ### Features
19
+
20
+ - **spindle-ui:** add pagination disabled test ([4f6fabd](https://github.com/openameba/spindle/commit/4f6fabd5d8579a162b49c12c344a0e919cf28415))
21
+
6
22
  # [2.9.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.8.0...@openameba/spindle-ui@2.9.0) (2025-09-29)
7
23
 
8
24
  ### Bug Fixes
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2022 openameba
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/Pagination/Pagination.css CHANGED
@@ -1 +1 @@
1
- .spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}
1
+ .spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}
package/Pagination/Pagination.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,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,sBA6KtC,CAAC"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,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,sBA4KtC,CAAC"}
package/Pagination/Pagination.js CHANGED
@@ -122,7 +122,7 @@ var Pagination = function (props) {
122
122
  // 数字が隣接していない場合に表示
123
123
  var showEllipsis = !!displayItem[index + 1] && displayItem[index + 1] - pageNumber > 1;
124
124
  return (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item"), key: "pagination-item-".concat(pageNumber) },
125
- react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link"), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), href: isCurrent ? undefined : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, "aria-disabled": isCurrent ? true : undefined, onClick: isCurrent
125
+ react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link"), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), href: isCurrent ? '#' : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: isCurrent
126
126
  ? undefined
127
127
  : function (e) {
128
128
  handleClick(e, pageNumber);
package/Pagination/Pagination.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
package/Pagination/Pagination.mjs CHANGED
@@ -57,7 +57,7 @@ export const Pagination = (props) => {
57
57
  // 数字が隣接していない場合に表示
58
58
  const showEllipsis = !!displayItem[index + 1] && displayItem[index + 1] - pageNumber > 1;
59
59
  return (React.createElement("li", { className: `${BLOCK_NAME}-item`, key: `pagination-item-${pageNumber}` },
60
- React.createElement("a", { className: `${BLOCK_NAME}-link`, rel: getLinkRelAttribute({ linkFollowType, pageNumber }), href: isCurrent ? undefined : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, "aria-disabled": isCurrent ? true : undefined, onClick: isCurrent
60
+ React.createElement("a", { className: `${BLOCK_NAME}-link`, rel: getLinkRelAttribute({ linkFollowType, pageNumber }), href: isCurrent ? '#' : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: isCurrent
61
61
  ? undefined
62
62
  : (e) => {
63
63
  handleClick(e, pageNumber);
package/Pagination/PaginationItem.css CHANGED
@@ -1 +1 @@
1
- .spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}
1
+ .spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}
package/Pagination/PaginationItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,CACP,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,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA8FpC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,CACP,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,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAwGpC,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/Pagination/PaginationItem.js CHANGED
@@ -48,13 +48,14 @@ exports.PaginationItem = react_1.default.memo(function PaginationItem(_a) {
48
48
  },
49
49
  },
50
50
  };
51
- return (react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link ").concat(BLOCK_NAME, "-link--").concat(type), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), "aria-label": itemPropMap[type].label, href: isDisabled ? undefined : createUrl(pageNumber), "aria-disabled": isDisabled ? true : undefined, onClick: isDisabled
52
- ? undefined
53
- : function (e) {
54
- onClick(e, pageNumber);
55
- } },
51
+ var PaginationItemLabel = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
56
52
  isShowLabel && (react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, itemPropMap[type].label)),
57
- itemPropMap[type].icon()));
53
+ itemPropMap[type].icon())); };
54
+ return isDisabled ? (react_1.default.createElement("button", { type: "button", className: "".concat(BLOCK_NAME, "-link ").concat(BLOCK_NAME, "-link--").concat(type), "aria-label": itemPropMap[type].label, disabled: true },
55
+ react_1.default.createElement(PaginationItemLabel, null))) : (react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link ").concat(BLOCK_NAME, "-link--").concat(type), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), "aria-label": itemPropMap[type].label, href: createUrl(pageNumber), onClick: function (e) {
56
+ onClick(e, pageNumber);
57
+ } },
58
+ react_1.default.createElement(PaginationItemLabel, null)));
58
59
  }, function (prevProps, nextProps) {
59
60
  return prevProps.type === nextProps.type &&
60
61
  prevProps.current === nextProps.current &&
package/Pagination/PaginationItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,8EAAwD;AACxD,4EAAsD;AACtD,sFAAgE;AAChE,oFAA8D;AAE9D,+DAA8D;AAC9D,qEAAoE;AAepE,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAc,eAAK,CAAC,IAAI,CACjD,SAAS,cAAc,CAAC,EAOvB;QANC,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,UAAU,GACd,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC;IAC1E,IAAM,WAAW,GAAG,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,MAAM,CAAC;IAC/C,IAAA,UAAU,GAAK,IAAA,qCAAiB,EAAC;QACvC,IAAI,MAAA;QACJ,UAAU,YAAA;QACV,OAAO,SAAA;QACP,KAAK,OAAA;KACN,CAAC,WALgB,CAKf;IAEH,IAAM,WAAW,GAAG;QAClB,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,SAAS,WAAW;gBACxB,OAAO,CACL,8BAAC,6BAAmB,mBACN,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,GAC/B,CACH,CAAC;YACJ,CAAC;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,SAAS,WAAW;gBACxB,OAAO,CACL,8BAAC,yBAAe,mBACF,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,GAC/B,CACH,CAAC;YACJ,CAAC;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,SAAS,WAAW;gBACxB,OAAO,CACL,8BAAC,0BAAgB,mBACH,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,GAC/B,CACH,CAAC;YACJ,CAAC;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,SAAS,WAAW;gBACxB,OAAO,CACL,8BAAC,8BAAoB,mBACP,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,GAC/B,CACH,CAAC;YACJ,CAAC;SACF;KACF,CAAC;IAEF,IAAM,mBAAmB,GAAG,cAAM,OAAA,CAChC;QACG,WAAW,IAAI,CACd,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IACnC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CACnB,CACR;QACA,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CACxB,CACJ,EATiC,CASjC,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,IAAI,CAAE,gBAC/C,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EACnC,QAAQ;QAER,8BAAC,mBAAmB,OAAG,CAChB,CACV,CAAC,CAAC,CAAC,CACF,qCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,IAAI,CAAE,EAC3D,GAAG,EAAE,IAAA,yCAAmB,EAAC,EAAE,cAAc,gBAAA,EAAE,UAAU,YAAA,EAAE,CAAC,gBAC5C,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EACnC,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,EAC3B,OAAO,EAAE,UAAC,CAAC;YACT,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QACzB,CAAC;QAED,8BAAC,mBAAmB,OAAG,CACrB,CACL,CAAC;AACJ,CAAC,EACD,UAAC,SAAS,EAAE,SAAS;IACnB,OAAA,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI;QACjC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;AAFnC,CAEmC,CACtC,CAAC;AAEF,kBAAe,sBAAc,CAAC"}
package/Pagination/PaginationItem.mjs CHANGED
@@ -41,13 +41,14 @@ export const PaginationItem = React.memo(function PaginationItem({ type, current
41
41
  },
42
42
  },
43
43
  };
44
- return (React.createElement("a", { className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, rel: getLinkRelAttribute({ linkFollowType, pageNumber }), "aria-label": itemPropMap[type].label, href: isDisabled ? undefined : createUrl(pageNumber), "aria-disabled": isDisabled ? true : undefined, onClick: isDisabled
45
- ? undefined
46
- : (e) => {
47
- onClick(e, pageNumber);
48
- } },
44
+ const PaginationItemLabel = () => (React.createElement(React.Fragment, null,
49
45
  isShowLabel && (React.createElement("span", { className: `${BLOCK_NAME}-label` }, itemPropMap[type].label)),
50
46
  itemPropMap[type].icon()));
47
+ return isDisabled ? (React.createElement("button", { type: "button", className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, "aria-label": itemPropMap[type].label, disabled: true },
48
+ React.createElement(PaginationItemLabel, null))) : (React.createElement("a", { className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, rel: getLinkRelAttribute({ linkFollowType, pageNumber }), "aria-label": itemPropMap[type].label, href: createUrl(pageNumber), onClick: (e) => {
49
+ onClick(e, pageNumber);
50
+ } },
51
+ React.createElement(PaginationItemLabel, null)));
51
52
  }, (prevProps, nextProps) => prevProps.type === nextProps.type &&
52
53
  prevProps.current === nextProps.current &&
53
54
  prevProps.total === nextProps.total);
package/index.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --color-surface-accent-primary-light
17
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{--SubtleButton-tapHighlightColor:var(--white-60-alpha);--SubtleButton-onFocus-outlineColor:var(--color-focus-clarity);--SubtleButton-color:var(--color-text-medium-emphasis)}.spui-SubtleButton{background:none;border:none;border-radius:4px;color:var(--SubtleButton-color);font-family:inherit;font-weight:700;line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--SubtleButton-tapHighlightColor);text-align:center}.spui-SubtleButton:disabled{opacity:.3}.spui-SubtleButton:focus{outline:2px solid var(--SubtleButton-onFocus-outlineColor);outline-offset:1px}.spui-SubtleButton:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-SubtleButton:not([disabled]):hover{text-decoration:underline}}.spui-SubtleButton--large,.spui-SubtleButton--medium{font-size:.875em}.spui-SubtleButton--small{font-size:.8125em}:root{--AppealModal-image-border:1px inset var(--color-border-low-emphasis);--AppealModal-image-borderRadius:8px}.spui-AppealModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);opacity:0;padding:0;transition:opacity .5s cubic-bezier(0,0,0,1),display allow-discrete .5s,overlay allow-discrete .5s;width:400px}.spui-AppealModal--styleOnly,.spui-AppealModal[open],.spui-AppealModal[open]::backdrop{opacity:1}.spui-AppealModal::backdrop{background:rgba(0,0,0,.6);opacity:0;transition:opacity .5s cubic-bezier(0,0,0,1),display allow-discrete .5s,overlay allow-discrete .5s}@starting-style{.spui-AppealModal[open]{opacity:0}.spui-AppealModal[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.spui-AppealModal,.spui-AppealModal::backdrop{transition-duration:.01s}}html:has(.spui-AppealModal[open]){overflow:hidden}@media screen and (max-width:440px){.spui-AppealModal{width:calc(100% - 48px)}}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 3px var(--color-focus-clarity);outline:none}.spui-AppealModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-AppealModal-frame{color:var(--color-text-medium-emphasis);display:grid;gap:0;grid-auto-flow:row;grid-template:"Image" "Title" "Body" "ButtonGroup" "CloseButton"/1fr;padding:0 0 24px;width:100%}.spui-AppealModal-image{grid-area:Image}.spui-AppealModal-image img{border-radius:20px 20px 0 0}.spui-AppealModal-title{color:var(--color-text-high-emphasis);font-size:1.125em;font-weight:700;grid-area:Title;line-height:1.4;margin:24px 24px 0;padding:0;text-align:center}.spui-AppealModal-body{color:var(--color-text-medium-emphasis);font-size:.875em;grid-area:Body;line-height:1.6;margin:8px 24px 0;overflow-wrap:break-word;text-align:center}.spui-AppealModal-buttonGroup{align-items:center;grid-area:ButtonGroup;justify-content:center;margin:16px 24px 0;text-align:center}.spui-AppealModal-closeIconButton,.spui-AppealModal-closeTextButton{grid-area:CloseButton}.spui-AppealModal-closeIconButton{display:none}.spui-AppealModal-closeTextButton{margin:20px 24px 0;text-align:center}.spui-AppealModal-buttonGroup :is(.spui-Button,.spui-LinkButton){max-width:240px}@media screen and (min-width:768px){.spui-AppealModal{min-height:300px;min-width:500px}.spui-AppealModal--large{width:1024px}.spui-AppealModal--medium{width:840px}.spui-AppealModal--small{width:480px}.spui-AppealModal-frame{grid-auto-flow:row;grid-template:"Title CloseButton" "Body CloseButton" "Image Image" "ButtonGroup ButtonGroup"/1fr 72px;padding:0 0 36px}.spui-AppealModal-title{margin:32px 16px 0 36px;text-align:left}.spui-AppealModal-body{margin:12px 16px 0 36px;text-align:left}.spui-AppealModal-image{margin:32px 36px 0}.spui-AppealModal-image img{border:var(--AppealModal-image-border);border-radius:var(--AppealModal-image-borderRadius);box-sizing:border-box}.spui-AppealModal-buttonGroup{margin:16px 36px 0}.spui-AppealModal-closeIconButton{--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(
18
18
  --color-surface-tertiary
19
- );display:inline-flex;margin:36px 0 0}.spui-AppealModal-closeTextButton{display:none}}:root{--SemiModal-footer-justifyContent:right;--SemiModal-footer-button-minWidth:160px;--SemiModal-sp-footer-justifyContent:center}.spui-SemiModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);height:-moz-fit-content;height:fit-content;opacity:0;padding:0;position:fixed;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;width:-moz-fit-content;width:fit-content}.spui-SemiModal[data-type=sheet]{border-radius:20px 20px 0 0;bottom:0;margin:auto auto 0;transform:translateY(100%);transition:opacity .35s cubic-bezier(0,0,0,1),transform .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;will-change:translate}.spui-SemiModal--styleOnly,.spui-SemiModal[open],.spui-SemiModal[open]::backdrop{opacity:1}.spui-SemiModal::backdrop{background:rgba(0,0,0,.6);opacity:0;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s}.spui-SemiModal[data-type=sheet][open]{transform:translateY(0)}@starting-style{.spui-SemiModal[open]{opacity:0}.spui-SemiModal[open]::backdrop{opacity:0}.spui-SemiModal[data-type=sheet][open]{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.spui-SemiModal,.spui-SemiModal::backdrop{transition-duration:.01s}}html:has(.spui-SemiModal[open]){overflow:hidden}@media screen and (max-width:440px){.spui-SemiModal{width:calc(100% - 40px)}}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}: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{--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{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc((var(--Toast--initial-height) - var(--Toast--offset-bottom))*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first[aria-disabled],.spui-PaginationItem-link--last[aria-disabled],.spui-PaginationItem-link--next[aria-disabled],.spui-PaginationItem-link--prev[aria-disabled]{opacity:.3}.spui-PaginationItem-link[aria-disabled]:focus-visible{outline:none}.spui-PaginationItem-link:not([aria-disabled]):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not([aria-disabled]):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}.spui-Rating{align-items:center;display:flex;gap:8px}.spui-Rating-image{display:flex;gap:2px;line-height:0}.spui-Rating-text{color:var(--color-text-high-emphasis);font-weight:700;line-height:1.4;margin:0}.spui-Rating--large .spui-Rating-text{font-size:1.25em}.spui-Rating--medium .spui-Rating-text{font-size:1em}.spui-Rating--small .spui-Rating-text{font-size:.8125em}.spui-Rating-item--active{display:block;position:relative}.spui-Rating-icon{color:var(--color-border-high-emphasis)}.spui-Rating-item--front{height:100%;overflow:hidden}.spui-Rating-item--front,.spui-Rating-item--front .spui-Rating-icon{left:0;position:absolute;top:0}.spui-Rating-item--active .spui-Rating-icon{color:transparent}.spui-Rating-item--active .spui-Rating-item--front .spui-Rating-icon,.spui-Rating-item--full .spui-Rating-icon{color:var(--color-object-rating)}.spui-Rating--large .spui-Rating-icon{font-size:1.25em}.spui-Rating--medium .spui-Rating-icon{font-size:1em}.spui-Rating--small .spui-Rating-icon{font-size:.8125em}: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(
19
+ );display:inline-flex;margin:36px 0 0}.spui-AppealModal-closeTextButton{display:none}}:root{--SemiModal-footer-justifyContent:right;--SemiModal-footer-button-minWidth:160px;--SemiModal-sp-footer-justifyContent:center}.spui-SemiModal{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);height:-moz-fit-content;height:fit-content;opacity:0;padding:0;position:fixed;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;width:-moz-fit-content;width:fit-content}.spui-SemiModal[data-type=sheet]{border-radius:20px 20px 0 0;bottom:0;margin:auto auto 0;transform:translateY(100%);transition:opacity .35s cubic-bezier(0,0,0,1),transform .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s;will-change:translate}.spui-SemiModal--styleOnly,.spui-SemiModal[open],.spui-SemiModal[open]::backdrop{opacity:1}.spui-SemiModal::backdrop{background:rgba(0,0,0,.6);opacity:0;transition:opacity .35s cubic-bezier(0,0,0,1),display allow-discrete .35s,overlay allow-discrete .35s}.spui-SemiModal[data-type=sheet][open]{transform:translateY(0)}@starting-style{.spui-SemiModal[open]{opacity:0}.spui-SemiModal[open]::backdrop{opacity:0}.spui-SemiModal[data-type=sheet][open]{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.spui-SemiModal,.spui-SemiModal::backdrop{transition-duration:.01s}}html:has(.spui-SemiModal[open]){overflow:hidden}@media screen and (max-width:440px){.spui-SemiModal{width:calc(100% - 40px)}}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus{box-shadow:0 0 0 1px var(--color-surface-secondary),0 0 0 2px var(--color-focus-clarity);outline:none}.spui-SemiModal :is(.spui-Button,.spui-LinkButton,.spui-IconButton,.spui-SubtleButton):focus:not(:focus-visible){box-shadow:none}.spui-SemiModal-frame{box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;flex-direction:column;padding:0 16px 36px 36px}.spui-SemiModal-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto;justify-content:space-between;overflow-wrap:break-word;padding:32px 8px 32px 0}.spui-SemiModal-closeIconButton{height:48px;width:48px;--IconButton--neutral-backgroundColor:transparent;--IconButton--neutral-onHover-backgroundColor:var(--color-surface-tertiary)}.spui-SemiModal-headerTitle{-webkit-box-orient:vertical;color:var(--color-text-high-emphasis);display:-webkit-box;font-size:1.25em;font-weight:600;height:-moz-fit-content;height:fit-content;-webkit-line-clamp:3;line-height:1.4;margin:0;overflow:hidden;width:100%}.spui-SemiModal-contents{line-height:1.6;overflow:hidden scroll}.spui-SemiModal-contents::-webkit-scrollbar{border-radius:4px;width:8px}.spui-SemiModal-contents::-webkit-scrollbar-thumb{background:var(--color-object-low-emphasis);border-radius:4px}.spui-SemiModal-contents::-webkit-scrollbar-track:enabled{background-color:var(--color-surface-secondary);border-radius:4px}.spui-SemiModal-footer{background-color:var(--color-surface-primary);bottom:0;display:flex;padding:24px 20px 0 0}.spui-SemiModal-footer:empty{padding:0 0 36px}@media screen and (min-width:768px){.spui-SemiModal[data-type=popup][data-size=small] .spui-SemiModal-frame{max-height:400px;max-width:480px}.spui-SemiModal[data-type=popup][data-size=medium] .spui-SemiModal-frame{max-height:700px;max-width:840px}.spui-SemiModal[data-type=popup][data-size=large] .spui-SemiModal-frame{max-height:840px;max-width:1024px}.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 200px)}.spui-SemiModal[data-type=sheet][data-size=small] .spui-SemiModal-frame{max-width:480px}.spui-SemiModal[data-type=sheet][data-size=medium] .spui-SemiModal-frame{max-width:840px}.spui-SemiModal[data-type=sheet][data-size=large] .spui-SemiModal-frame{max-width:1024px}.spui-SemiModal-footer{justify-content:var(--SemiModal-footer-justifyContent)}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){min-width:var(--SemiModal-footer-button-minWidth)}}@media screen and (max-width:768px){.spui-SemiModal[data-type=sheet]{margin:auto 0 0;max-width:100%;width:100%}.spui-SemiModal[data-type=popup] .spui-SemiModal-frame,.spui-SemiModal[data-type=sheet] .spui-SemiModal-frame{max-height:calc(100dvh - 40px)}.spui-SemiModal[data-type=popup]{margin:auto 20px}.spui-SemiModal-contents{max-height:100%}.spui-SemiModal-header{padding:24px 0}.spui-SemiModal-closeIconButton{height:24px;width:24px;--IconButton--neutral-onHover-backgroundColor:transparent}.spui-SemiModal-frame{padding:0 20px 24px}.spui-SemiModal-footer{justify-content:var(--SemiModal-sp-footer-justifyContent);padding:16px 0 0}.spui-SemiModal-footer :is(.spui-Button,.spui-LinkButton){max-width:360px;width:100%}}:root{--Table-backgroundColor:var(--color-surface-primary);--Table-head-backgroundColor:var(--color-surface-tertiary);--Table-cell-backgroundColor:var(--color-surface-primary);--Table-row-striped-backgroundColor:var(--color-background);--Table-head-color:var(--color-text-high-emphasis);--Table-cell-color:var(--color-text-high-emphasis);--Table-footer-color:var(--color-text-high-emphasis);--Table-head-fontWeight:bold;--Table-cell-fontWeight:normal;--Table-footer-fontWeight:normal;--Table-head-fontSize:0.875em;--Table-cell-fontSize:0.875em;--Table-footer-fontSize:0.875em;--Table-head-lineHeight:1.4;--Table-cell-lineHeight:1.4;--Table-footer-lineHeight:1.4;--Table-outlineColor:var(--color-border-strong-emphasis);--Table-cell-borderColor:var(--color-border-low-emphasis);--Table-footer-separatorColor:var(--color-border-medium-emphasis);--Table-borderRadius:16px;--Table-head-padding:12px;--Table-cell-padding:12px;--Table-footer-padding:12px;--Table-caption-color:var(--color-text-low-emphasis);--Table-caption-fontSize:0.75em;--Table-caption-lineHeight:1.6;--Table-caption-fontWeight:normal}.spui-Table-frame{position:relative;width:100%}.spui-Table-frame--scrollable{overflow-x:auto;scroll-behavior:smooth}.spui-Table{background-color:var(--Table-backgroundColor);border-spacing:0;table-layout:auto;width:100%}.spui-Table--fixed{table-layout:fixed}.spui-Table--scrollable{min-width:-moz-max-content;min-width:max-content;width:100%}.spui-Table--horizontal .spui-Table-cell,.spui-Table--horizontal .spui-Table-head{border-bottom:1px solid var(--Table-cell-borderColor)}.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-body .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:first-child .spui-Table-head{border-top:2px solid var(--Table-footer-separatorColor)}.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell,.spui-Table--horizontal .spui-Table-footer .spui-Table-row:last-child .spui-Table-head{border-bottom:none}.spui-Table--vertical .spui-Table-cell,.spui-Table--vertical .spui-Table-head{border-right:1px solid var(--Table-cell-borderColor)}.spui-Table--vertical .spui-Table-cell:last-child,.spui-Table--vertical .spui-Table-head:last-child{border-right:none}.spui-Table--outlined{border:1px solid var(--Table-outlineColor)}.spui-Table-footer .spui-Table-cell{background-color:var(--Table-cell-backgroundColor)}.spui-Table-footer .spui-Table-cell,.spui-Table-footer .spui-Table-head{color:var(--Table-footer-color);font-size:var(--Table-footer-fontSize);font-weight:var(--Table-footer-fontWeight);line-height:var(--Table-footer-lineHeight);padding:var(--Table-footer-padding)}.spui-Table--rounded{border-collapse:separate;border-spacing:0}.spui-Table--rounded,.spui-Table--rounded.spui-Table--outlined{border-radius:var(--Table-borderRadius)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-header .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:first-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:first-child{border-top-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-cell:last-child,.spui-Table--rounded:not(:has(.spui-Table-header)) .spui-Table-body .spui-Table-row:first-child .spui-Table-head:last-child{border-top-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:first-child,.spui-Table--rounded:has(.spui-Table-footer) .spui-Table-body .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:first-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:first-child{border-bottom-left-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-cell:last-child,.spui-Table--rounded .spui-Table-footer .spui-Table-row:last-child .spui-Table-head:last-child{border-bottom-right-radius:calc(var(--Table-borderRadius) - 1px)}.spui-Table--striped .spui-Table-body .spui-Table-row:nth-child(2n) .spui-Table-cell{background-color:var(--Table-row-striped-backgroundColor)}.spui-Table-caption{caption-side:bottom;color:var(--Table-caption-color);font-size:var(--Table-caption-fontSize);font-weight:var(--Table-caption-fontWeight);line-height:var(--Table-caption-lineHeight);margin-top:12px;text-align:left}.spui-Table-head{background-color:var(--Table-head-backgroundColor);color:var(--Table-head-color);font-size:var(--Table-head-fontSize);font-weight:var(--Table-head-fontWeight);line-height:var(--Table-head-lineHeight);overflow-wrap:break-word;padding:var(--Table-head-padding);text-align:left;vertical-align:middle}.spui-Table-head--alignLeft{text-align:left}.spui-Table-head--alignCenter{text-align:center}.spui-Table-head--alignRight{text-align:right}.spui-Table-cell{background-color:var(--Table-cell-backgroundColor);color:var(--Table-cell-color);font-size:var(--Table-cell-fontSize);font-weight:var(--Table-cell-fontWeight);line-height:var(--Table-cell-lineHeight);overflow-wrap:break-word;padding:var(--Table-cell-padding);text-align:left;vertical-align:middle}.spui-Table-cell--alignLeft{text-align:left}.spui-Table-cell--alignCenter{text-align:center}.spui-Table-cell--alignRight{text-align:right}@media (prefers-reduced-motion:reduce){.spui-Table-frame--scrollable{scroll-behavior:auto}}: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{--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{--Toast-z-index:1}.spui-Toast{box-sizing:border-box;left:0;opacity:0;padding:0 12px;pointer-events:none;position:fixed;right:0;text-align:center;z-index:var(--Toast-z-index)}.spui-Toast-content{align-items:center;border-radius:52px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-flex;margin:0;max-width:360px;min-height:48px;padding:0 16px 0 20px;pointer-events:auto}.spui-Toast-contentInfo{flex-shrink:0;font-size:1.375rem;line-height:0;margin-right:8px}.spui-Toast-contentText{font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.6;overflow:hidden;white-space:nowrap}.spui-Toast--top{top:0;transform:translateY(calc(var(--Toast--initial-height) - var(--Toast--offset-top)))}.spui-Toast--bottom{bottom:0;transform:translateY(calc((var(--Toast--initial-height) - var(--Toast--offset-bottom))*-1))}.spui-Toast--slide{transition:transform .3s ease,opacity .3s ease}.spui-Toast--hidden{visibility:hidden}.spui-Toast-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-Toast-slide--in.spui-Toast--top{transform:translateY(var(--Toast--order-offset-top))}.spui-Toast-slide--in.spui-Toast--bottom{transform:translateY(var(--Toast--order-offset-bottom))}.spui-Toast-iconButton{--IconButton--neutral-backgroundColor:transparent;margin-left:12px}.spui-Toast-contentInfo--information{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-Toast-contentInfo--confirmation{color:var(--color-object-accent-primary)}.spui-Toast-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-Toast-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-Toast-contentInfo--error{color:var(--color-object-high-emphasis-inverse)}.spui-Toast-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-Toast-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}@media (prefers-reduced-motion:reduce){.spui-Toast--slide,.spui-Toast-slide--in{transition-duration:.1ms}}@media (max-width:384px){.spui-Toast-content{max-width:100%}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}:root{--MoreLink-tapHighlightColor:var(--gray-5-alpha);--MoreLink-backGroundColor:var(--color-surface-primary);--MoreLink-color:var(--color-text-accent-primary);--MoreLink-onFocus-outlineColor:var(--color-focus-clarity);--MoreLink-onHover-backgroundColor:var(--color-surface-accent-primary-light);--MoreLink-icon-color:var(--color-object-accent-primary)}.spui-MoreLink{align-items:center;background-color:var(--MoreLink-backGroundColor);box-sizing:border-box;color:var(--MoreLink-color);display:flex;font-family:inherit;font-size:1em;font-weight:700;justify-content:space-between;line-height:1.4;min-height:56px;padding:16px;-webkit-tap-highlight-color:var(--MoreLink-tapHighlightColor);text-decoration:none;transition:background-color .3s}.spui-MoreLink:focus{outline:2px solid var(--MoreLink-onFocus-outlineColor);outline-offset:1px}.spui-MoreLink:focus:not(:focus-visible){outline:none}@media (hover:hover){.spui-MoreLink:hover{background:var(--MoreLink-onHover-backgroundColor)}}.spui-MoreLink-icon{line-height:0;margin-left:12px}.spui-MoreLink-chevron{color:var(--MoreLink-icon-color)}:root{--DropdownMenu-z-index:1;--DropdownMenu-onFocus-outlineColor:var(--color-focus-clarity)}.spui-DropdownMenu{position:relative;width:-moz-fit-content;width:fit-content}.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in .3s;background-color:var(--color-surface-primary);border-radius:12px;box-shadow:0 11px 28px rgba(8,18,26,.12);box-sizing:border-box;list-style:none;margin:0;padding:12px 0;position:absolute;width:256px;z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out .3s;opacity:0}.spui-DropdownMenu-menu--topCenter,.spui-DropdownMenu-menu--topLeft,.spui-DropdownMenu-menu--topRight{margin-bottom:8px}.spui-DropdownMenu-menu--bottomCenter,.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--bottomRight{margin-top:8px}.spui-DropdownMenu-menu--bottomLeft,.spui-DropdownMenu-menu--topLeft{left:0}.spui-DropdownMenu-menu--bottomRight,.spui-DropdownMenu-menu--topRight{right:0}.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{right:-264px}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{left:-264px}.spui-DropdownMenu-menu--leftTop,.spui-DropdownMenu-menu--rightTop{top:0}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--rightBottom{bottom:0}.spui-DropdownMenu-menuButton{align-items:center;background-color:var(--color-surface-primary);border:none;display:flex;font-size:1em;position:relative;transition:background-color .3s;width:100%}.spui-DropdownMenu-menu--text .spui-DropdownMenu-menuButton,.spui-DropdownMenu-menu--textWithIcon .spui-DropdownMenu-menuButton{padding:10px 16px}.spui-DropdownMenu-menu--headWithIcon .spui-DropdownMenu-menuButton{padding:16px}.spui-DropdownMenu-menu--headWithIconAndCaption .spui-DropdownMenu-menuButton{padding:14px 16px}.spui-DropdownMenu-menuButton:hover{background-color:var(--color-surface-secondary)}.spui-DropdownMenu-menuButton:focus-visible{outline:2px solid var(--DropdownMenu-onFocus-outlineColor);z-index:var(--DropdownMenu-z-index)}.spui-DropdownMenu-menuItem .spui-DropdownMenu-menuButton:before{background-color:var(--color-border-low-emphasis);content:"";height:1px;position:absolute;top:0;width:calc(100% - 32px)}.spui-DropdownMenu-menuItem:first-child .spui-DropdownMenu-menuButton:before{height:0}.spui-DropdownMenu-iconContainer{color:var(--color-object-high-emphasis);display:flex;font-size:1.5em;margin-right:16px}.spui-DropdownMenu-textContainer{text-align:left}.spui-DropdownMenu-title{color:var(--color-text-high-emphasis);font-size:1em;line-height:1.3;margin:0}.spui-DropdownMenu-caption{color:var(--color-text-low-emphasis);font-size:.75em;line-height:1.4;margin:4px 0 0}@keyframes spui-DropdownMenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes spui-DropdownMenu-fade-out{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.spui-DropdownMenu-menu--rightBottom,.spui-DropdownMenu-menu--rightCenter,.spui-DropdownMenu-menu--rightTop{bottom:auto;left:0;margin-top:8px;top:auto!important}.spui-DropdownMenu-menu--leftBottom,.spui-DropdownMenu-menu--leftCenter,.spui-DropdownMenu-menu--leftTop{bottom:auto;left:auto;margin-top:8px;right:0;top:auto!important}}@media (prefers-reduced-motion:reduce){.spui-DropdownMenu-menu{animation:spui-DropdownMenu-fade-in 0s}.spui-DropdownMenu-menu.is-fade-out{animation:spui-DropdownMenu-fade-out 0s}}.spui-PaginationItem-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text-medium-emphasis);display:flex;font-size:.875em;font-weight:700;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;height:24px;padding:0 4px;width:24px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width: 768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{align-items:center;container:spui-pagination/inline-size;display:flex;flex-direction:column}.spui-Pagination-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.spui-Pagination-item{align-items:center;display:flex;margin:0 5px}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;display:flex;font-size:.875em;height:40px;justify-content:center;line-height:1.3;margin:0;min-width:40px;padding:0 10px;position:relative;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);text-decoration:none}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);font-size:.8125em;line-height:1.3;margin:12px 0 0;padding:0}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width: 360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}.spui-Rating{align-items:center;display:flex;gap:8px}.spui-Rating-image{display:flex;gap:2px;line-height:0}.spui-Rating-text{color:var(--color-text-high-emphasis);font-weight:700;line-height:1.4;margin:0}.spui-Rating--large .spui-Rating-text{font-size:1.25em}.spui-Rating--medium .spui-Rating-text{font-size:1em}.spui-Rating--small .spui-Rating-text{font-size:.8125em}.spui-Rating-item--active{display:block;position:relative}.spui-Rating-icon{color:var(--color-border-high-emphasis)}.spui-Rating-item--front{height:100%;overflow:hidden}.spui-Rating-item--front,.spui-Rating-item--front .spui-Rating-icon{left:0;position:absolute;top:0}.spui-Rating-item--active .spui-Rating-icon{color:transparent}.spui-Rating-item--active .spui-Rating-item--front .spui-Rating-icon,.spui-Rating-item--full .spui-Rating-icon{color:var(--color-object-rating)}.spui-Rating--large .spui-Rating-icon{font-size:1.25em}.spui-Rating--medium .spui-Rating-icon{font-size:1em}.spui-Rating--small .spui-Rating-icon{font-size:.8125em}: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(
20
20
  --white-50-alpha
21
21
  );--InlineNotification--contained-backgroundColor:var(--color-surface-primary);--InlineNotification--contained-color:var(--color-text-accent-primary);--InlineNotification--contained-onHover-backgroundColor:var(
22
22
  --white-70-alpha
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openameba/spindle-ui",
3
- "version": "2.9.0",
3
+ "version": "2.9.1",
4
4
  "main": "./index.js",
5
5
  "module": "./index.mjs",
6
6
  "types": "./index.d.ts",
@@ -60,38 +60,35 @@
60
60
  }
61
61
  },
62
62
  "dependencies": {
63
- "@openameba/spindle-hooks": "^1.7.0",
63
+ "@openameba/spindle-hooks": "^1.7.1",
64
64
  "ameba-color-palette.css": "^4.17.0",
65
65
  "use-callback-ref": "^1.3.3"
66
66
  },
67
67
  "devDependencies": {
68
- "@figma/code-connect": "1.3.5",
69
- "@storybook/addon-a11y": "8.6.14",
70
- "@storybook/addon-actions": "8.6.14",
71
- "@storybook/addon-backgrounds": "8.6.14",
72
- "@storybook/addon-docs": "8.6.14",
73
- "@storybook/addon-viewport": "8.6.14",
74
- "@storybook/addon-webpack5-compiler-swc": "3.0.0",
75
- "@storybook/blocks": "8.6.14",
76
- "@storybook/react": "8.6.14",
77
- "@storybook/react-webpack5": "8.6.14",
68
+ "@figma/code-connect": "1.3.6",
69
+ "@storybook/addon-a11y": "9.1.10",
70
+ "@storybook/addon-docs": "9.1.10",
71
+ "@storybook/addon-webpack5-compiler-swc": "4.0.1",
72
+ "@storybook/react": "9.1.10",
73
+ "@storybook/react-webpack5": "9.1.10",
78
74
  "@svgr/cli": "8.1.0",
79
75
  "@swc/core": "1.13.5",
76
+ "@swc/jest": "0.2.39",
80
77
  "@testing-library/dom": "10.4.1",
81
- "@testing-library/jest-dom": "6.8.0",
78
+ "@testing-library/jest-dom": "6.9.1",
82
79
  "@testing-library/react": "16.3.0",
83
80
  "@testing-library/user-event": "14.6.1",
84
- "@types/jest": "29.5.14",
85
- "@types/react": "18.3.24",
81
+ "@types/jest": "30.0.0",
82
+ "@types/react": "18.3.25",
86
83
  "autoprefixer": "10.4.21",
87
84
  "bundlewatch": "0.4.1",
88
85
  "cssnano": "7.1.1",
89
86
  "dialog-polyfill": "0.5.6",
90
- "dotenv": "16.6.1",
87
+ "dotenv": "17.2.3",
91
88
  "figma-api": "1.12.0",
92
- "firebase-tools": "14.17.0",
93
- "jest": "29.7.0",
94
- "jest-environment-jsdom": "29.7.0",
89
+ "firebase-tools": "14.18.0",
90
+ "jest": "30.2.0",
91
+ "jest-environment-jsdom": "30.2.0",
95
92
  "postcss": "8.5.6",
96
93
  "postcss-cli": "11.0.1",
97
94
  "postcss-import": "16.1.1",
@@ -102,13 +99,13 @@
102
99
  "reg-publish-gcs-plugin": "0.14.4",
103
100
  "reg-suit": "0.14.5",
104
101
  "scaffdog": "4.1.0",
105
- "storybook": "8.6.14",
102
+ "storybook": "9.1.10",
106
103
  "stylelint": "^16.0.0",
107
104
  "stylelint-config-prettier": "^9.0.0",
108
105
  "stylelint-config-standard": "^39.0.0",
109
106
  "stylelint-order": "^7.0.0",
110
107
  "stylelint-prettier": "^5.0.0",
111
- "stylelint-selector-bem-pattern": "^4.0.0",
112
- "ts-jest": "29.4.2"
113
- }
108
+ "stylelint-selector-bem-pattern": "^4.0.0"
109
+ },
110
+ "gitHead": "e12ad11c5d9f3279c954982b28c2b21aa0809589"
114
111
  }