npm - @salutejs/plasma-new-hope - Versions diffs - 0.336.0-canary.2163.17485485502.0 → 0.336.0-canary.2163.17581420375.0 - Mend

@salutejs/plasma-new-hope 0.336.0-canary.2163.17485485502.0 → 0.336.0-canary.2163.17581420375.0

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 (266) hide show

package/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useEffect, Fragment } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions, PaginationActionsLeft, PaginationHelperText } from './Pagination.styles.js';
 import { defaultValues, getSections } from './utils/index.js';
@@ -11,12 +12,13 @@ import { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage.js';
 import { isNumber } from '../../utils/isNumber.js';
-var _excluded = ["value", "defaultValue", "helperText", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
+var _excluded = ["value", "defaultValue", "helperText", "helperTextEllipsis", "perPage", "defaultPerPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue", "onChange"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var outerValue = _ref.value,
       defaultValue = _ref.defaultValue,
       helperText = _ref.helperText,
+      helperTextEllipsis = _ref.helperTextEllipsis,
       outerPerPage = _ref.perPage,
       defaultPerPage = _ref.defaultPerPage,
       _ref$slots = _ref.slots,
@@ -50,7 +52,8 @@ var paginationRoot = function paginationRoot(Root) {
       textPerPage = _ref$textPerPage === void 0 ? defaultValues.textPerPage : _ref$textPerPage,
       leftContent = _ref.leftContent,
       rightContent = _ref.rightContent,
-      listWidth = _ref.listWidth,
+      _ref$listWidth = _ref.listWidth,
+      listWidth = _ref$listWidth === void 0 ? 'fit-content' : _ref$listWidth,
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       onChange = _ref.onChange,
@@ -70,6 +73,12 @@ var paginationRoot = function paginationRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       pagesWidth = _useState6[0],
       setPagesWidth = _useState6[1];
+    var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      rootWidth = _useState8[0],
+      setRootWidth = _useState8[1];
+    var rootRef = useRef(null);
+    var forkRef = useForkRef(rootRef, ref);
     var pages = Math.ceil(count / (perPageValue || 1));
     var sections = getSections(pageValue, pages, slots);
     var typeClass = classes["".concat(type, "Type")];
@@ -124,12 +133,23 @@ var paginationRoot = function paginationRoot(Root) {
         return observer.disconnect();
       };
     }, [type]);
+    useEffect(function () {
+      if (!rootRef.current) return;
+      var observer = new ResizeObserver(function (entries) {
+        var newWidth = entries[0].contentRect.width;
+        setRootWidth(newWidth);
+      });
+      observer.observe(rootRef.current);
+      return function () {
+        return observer.disconnect();
+      };
+    }, []);
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       view: view,
       viewCurrentPage: viewCurrentPage,
       className: cx(classes.wrapper, typeClass),
-      ref: ref
+      ref: forkRef
     }, rest), /*#__PURE__*/React.createElement(PaginationRoot, {
       className: typeClass
     }, /*#__PURE__*/React.createElement(PaginationPages, {
@@ -159,17 +179,23 @@ var paginationRoot = function paginationRoot(Root) {
       isCommonButtonStyles: isCommonButtonStyles
     }, rightContent)), /*#__PURE__*/React.createElement(PaginationActions, {
       style: type === 'compact' ? {
-        width: "".concat(pagesWidth, "px"),
-        maxWidth: "".concat(pagesWidth, "px")
+        minWidth: '0px'
       } : {
         width: "calc(100% - ".concat(pagesWidth, "px)")
       },
       className: cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
-    }, /*#__PURE__*/React.createElement(PaginationActionsLeft, null, hasQuickJump && /*#__PURE__*/React.createElement(PaginationQuickJumpToPage, {
+    }, /*#__PURE__*/React.createElement(PaginationActionsLeft, {
+      className: typeClass
+    }, hasQuickJump && /*#__PURE__*/React.createElement(PaginationQuickJumpToPage, {
       placeholderQuickJump: placeholderQuickJump,
       textQuickJump: textQuickJump,
       onChangeValue: handleSetPage
-    }), helperText && /*#__PURE__*/React.createElement(PaginationHelperText, null, helperText)), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
+    }), helperText && /*#__PURE__*/React.createElement(PaginationHelperText, {
+      className: cx(typeClass, helperTextEllipsis ? classes.ellipsisText : ''),
+      style: {
+        maxWidth: rootWidth
+      }
+    }, helperText)), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
       textPerPage: textPerPage,
       perPageValue: perPageValue,
       perPageList: perPageList,

package/es/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment, useRef, useEffect } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n PaginationActionsLeft,\n PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n helperText,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth,\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pagesRef = useRef<HTMLDivElement>(null);\n const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setPagesWidth(newWidth);\n });\n\n if (pagesRef.current) {\n observer.observe(pagesRef.current);\n }\n\n return () => observer.disconnect();\n }, [type]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages ref={pagesRef}>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <Fragment key={indexSection}>\n {indexSection !== 0 && (\n <PaginationShorter\n stretching=\"fixed\"\n disabled\n className={classes.buttonDisabled}\n >\n ...\n </PaginationShorter>\n )}\n <PaginationSection>\n {section.map((currentPage, index) => (\n <PaginationButton\n key={`${currentPage}_${index}`}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(currentPage),\n disabled.includes(currentPage) ? classes.buttonDisabled : '',\n )}\n pin={roundedClass}\n disabled={disabled.includes(currentPage)}\n square={square}\n onClick={() => handleClick(currentPage)}\n >\n {currentPage}\n </PaginationButton>\n ))}\n </PaginationSection>\n </Fragment>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n style={\n type === 'compact'\n ? { width: `${pagesWidth}px`, maxWidth: `${pagesWidth}px` }\n : { width: `calc(100% - ${pagesWidth}px)` }\n }\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n <PaginationActionsLeft>\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\n {helperText && <PaginationHelperText>{helperText}</PaginationHelperText>}\n </PaginationActionsLeft>\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","observer","ResizeObserver","entries","newWidth","contentRect","width","current","observe","disconnect","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","style","maxWidth","actions","PaginationActionsLeft","PaginationQuickJumpToPage","onChangeValue","PaginationHelperText","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAyBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAA4D,EAAA;AAAA,EAAA,oBACvFC,UAAU,CACN,UAAAC,IAAA,EAwCIC,GAAG,EACF;AAAA,IAAA,IAvCUC,UAAU,GAAAF,IAAA,CAAjBG,KAAK;MACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;MACZC,UAAU,GAAAL,IAAA,CAAVK,UAAU;MAEDC,YAAY,GAAAN,IAAA,CAArBO,OAAO;MACPC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;MAAAC,UAAA,GAAAT,IAAA,CAEdU,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACD,KAAK,GAAAD,UAAA;MAE3BG,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,eAAe,GAAAb,IAAA,CAAfa,eAAe;MAAAC,SAAA,GAAAd,IAAA,CACfe,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGH,aAAa,CAACI,IAAI,GAAAD,SAAA;MACzBE,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;MAAAC,WAAA,GAAAjB,IAAA,CACJkB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGN,aAAa,CAACO,MAAM,GAAAD,WAAA;MAAAE,WAAA,GAAAnB,IAAA,CAC7BoB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,aAAa,CAACS,MAAM,GAAAD,WAAA;MAAAE,kBAAA,GAAArB,IAAA,CAC7BsB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAGV,aAAa,CAACW,aAAa,GAAAD,kBAAA;MAAAE,UAAA,GAAAvB,IAAA,CAE3CwB,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGZ,aAAa,CAACR,KAAK,GAAAoB,UAAA;MAAAE,iBAAA,GAAAzB,IAAA,CAE3B0B,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGd,aAAa,CAACe,YAAY,GAAAD,iBAAA;MAAAE,eAAA,GAAA3B,IAAA,CACzC4B,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAGhB,aAAa,CAACiB,UAAU,GAAAD,eAAA;MAAAE,gBAAA,GAAA7B,IAAA,CACrC8B,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGlB,aAAa,CAACmB,WAAW,GAAAD,gBAAA;MAAAE,qBAAA,GAAA/B,IAAA,CACvCgC,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAGpB,aAAa,CAACqB,oBAAoB,GAAAD,qBAAA;MAAAE,qBAAA,GAAAjC,IAAA,CAEzDkC,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAGtB,aAAa,CAACuB,oBAAoB,GAAAD,qBAAA;MAAAE,kBAAA,GAAAnC,IAAA,CACzDoC,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAGxB,aAAa,CAACyB,aAAa,GAAAD,kBAAA;MAAAE,gBAAA,GAAArC,IAAA,CAC3CsC,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAG1B,aAAa,CAAC2B,WAAW,GAAAD,gBAAA;MAEvCE,WAAW,GAAAvC,IAAA,CAAXuC,WAAW;MACXC,YAAY,GAAAxC,IAAA,CAAZwC,YAAY;MAEZC,SAAS,GAAAzC,IAAA,CAATyC,SAAS;MAETC,iBAAiB,GAAA1C,IAAA,CAAjB0C,iBAAiB;MACjBC,oBAAoB,GAAA3C,IAAA,CAApB2C,oBAAoB;MACpBC,QAAQ,GAAA5C,IAAA,CAAR4C,QAAQ;AACLC,MAAAA,IAAI,GAAAC,wBAAA,CAAA9C,IAAA,EAAA+C,SAAA,CAAA,CAAA;IAIX,IAAAC,SAAA,GAAkCC,QAAQ,CAAS7C,YAAY,IAAIO,aAAa,CAACR,KAAK,CAAC;MAAA+C,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhFI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,IAAMI,SAAS,GAAGpD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIkD,SAAS,CAAA;AAEzC,IAAA,IAAAG,UAAA,GAAwCN,QAAQ,CAC5CrB,UAAU,GAAGpB,cAAc,IAAIG,aAAa,CAACJ,OAAO,GAAGiD,SAC3D,CAAC;MAAAC,UAAA,GAAAN,cAAA,CAAAI,UAAA,EAAA,CAAA,CAAA;AAFMG,MAAAA,YAAY,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,eAAe,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAGpC,IAAMG,YAAY,GAAGtD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAIoD,YAAY,CAAA;AAEjD,IAAA,IAAMG,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAAC,UAAA,GAAoCd,QAAQ,CAAS,CAAC,CAAC;MAAAe,UAAA,GAAAb,cAAA,CAAAY,UAAA,EAAA,CAAA,CAAA;AAAhDE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,IAAA,IAAMG,KAAK,GAAGC,IAAI,CAACC,IAAI,CAAC7C,KAAK,IAAIoC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAA;IACpD,IAAMU,QAAQ,GAAGC,WAAW,CAACjB,SAAS,EAAEa,KAAK,EAAEzD,KAAK,CAAC,CAAA;AAErD,IAAA,IAAM8D,SAAS,GAAGC,OAAO,IAAAC,MAAA,CAAI3D,IAAI,EAA+B,MAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAM4D,YAAY,GAAGzD,MAAM,GAAG,eAAe,GAAG,eAAe,CAAA;IAE/D,IAAM0D,oBAAoB,GAAGhD,UAAU,IAAI,CAACvB,UAAU,GAAGoE,OAAO,CAACG,oBAAoB,GAAGpB,SAAS,CAAA;IACjG,IAAMqB,gBAAgB,GAAGnD,YAAY,GAAG+C,OAAO,CAACI,gBAAgB,GAAGrB,SAAS,CAAA;AAE5E,IAAA,IAAMsB,QAAQ,GAAGxD,aAAa,CAACyD,GAAG,CAAC,UAACC,EAAE,EAAA;MAAA,OAAMC,QAAQ,CAACD,EAAE,CAAC,GAAGE,MAAM,CAACF,EAAE,CAAC,GAAG,IAAI,CAAA;AAAA,KAAC,CAAC,CAAA;AAE9E,IAAA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIC,kBAA2B,EAAK;MAChD,IAAIC,YAAY,GAAGD,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAIzE,aAAa,CAACR,KAAK,CAAA;MAC5D,IAAIkF,YAAY,GAAGlB,KAAK,EAAE;AACtBkB,QAAAA,YAAY,GAAGlB,KAAK,CAAA;AACxB,OAAA;MAEA,IAAIkB,YAAY,GAAG,CAAC,EAAE;AAClBA,QAAAA,YAAY,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,MAAA,IAAIP,QAAQ,CAACQ,QAAQ,CAACD,YAAY,CAAC,EAAE;AACjC,QAAA,OAAA;AACJ,OAAA;MAEAhC,YAAY,CAACgC,YAAY,CAAC,CAAA;AAE1B,MAAA,OAAOA,YAAY,CAAA;KACtB,CAAA;AAED,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIH,kBAA2B,EAAK;AACnD,MAAA,IAAMI,QAAQ,GAAGL,UAAU,CAACC,kBAAkB,CAAC,CAAA;MAE/CxC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAG4C,QAAQ,EAAE5B,YAAY,CAAC,CAAA;AAClClB,MAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAjBA,iBAAiB,CAAG8C,QAAQ,CAAC,CAAA;KAChC,CAAA;AAED,IAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,eAAuB,EAAK;MACnD/B,eAAe,CAAC+B,eAAe,CAAC,CAAA;MAEhC9C,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAGU,SAAS,EAAEoC,eAAe,CAAC,CAAA;AACtC/C,MAAAA,oBAAoB,aAApBA,oBAAoB,KAAA,KAAA,CAAA,IAApBA,oBAAoB,CAAG+C,eAAe,CAAC,CAAA;KAC1C,CAAA;AAED,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAAmB,EAAK;AACzC,MAAA,IAAIC,cAAc,CAACD,WAAW,CAAC,EAAE;AAC7B,QAAA,OAAA;AACJ,OAAA;MAEAL,aAAa,CAACK,WAAW,CAAC,CAAA;KAC7B,CAAA;AAED,IAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAiB,EAAK;MAC1C,OAAOxC,SAAS,KAAKwC,SAAS,GAAGrB,OAAO,CAACsB,0BAA0B,GAAG,EAAE,CAAA;KAC3E,CAAA;AAEDC,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,UAACC,OAAO,EAAK;QAC7C,IAAMC,QAAQ,GAAGD,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW,CAACC,KAAK,CAAA;QAC7CpC,aAAa,CAACkC,QAAQ,CAAC,CAAA;AAC3B,OAAC,CAAC,CAAA;MAEF,IAAIvC,QAAQ,CAAC0C,OAAO,EAAE;AAClBN,QAAAA,QAAQ,CAACO,OAAO,CAAC3C,QAAQ,CAAC0C,OAAO,CAAC,CAAA;AACtC,OAAA;MAEA,OAAO,YAAA;AAAA,QAAA,OAAMN,QAAQ,CAACQ,UAAU,EAAE,CAAA;AAAA,OAAA,CAAA;AACtC,KAAC,EAAE,CAAC1F,IAAI,CAAC,CAAC,CAAA;AAEV,IAAA,oBACI2F,KAAA,CAAAC,aAAA,CAAC7G,IAAI,EAAA8G,QAAA,CAAA;AACD5F,MAAAA,IAAI,EAAEA,IAAK;AACXJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,eAAe,EAAEA,eAAgB;MACjCgG,SAAS,EAAEC,EAAE,CAACrC,OAAO,CAACsC,OAAO,EAAEvC,SAAS,CAAE;AAC1CvE,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EACL4C,IAAI,CAER6D,eAAAA,KAAA,CAAAC,aAAA,CAACK,cAAc,EAAA;AAACH,MAAAA,SAAS,EAAErC,SAAAA;AAAU,KAAA,eACjCkC,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAA;AAAChH,MAAAA,GAAG,EAAE4D,QAAAA;AAAS,KAAA,EAC1BtB,WAAW,iBACRmE,KAAA,CAAAC,aAAA,CAACO,qBAAqB,EAAA;AAAClF,MAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,KAAA,EAC7DO,WACkB,CAC1B,EACA+B,QAAQ,IACLA,QAAQ,CAACS,GAAG,CAAC,UAACoC,OAAO,EAAEC,YAAY,EAAA;AAAA,MAAA,oBAC/BV,KAAA,CAAAC,aAAA,CAACU,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,YAAAA;OACVA,EAAAA,YAAY,KAAK,CAAC,iBACfV,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA;AACdC,QAAAA,UAAU,EAAC,OAAO;QAClB1C,QAAQ,EAAA,IAAA;QACR+B,SAAS,EAAEpC,OAAO,CAACgD,cAAAA;AAAe,OAAA,EACrC,KAEkB,CACtB,eACDf,KAAA,CAAAC,aAAA,CAACe,iBAAiB,EACbP,IAAAA,EAAAA,OAAO,CAACpC,GAAG,CAAC,UAACa,WAAW,EAAE+B,KAAK,EAAA;AAAA,QAAA,oBAC5BjB,KAAA,CAAAC,aAAA,CAACiB,gBAAgB,EAAA;UACbN,GAAG,EAAA,EAAA,CAAA5C,MAAA,CAAKkB,WAAW,OAAAlB,MAAA,CAAIiD,KAAK,CAAG;UAC/Bd,SAAS,EAAEC,EAAE,CACTrC,OAAO,CAACoD,oBAAoB,EAC5BhC,cAAc,CAACD,WAAW,CAAC,EAC3Bd,QAAQ,CAACQ,QAAQ,CAACM,WAAW,CAAC,GAAGnB,OAAO,CAACgD,cAAc,GAAG,EAC9D,CAAE;AACFK,UAAAA,GAAG,EAAEnD,YAAa;AAClBG,UAAAA,QAAQ,EAAEA,QAAQ,CAACQ,QAAQ,CAACM,WAAW,CAAE;AACzCxE,UAAAA,MAAM,EAAEA,MAAO;UACf2G,OAAO,EAAE,SAAAA,OAAA,GAAA;YAAA,OAAMpC,WAAW,CAACC,WAAW,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,EAEvCA,WACa,CAAC,CAAA;OACtB,CACc,CACb,CAAC,CAAA;KACd,CAAC,EACLpD,YAAY,iBACTkE,KAAA,CAAAC,aAAA,CAACO,qBAAqB,EAAA;AAAClF,MAAAA,oBAAoB,EAAEA,oBAAAA;KACxCQ,EAAAA,YACkB,CAEd,CAAC,eAClBkE,KAAA,CAAAC,aAAA,CAACqB,iBAAiB,EAAA;AACdC,MAAAA,KAAK,EACDlH,IAAI,KAAK,SAAS,GACZ;AAAEuF,QAAAA,KAAK,EAAA5B,EAAAA,CAAAA,MAAA,CAAKT,UAAU,EAAI,IAAA,CAAA;QAAEiE,QAAQ,EAAA,EAAA,CAAAxD,MAAA,CAAKT,UAAU,EAAA,IAAA,CAAA;AAAK,OAAC,GACzD;QAAEqC,KAAK,EAAA,cAAA,CAAA5B,MAAA,CAAiBT,UAAU,EAAA,KAAA,CAAA;OAC3C;MACD4C,SAAS,EAAEC,EAAE,CAACrC,OAAO,CAAC0D,OAAO,EAAE3D,SAAS,EAAEI,oBAAoB,EAAEC,gBAAgB,CAAA;AAAE,KAAA,eAElF6B,KAAA,CAAAC,aAAA,CAACyB,qBAAqB,EAAA,IAAA,EACjB1G,YAAY,iBACTgF,KAAA,CAAAC,aAAA,CAAC0B,yBAAyB,EAAA;AACtBnG,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CE,MAAAA,aAAa,EAAEA,aAAc;AAC7BkG,MAAAA,aAAa,EAAE/C,aAAAA;KAClB,CACJ,EACAlF,UAAU,iBAAIqG,KAAA,CAAAC,aAAA,CAAC4B,oBAAoB,EAAA,IAAA,EAAElI,UAAiC,CACpD,CAAC,EACvBuB,UAAU,iBACP8E,KAAA,CAAAC,aAAA,CAAC6B,uBAAuB,EAAA;AACpBlG,MAAAA,WAAW,EAAEA,WAAY;AACzBsB,MAAAA,YAAY,EAAEA,YAAa;AAC3B9B,MAAAA,WAAW,EAAEA,WAAY;AACzBwG,MAAAA,aAAa,EAAE7C,iBAAkB;AACjCzE,MAAAA,IAAI,EAAEA,IAAK;AACXyB,MAAAA,SAAS,EAAEA,SAAAA;KACd,CAEU,CACP,CACd,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMgG,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE/I,cAAc;AACtBgJ,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRlI,IAAAA,IAAI,EAAE;AACFmI,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDhI,IAAAA,IAAI,EAAE;AACF+H,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDlI,IAAAA,IAAI,EAAE;AACFgI,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvI,IAAAA,IAAI,EAAE,OAAO;AACbI,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment, useRef, useEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n PaginationActionsLeft,\n PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n helperText,\n helperTextEllipsis,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth = 'fit-content',\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pagesRef = useRef<HTMLDivElement>(null);\n const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n const [rootWidth, setRootWidth] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const forkRef = useForkRef(rootRef, ref);\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setPagesWidth(newWidth);\n });\n\n if (pagesRef.current) {\n observer.observe(pagesRef.current);\n }\n\n return () => observer.disconnect();\n }, [type]);\n\n useEffect(() => {\n if (!rootRef.current) return;\n\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setRootWidth(newWidth);\n });\n\n observer.observe(rootRef.current);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={forkRef}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages ref={pagesRef}>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <Fragment key={indexSection}>\n {indexSection !== 0 && (\n <PaginationShorter\n stretching=\"fixed\"\n disabled\n className={classes.buttonDisabled}\n >\n ...\n </PaginationShorter>\n )}\n <PaginationSection>\n {section.map((currentPage, index) => (\n <PaginationButton\n key={`${currentPage}_${index}`}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(currentPage),\n disabled.includes(currentPage) ? classes.buttonDisabled : '',\n )}\n pin={roundedClass}\n disabled={disabled.includes(currentPage)}\n square={square}\n onClick={() => handleClick(currentPage)}\n >\n {currentPage}\n </PaginationButton>\n ))}\n </PaginationSection>\n </Fragment>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n style={type === 'compact' ? { minWidth: '0px' } : { width: `calc(100% - ${pagesWidth}px)` }}\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n <PaginationActionsLeft className={typeClass}>\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\n {helperText && (\n <PaginationHelperText\n className={cx(typeClass, helperTextEllipsis ? classes.ellipsisText : '')}\n style={{ maxWidth: rootWidth }}\n >\n {helperText}\n </PaginationHelperText>\n )}\n </PaginationActionsLeft>\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","helperTextEllipsis","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","_useState7","_useState8","rootWidth","setRootWidth","rootRef","forkRef","useForkRef","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","observer","ResizeObserver","entries","newWidth","contentRect","width","current","observe","disconnect","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","style","minWidth","actions","PaginationActionsLeft","PaginationQuickJumpToPage","onChangeValue","PaginationHelperText","ellipsisText","maxWidth","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/Pagination.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Pagination.styles_12nltx1.css';
+import './Pagination.styles_1ptuxg8.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { buttonConfig } from '../Button/Button.js';

package/es/components/Pagination/Pagination.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n &.${classes.defaultType} {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n ~~margin: 0 auto;\n~~ flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n min-width: 0;\n flex: 1;\n flex-shrink: 1;\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n ~~text~~-~~overflow~~: ~~ellipsis~~;\n overflow: hidden;\n white-space: nowrap;\n ~~min~~-~~width~~: 0;\n ~~flex~~-~~shrink~~: 1;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp9","PaginationButtonGroup","_exp46","PaginationButton","_exp102","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAiBnC~~,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAMpC~~,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAwBtC~~,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,~~GAtEgBA~~,~~SAsEhBA~~,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,~~GAhGgBA~~,~~SAgGhBA~~,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,~~GAzJgBA~~,~~SAyJhBA~~,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAEM,IAAMU,qBAAqB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAO1C~~,EAAA;AAEM,IAAMW,oBAAoB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAOzC~~;;;;"}
1	+ {"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: 0.5rem var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.5rem var(${tokens.paginationHelperTextGap});\n\n .${classes.defaultType} & {\n min-width: 0;\n flex-wrap: nowrap;\n flex-shrink: 1;\n }\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n\n &.${classes.defaultType} {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-shrink: 1;\n }\n\n &.${classes.ellipsisText} {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp9","PaginationButtonGroup","_exp46","PaginationButton","_exp102","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GAvEgBA,SAuEhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GAjGgBA,SAiGhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,GA1JgBA,SA0JhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAEM,IAAMU,qBAAqB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW1C,EAAA;AAEM,IAAMW,oBAAoB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBzC;;;;"}

package/{cjs/components/Pagination/Pagination.styles_12nltx1.css → es/components/Pagination/Pagination.styles_1ptuxg8.css} RENAMED Viewed

@@ -1,9 +1,9 @@
-.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.p1m4gnut.pagination-type-default{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;}.p19axp12.pagination-type-default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.p1m4gnut.pagination-type-default{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.p19axp12.pagination-type-default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
 .p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
 .pivhg1z{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
 .pshury3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.pshury3.pagination-page-button-active{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.pshury3.pagination-button-disabled{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.pshury3:focus{outline:none;}.pshury3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.pshury3.focus-visible:focus::before,.pshury3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
 .pwlctp1.pshury3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
-.p1tvr3oq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);min-width:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
-.p1ea7rbb{color:var(--plasma-pagination-helper-text-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.p1tvr3oq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.pagination-type-default .p1tvr3oq{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.p1ea7rbb{color:var(--plasma-pagination-helper-text-color);}.p1ea7rbb.pagination-type-default{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p1ea7rbb.pagination-ellipsis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/es/components/Pagination/Pagination.tokens.js CHANGED Viewed

@@ -4,6 +4,7 @@ var classes = {
   actions: 'pagination-actions',
   perPage: 'pagination-perpage-select',
   quickJump: 'pagination-quick-jump-page',
+  ellipsisText: 'pagination-ellipsis-text',
   selectWrapper: 'pagination-select-wrapper',
   defaultType: 'pagination-type-default',
   compactType: 'pagination-type-compact',

package/es/components/Pagination/Pagination.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n paginationHelperTextColor: '--plasma-pagination-helper-text-color',\n paginationHelperTextGap: '--plasma-pagination-helper-text-gap',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","paginationHelperTextColor","paginationHelperTextGap","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,KAAK,EAAE,kBAAkB;AACzBC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,SAAS,EAAE,4BAA4B;~~AAEvCC~~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"}
1	+ {"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n wrapper: 'pagination-wrapper',\n pages: 'pagination-pages',\n actions: 'pagination-actions',\n perPage: 'pagination-perpage-select',\n quickJump: 'pagination-quick-jump-page',\n ellipsisText: 'pagination-ellipsis-text',\n\n selectWrapper: 'pagination-select-wrapper',\n\n defaultType: 'pagination-type-default',\n compactType: 'pagination-type-compact',\n\n withHasQuickJump: 'pagination-has-quick-jump',\n withHasPerPageSelect: 'pagination-has-perpage-select',\n\n paginationPageButton: 'pagination-page-button',\n paginationPageButtonActive: 'pagination-page-button-active',\n\n paginationIconReverse: 'pagination-icon-reverse',\n buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n paginationWidth: '--plasma-pagination-width',\n paginationColor: '--plasma-pagination-color',\n paginationHelperTextColor: '--plasma-pagination-helper-text-color',\n paginationHelperTextGap: '--plasma-pagination-helper-text-gap',\n\n buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n buttonColor: '--plasma-pagination-button-color',\n buttonColorHover: '--plasma-pagination-button-color-hover',\n buttonColorActive: '--plasma-pagination-button-color-active',\n buttonHoverColor: '--plasma-pagination-button-color-hover',\n buttonActiveColor: '--plasma-pagination--button-color-active',\n buttonFocusColor: '--plasma-pagination--button-color-focus',\n buttonArrowColor: '--plasma-pagination--button-arrow-color',\n buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n buttonHeight: '--plasma-pagination-button-height',\n buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n buttonWidth: '--plasma-pagination-button-width',\n paginationInputWidth: '--plasma-pagination-input-width',\n buttonRadius: '--plasma-pagination-button-radius',\n paginationIconSize: '--plasma-pagination-icon-size',\n paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n paginationFontFamily: '--plasma-pagination-font-family',\n paginationFontSize: '--plasma-pagination-font-size',\n paginationFontStyle: '--plasma-pagination-font-style',\n paginationFontWeight: '--plasma-pagination-font-weight',\n paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n paginationLineHeight: '--plasma-pagination-line-height',\n\n selectHeight: '--plasma-pagination-select-height',\n selectPaddingTop: '--plasma-pagination-select-padding-top',\n selectPaddingRight: '--plasma-pagination-select-padding-right',\n selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n selectPaddingLeft: '--plasma-pagination-select-padding-left',\n selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n selectItemHeight: '--plasma-pagination-select-item-height',\n selectItemPadding: '--plasma-pagination-select-item-padding',\n selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n selectTargetPadding: '--plasma-pagination-select-target-padding',\n selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n inputBackgroundColor: '--plasma-pagination-input-bg-color',\n inputColor: '--plasma-pagination-input-color',\n inputBorderRadius: '--plasma-pagination-input-border-radius',\n inputWidth: '--plasma-pagination-input-width',\n inputHeight: '--plasma-pagination-input-height',\n inputBorderColor: '--plasma-pagination-input-border-color',\n inputBorderWidth: '--plasma-pagination-input-border-width',\n inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","ellipsisText","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","paginationHelperTextColor","paginationHelperTextGap","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"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"}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css CHANGED Viewed

@@ -163,12 +163,12 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
-.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
-.PaginationSelectPerPage_styles_1hn2h4g_s1e57mfu__7f3eb27d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.PaginationSelectPerPage_styles_1hn2h4g_s5dck5y__7f3eb27d{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
-.PaginationSelectPerPage_styles_1hn2h4g_squvg2e__7f3eb27d{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_10zfeps_s1e57mfu__35e47b73{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.PaginationSelectPerPage_styles_10zfeps_s5dck5y__35e47b73{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_10zfeps_squvg2e__35e47b73{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './PaginationSelectPerPage.styles_1hn2h4g.css';
+import './PaginationSelectPerPage.styles_10zfeps.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { selectConfig } from '../../../Select/Select.js';

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n ~~flex-shrink: 0;\n~~`;\n\nexport const SelectPerPageSelect = styled(Select)`\n ${selectTokens.buttonColor}: var(${tokens.buttonColor});\n ${selectTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${selectTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${selectTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${selectTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${selectTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n ${selectTokens.buttonPadding}: var(${tokens.selectTargetPadding});\n ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n ${selectTokens.buttonArrowColor}: var(${tokens.buttonArrowColor});\n ${selectTokens.buttonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n ${selectTokens.buttonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n ${selectTokens.buttonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n ${selectTokens.padding}: 0.125rem;\n\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n\n ${selectTokens.fontFamily}: var(${tokens.paginationFontFamily});\n ${selectTokens.fontSize}: var(${tokens.paginationFontSize});\n ${selectTokens.fontStyle}: var(${tokens.paginationFontStyle});\n ${selectTokens.fontWeight}: var(${tokens.paginationFontWeight});\n ${selectTokens.fontLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${selectTokens.fontLineHeight}: var(${tokens.paginationLineHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;AAMA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAKtC~~,EAAA;AAAC,IAAAC,IAAA,~~GAbgBA~~,~~SAahBA~~,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,MAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6BxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;"}
1	+ {"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n ${selectTokens.buttonColor}: var(${tokens.buttonColor});\n ${selectTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${selectTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${selectTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${selectTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${selectTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n ${selectTokens.buttonPadding}: var(${tokens.selectTargetPadding});\n ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n ${selectTokens.buttonArrowColor}: var(${tokens.buttonArrowColor});\n ${selectTokens.buttonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n ${selectTokens.buttonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n ${selectTokens.buttonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n ${selectTokens.padding}: 0.125rem;\n\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n\n ${selectTokens.fontFamily}: var(${tokens.paginationFontFamily});\n ${selectTokens.fontSize}: var(${tokens.paginationFontSize});\n ${selectTokens.fontStyle}: var(${tokens.paginationFontStyle});\n ${selectTokens.fontWeight}: var(${tokens.paginationFontWeight});\n ${selectTokens.fontLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${selectTokens.fontLineHeight}: var(${tokens.paginationLineHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n font-family: var(${tokens.paginationFontFamily});\n font-size: var(${tokens.paginationFontSize});\n font-style: var(${tokens.paginationFontStyle});\n font-weight: var(${tokens.paginationFontWeight});\n letter-spacing: var(${tokens.paginationLetterSpacing});\n line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;AAMA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,MAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6BxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;"}

package/{cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1hn2h4g.css → es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css} RENAMED Viewed

@@ -1,3 +1,3 @@
-.s1e57mfu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.s1e57mfu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
 .s5dck5y{--plasma-select-button-color:var(--plasma-pagination-button-color);--plasma-select-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
 .squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Select/Select.css CHANGED Viewed

@@ -163,8 +163,8 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
-.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Select/Select.js CHANGED Viewed

@@ -21,7 +21,7 @@ import { VirtualList } from './ui/VirtualList/VirtualList.js';
 import { Inner } from './ui/Inner/Inner.js';
 import { getView } from './utils/getView.js';
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "_offset", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
+var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "mode", "_offset", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
@@ -46,7 +46,6 @@ var selectRoot = function selectRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       outerView = props.view,
       size = props.size,
-      listOverflow = props.listOverflow,
       listHeight = props.listHeight,
       listMaxHeight = props.listMaxHeight,
       listWidth = props.listWidth,
@@ -72,6 +71,8 @@ var selectRoot = function selectRoot(Root) {
       _props$virtual = props.virtual,
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       onToggle = props.onToggle,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'default' : _props$mode,
       _offset = props._offset,
       required = props.required,
       requiredPlacement = props.requiredPlacement,
@@ -122,6 +123,7 @@ var selectRoot = function selectRoot(Root) {
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var treeId = safeUseId();
+    var listWrapperRef = useRef(null);
     var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
@@ -256,6 +258,11 @@ var selectRoot = function selectRoot(Root) {
           type: 'reset'
         });
       }
+      // Закрываем список, если элемент уже выбран.
+      if (mode === 'radio' && isCurrentChecked) {
+        return;
+      }
       if (onChange) {
         onChange(isCurrentChecked ? '' : item.value, item);
       }
@@ -410,12 +417,12 @@ var selectRoot = function selectRoot(Root) {
       disabled: disabled,
       readOnly: readOnly
     }, rest), /*#__PURE__*/React.createElement(ListWrapper, {
+      ref: listWrapperRef,
       listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),
       "aria-multiselectable": Boolean(props.multiselect),
-      listOverflow: listOverflow,
       listMaxHeight: listMaxHeight || listHeight,
       onScroll: virtual ? undefined : handleScroll,
       ref: targetRef,
@@ -438,7 +445,8 @@ var selectRoot = function selectRoot(Root) {
         path: path,
         dispatchPath: dispatchPath,
         index: index,
-        listWidth: listWidth
+        listWidth: listWidth,
+        portal: listWrapperRef
       });
     }), afterList))))));
   });