maru_design2 3.2.0 → 3.2.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.
- package/CHANGELOG.md +8 -0
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [3.2.1](https://github.com/42maru-ai/maru-design2/compare/v3.2.0...v3.2.1) (2026-09-10)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* make pagination button backgrounds transparent ([fbd4425](https://github.com/42maru-ai/maru-design2/commit/fbd442583c9ddb9158537d11c078b63412bdd662))
|
|
9
|
+
* preserve shared control styles in simple pagination ([dd1e6b4](https://github.com/42maru-ai/maru-design2/commit/dd1e6b494f381a084f1fc02edc55299c909a85cc))
|
|
10
|
+
|
|
3
11
|
## [3.2.0](https://github.com/42maru-ai/maru-design2/compare/v3.1.1...v3.2.0) (2026-09-10)
|
|
4
12
|
|
|
5
13
|
|
package/dist/index.js
CHANGED
|
@@ -92667,7 +92667,7 @@ var img$1 = "data:image/svg+xml,%3csvg preserveAspectRatio='none' overflow='visi
|
|
|
92667
92667
|
|
|
92668
92668
|
var img = "data:image/svg+xml,%3csvg preserveAspectRatio='none' overflow='visible' style='display: block%3b' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='Icon-left'%3e%3cpath id='Icon' d='M12.6667 8H3.33333M8 12.6667L3.33333 8L8 3.33333' stroke='%23828588' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e";
|
|
92669
92669
|
|
|
92670
|
-
var css_248z$5 = ".maru-pagination-wrapper {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n letter-spacing: 0;\n font-size: 14px;\n font-weight: 400;\n width: 100%;\n min-width: 0;\n color: var(--maru-text-tertiary);\n line-height: 20px;\n}\n.maru-pagination-wrapper.maru-pagination-with-divider {\n border-top: 1px solid var(--maru-border-secondary);\n padding-top: 24px;\n}\n.maru-pagination-wrapper .maru-pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n}\n.maru-pagination-wrapper .maru-pagination-summary,\n.maru-pagination-wrapper .maru-pagination-count,\n.maru-pagination-wrapper .maru-pagination-controls,\n.maru-pagination-wrapper .maru-pagination-input-wrapper,\n.maru-pagination-wrapper .maru-pagination-page-size,\n.maru-pagination-wrapper .maru-pagination-pages {\n display: flex;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n}\n.maru-pagination-wrapper .maru-pagination-summary,\n.maru-pagination-wrapper .maru-pagination-page-size,\n.maru-pagination-wrapper .maru-pagination-pages {\n gap: 8px;\n}\n.maru-pagination-wrapper .maru-pagination-controls {\n margin-left: auto;\n}\n.maru-pagination-wrapper .maru-pagination-navigation-button,\n.maru-pagination-wrapper .maru-pagination-page {\n flex-shrink: 0;\n
|
|
92670
|
+
var css_248z$5 = ".maru-pagination-wrapper {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n letter-spacing: 0;\n font-size: 14px;\n font-weight: 400;\n width: 100%;\n min-width: 0;\n color: var(--maru-text-tertiary);\n line-height: 20px;\n}\n.maru-pagination-wrapper.maru-pagination-with-divider {\n border-top: 1px solid var(--maru-border-secondary);\n padding-top: 24px;\n}\n.maru-pagination-wrapper .maru-pagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n}\n.maru-pagination-wrapper .maru-pagination-summary,\n.maru-pagination-wrapper .maru-pagination-count,\n.maru-pagination-wrapper .maru-pagination-controls,\n.maru-pagination-wrapper .maru-pagination-input-wrapper,\n.maru-pagination-wrapper .maru-pagination-page-size,\n.maru-pagination-wrapper .maru-pagination-pages {\n display: flex;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n}\n.maru-pagination-wrapper .maru-pagination-summary,\n.maru-pagination-wrapper .maru-pagination-page-size,\n.maru-pagination-wrapper .maru-pagination-pages {\n gap: 8px;\n}\n.maru-pagination-wrapper .maru-pagination-controls {\n margin-left: auto;\n}\n.maru-pagination-wrapper .maru-pagination-navigation-button,\n.maru-pagination-wrapper .maru-pagination-page {\n flex-shrink: 0;\n}\n.maru-pagination-wrapper .maru-pagination-navigation-button img,\n.maru-pagination-wrapper .maru-pagination-page img {\n display: block;\n width: 16px;\n height: 16px;\n}\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-navigation-button,\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-page {\n color: var(--maru-text-primary);\n background: transparent;\n}\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-navigation-button:focus-visible,\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-page:focus-visible {\n outline: 2px solid var(--maru-border-brand-primary);\n outline-offset: 2px;\n}\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-navigation-button:hover:not(:disabled), .maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-navigation-button:active:not(:disabled),\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-page:hover:not(:disabled),\n.maru-pagination-wrapper:not(.maru-pagination-simple) .maru-pagination-page:active:not(:disabled) {\n background: var(--maru-background-primary-hover);\n}\n.maru-pagination-wrapper .maru-pagination-button-hidden {\n visibility: hidden;\n}\n.maru-pagination-wrapper .maru-pagination-input {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n letter-spacing: 0;\n font-size: 14px;\n font-weight: 400;\n box-sizing: content-box;\n min-width: 18px;\n height: 20px;\n padding: 7px 8px;\n margin: 0;\n border: 1px solid var(--maru-border-primary);\n border-radius: 8px;\n background: var(--maru-background-primary);\n color: var(--maru-text-tertiary);\n line-height: 20px;\n text-align: center;\n appearance: textfield;\n -moz-appearance: textfield;\n}\n.maru-pagination-wrapper .maru-pagination-input::-webkit-outer-spin-button, .maru-pagination-wrapper .maru-pagination-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.maru-pagination-wrapper .maru-pagination-input:focus-visible {\n outline: 2px solid var(--maru-border-brand-primary);\n outline-offset: 2px;\n}\n.maru-pagination-wrapper .maru-pagination-input:disabled {\n color: var(--maru-text-tertiary);\n background: var(--maru-background-secondary);\n cursor: default;\n}\n.maru-pagination-wrapper .maru-pagination-slash {\n width: 20px;\n text-align: center;\n}\n.maru-pagination-wrapper .maru-pagination-size-select {\n flex-shrink: 0;\n}\n.maru-pagination-wrapper.maru-pagination-simple .maru-pagination-controls {\n gap: 12px;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-navigation-button {\n border-radius: 6px;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: 8px;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-pages {\n flex-wrap: wrap;\n justify-content: center;\n min-width: 0;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-page {\n min-width: 32px;\n padding: 6px 12px;\n border-radius: 8px;\n font-weight: 500;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-page[aria-current=page] {\n background: var(--maru-background-brand-secondary);\n font-weight: 600;\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-page[aria-current=page]:hover, .maru-pagination-wrapper.maru-pagination-number .maru-pagination-page[aria-current=page]:active {\n background: var(--maru-background-brand-secondary-hover);\n}\n.maru-pagination-wrapper.maru-pagination-number .maru-pagination-gap {\n padding: 6px 16px;\n color: var(--maru-text-primary);\n font-weight: 500;\n}";
|
|
92671
92671
|
styleInject(css_248z$5);
|
|
92672
92672
|
|
|
92673
92673
|
var nonNegativeInteger = function nonNegativeInteger(value) {
|