npm - @salutejs/plasma-new-hope - Versions diffs - 0.336.0-canary.2228.17672900057.0 → 0.336.0-canary.2233.17737701789.0 - Mend

@salutejs/plasma-new-hope 0.336.0-canary.2228.17672900057.0 → 0.336.0-canary.2233.17737701789.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 (494) hide show

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
 var index$1 = require('../../utils/index.js');
 var Pagination_styles = require('./Pagination.styles.js');
 var index = require('./utils/index.js');
@@ -19,11 +20,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var _excluded = ["value", "defaultValue", "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", "singleLine", "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__*/React.forwardRef(function (_ref, ref) {
     var outerValue = _ref.value,
       defaultValue = _ref.defaultValue,
+      helperText = _ref.helperText,
+      singleLine = _ref.singleLine,
       outerPerPage = _ref.perPage,
       defaultPerPage = _ref.defaultPerPage,
       _ref$slots = _ref.slots,
@@ -73,11 +76,22 @@ var paginationRoot = function paginationRoot(Root) {
       perPageInner = _useState4[0],
       setPerPageInner = _useState4[1];
     var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+    var pagesRef = React.useRef(null);
+    var _useState5 = React.useState(0),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      pagesWidth = _useState6[0],
+      setPagesWidth = _useState6[1];
+    var _useState7 = React.useState(0),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      rootWidth = _useState8[0],
+      setRootWidth = _useState8[1];
+    var rootRef = React.useRef(null);
+    var forkRef = plasmaCore.useForkRef(rootRef, ref);
     var pages = Math.ceil(count / (perPageValue || 1));
     var sections = index.getSections(pageValue, pages, slots);
     var typeClass = Pagination_tokens.classes["".concat(type, "Type")];
     var roundedClass = pilled ? 'circle-circle' : 'square-square';
-    var withHasPerPageSelect = hasPerPage ? Pagination_tokens.classes.withHasPerPageSelect : undefined;
+    var withHasPerPageSelect = hasPerPage && !helperText ? Pagination_tokens.classes.withHasPerPageSelect : undefined;
     var withHasQuickJump = hasQuickJump ? Pagination_tokens.classes.withHasQuickJump : undefined;
     var disabled = disabledPages.map(function (el) {
       return isNumber.isNumber(el) ? Number(el) : null;
@@ -115,15 +129,41 @@ var paginationRoot = function paginationRoot(Root) {
     var isActiveButton = function isActiveButton(checkPage) {
       return pageValue === checkPage ? Pagination_tokens.classes.paginationPageButtonActive : '';
     };
+    React.useEffect(function () {
+      var observers = [];
+      if (pagesRef.current) {
+        var pagesObserver = new ResizeObserver(function (entries) {
+          var newWidth = entries[0].contentRect.width;
+          setPagesWidth(newWidth);
+        });
+        pagesObserver.observe(pagesRef.current);
+        observers.push(pagesObserver);
+      }
+      if (rootRef.current) {
+        var rootObserver = new ResizeObserver(function (entries) {
+          var newWidth = entries[0].contentRect.width;
+          setRootWidth(newWidth);
+        });
+        rootObserver.observe(rootRef.current);
+        observers.push(rootObserver);
+      }
+      return function () {
+        observers.forEach(function (observer) {
+          return observer.disconnect();
+        });
+      };
+    }, [type]);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       size: size,
       view: view,
       viewCurrentPage: viewCurrentPage,
       className: index$1.cx(Pagination_tokens.classes.wrapper, typeClass),
-      ref: ref
+      ref: forkRef
     }, rest), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationRoot, {
       className: typeClass
-    }, /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationPages, null, leftContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
+    }, /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationPages, {
+      ref: pagesRef
+    }, leftContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
       return /*#__PURE__*/React__default.default.createElement(React.Fragment, {
@@ -147,12 +187,24 @@ var paginationRoot = function paginationRoot(Root) {
     }), rightContent && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, rightContent)), /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationActions, {
+      style: type === 'compact' ? {
+        minWidth: '0px'
+      } : {
+        width: "calc(100% - ".concat(pagesWidth, "px)")
+      },
       className: index$1.cx(Pagination_tokens.classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
+    }, /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationActionsLeft, {
+      className: typeClass
     }, hasQuickJump && /*#__PURE__*/React__default.default.createElement(PaginationQuickJumpToPage.PaginationQuickJumpToPage, {
       placeholderQuickJump: placeholderQuickJump,
       textQuickJump: textQuickJump,
       onChangeValue: handleSetPage
-    }), hasPerPage && /*#__PURE__*/React__default.default.createElement(PaginationSelectPerPage.PaginationSelectPerPage, {
+    }), helperText && /*#__PURE__*/React__default.default.createElement(Pagination_styles.PaginationHelperText, {
+      className: index$1.cx(typeClass, singleLine ? Pagination_tokens.classes.ellipsisText : ''),
+      style: {
+        maxWidth: rootWidth
+      }
+    }, helperText)), hasPerPage && /*#__PURE__*/React__default.default.createElement(PaginationSelectPerPage.PaginationSelectPerPage, {
       textPerPage: textPerPage,
       perPageValue: perPageValue,
       perPageList: perPageList,

package/cjs/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 } 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} 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\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 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 ? 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 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>\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 className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\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","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","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","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
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 singleLine,\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 observers: ResizeObserver[] = [];\n\n if (pagesRef.current) {\n const pagesObserver = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setPagesWidth(newWidth);\n });\n pagesObserver.observe(pagesRef.current);\n observers.push(pagesObserver);\n }\n\n if (rootRef.current) {\n const rootObserver = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setRootWidth(newWidth);\n });\n rootObserver.observe(rootRef.current);\n observers.push(rootObserver);\n }\n\n return () => {\n observers.forEach((observer) => observer.disconnect());\n };\n }, [type]);\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, singleLine ? 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","singleLine","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","observers","current","pagesObserver","ResizeObserver","entries","newWidth","contentRect","width","observe","push","rootObserver","forEach","observer","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/cjs/components/Pagination/Pagination.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./Pagination.styles_ska0td.css');
+require('./Pagination.styles_qhyqps.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -32,34 +32,46 @@ var PaginationSection = /*#__PURE__*/react.styled('div')({
   "class": "p1rlzvhv",
   propsAsIs: false
 });
-var _exp7 = function _exp7() {
+var _exp9 = function _exp9() {
   return ButtonGroup;
 };
-var PaginationButtonGroup = /*#__PURE__*/react.styled(_exp7())({
+var PaginationButtonGroup = /*#__PURE__*/react.styled(_exp9())({
   name: "PaginationButtonGroup",
   "class": "pivhg1z",
   propsAsIs: true
 });
-var _exp44 = function _exp44() {
+var _exp46 = function _exp46() {
   return Button;
 };
-var PaginationButton = /*#__PURE__*/react.styled(_exp44())({
+var PaginationButton = /*#__PURE__*/react.styled(_exp46())({
   name: "PaginationButton",
   "class": "pshury3",
   propsAsIs: true
 });
-var _exp100 = function _exp100() {
+var _exp102 = function _exp102() {
   return PaginationButton;
 };
-var PaginationShorter = /*#__PURE__*/react.styled(_exp100())({
+var PaginationShorter = /*#__PURE__*/react.styled(_exp102())({
   name: "PaginationShorter",
   "class": "pwlctp1",
   propsAsIs: true
 });
+var PaginationActionsLeft = /*#__PURE__*/react.styled('div')({
+  name: "PaginationActionsLeft",
+  "class": "p1tvr3oq",
+  propsAsIs: false
+});
+var PaginationHelperText = /*#__PURE__*/react.styled('div')({
+  name: "PaginationHelperText",
+  "class": "p1ea7rbb",
+  propsAsIs: false
+});
 exports.PaginationActions = PaginationActions;
+exports.PaginationActionsLeft = PaginationActionsLeft;
 exports.PaginationButton = PaginationButton;
 exports.PaginationButtonGroup = PaginationButtonGroup;
+exports.PaginationHelperText = PaginationHelperText;
 exports.PaginationPages = PaginationPages;
 exports.PaginationRoot = PaginationRoot;
 exports.PaginationSection = PaginationSection;

package/cjs/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 ~~display~~: ~~flex;\~~n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: ~~wrap~~;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n ~~margin~~: 0 ~~auto~~;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n gap: 0.~~625rem~~;\n &.${classes.compactType} {\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"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","~~_exp7~~","PaginationButtonGroup","~~_exp44~~","PaginationButton","~~_exp100~~","PaginationShorter"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,kBAAW,CAACK,+BAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,gBAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAgBtC~~,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,YAAM,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,~~GA5DgBA~~,~~SA4DhBA~~,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,YAAM,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,~~GAtFgBA~~,~~SAsFhBA~~,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,YAAM,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,~~GA/IgBA~~,~~SA+IhBA~~,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,YAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC~~;;;;;;;;;;~~"}
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, applyEllipsis } 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 flex-direction: column;\n gap: 0.5rem;\n justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\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: 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: 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 ${applyEllipsis()}\n flex-shrink: 1;\n }\n\n &.${classes.ellipsisText} {\n ${applyEllipsis()}\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,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,kBAAW,CAACK,+BAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,gBAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,YAAM,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,YAAM,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,YAAM,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,GArEgBA,SAqEhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,YAAM,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,GA/FgBA,SA+FhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,YAAM,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,GAxJgBA,SAwJhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYzC;;;;;;;;;;;;"}

package/cjs/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_qhyqps.css} RENAMED Viewed

@@ -1,7 +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{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:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.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;}
-.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;gap:0.625rem;}.p19axp12.pagination-type-compact{-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{-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%;-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: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;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap: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/cjs/components/Pagination/Pagination.tokens.js CHANGED Viewed

@@ -8,6 +8,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',
@@ -21,6 +22,8 @@ var classes = {
 var tokens = {
   paginationWidth: '--plasma-pagination-width',
   paginationColor: '--plasma-pagination-color',
+  paginationHelperTextColor: '--plasma-pagination-helper-text-color',
+  paginationHelperTextGap: '--plasma-pagination-helper-text-gap',
   buttonBackgroundColor: '--plasma-pagination-button-bg-color',
   buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',
   buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',

package/cjs/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\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","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~~,EAAAA,aAAa,EAAE,2BAA2B;AAE1CC,EAAAA,WAAW,EAAE,yBAAyB;AACtCC,EAAAA,WAAW,EAAE,yBAAyB;AAEtCC,EAAAA,gBAAgB,EAAE,2BAA2B;AAC7CC,EAAAA,oBAAoB,EAAE,+BAA+B;AAErDC,EAAAA,oBAAoB,EAAE,wBAAwB;AAC9CC,EAAAA,0BAA0B,EAAE,+BAA+B;AAE3DC,EAAAA,qBAAqB,EAAE,yBAAyB;AAChDC,EAAAA,cAAc,EAAE,4BAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,2BAA2B;AAC5CC,EAAAA,eAAe,EAAE,2BAA2B;~~AAE5CC~~,EAAAA,qBAAqB,EAAE,qCAAqC;AAC5DC,EAAAA,0BAA0B,EAAE,2CAA2C;AACvEC,EAAAA,2BAA2B,EAAE,4CAA4C;AACzEC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,sBAAsB,EAAE,gDAAgD;AACxEC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,sCAAsC,EAAE,6CAA6C;AACrFC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,2CAA2C,EAAE,mDAAmD;AAChGC,EAAAA,iCAAiC,EAAE,gDAAgD;AACnFC,EAAAA,4CAA4C,EAAE,oDAAoD;AAClGC,EAAAA,kCAAkC,EAAE,kDAAkD;AACtFC,EAAAA,6BAA6B,EAAE,4CAA4C;AAC3EC,EAAAA,uCAAuC,EAAE,+CAA+C;AAExFC,EAAAA,qBAAqB,EAAE,6CAA6C;AAEpEC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,wBAAwB,EAAE,sCAAsC;AAEhEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,kBAAkB,EAAE,0CAA0C;AAC9DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,qBAAqB,EAAE,qCAAqC;AAE5DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,oBAAoB,EAAE,0CAA0C;AAEhEC,EAAAA,sBAAsB,EAAE,+CAA+C;AACvEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,yBAAyB,EAAE,mDAAmD;AAE9EC,EAAAA,oBAAoB,EAAE,oCAAoC;AAC1DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,YAAY,EAAE,mCAAA;AAClB;;;;;"}
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/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.PaginationQuickJumpToPage_styles_89ax1q_qvkjd5d__20a98f50{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;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);}
-.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;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);}.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_89ax1q_q5pbj3r__20a98f50::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_qvkjd5d__6619862a{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;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);}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q1fpu934__6619862a{white-space:nowrap;}
+.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;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);}.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-outer-spin-button,.PaginationQuickJumpToPage_styles_1sw6ww1_q5pbj3r__6619862a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./PaginationQuickJumpToPage.styles_89ax1q.css');
+require('./PaginationQuickJumpToPage.styles_1sw6ww1.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginationQuickJumpToPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Pagination.tokens';\n\nexport const QuickJumpToPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\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\nexport const QuickJumpToPageTypography = styled.div~~``;\~~n\nexport const QuickJumpToPageInput = styled.input`\n background: var(${tokens.inputBackgroundColor});\n color: var(${tokens.inputColor});\n\n width: var(${tokens.inputWidth});\n height: var(${tokens.inputHeight});\n\n box-sizing: border-box;\n outline: none;\n border-radius: var(${tokens.inputBorderRadius});\n padding: var(${tokens.inputPadding});\n\n border-color: var(${tokens.inputBorderColor});\n border-width: var(${tokens.inputBorderWidth});\n border-style: solid;\n\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 &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover /\n -webkit-appearance: none;\n margin: 0; / <-- Apparently some margin are still there even though it's hidden */\n }\n`;\n"],"names":["QuickJumpToPageRoot","styled","name","class","propsAsIs","QuickJumpToPageTypography","QuickJumpToPageInput"],"mappings":";;;;;;AAIO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAWxC~~,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAAM~~,EAAA;~~AAE9C~~,IAAME,oBAAoB,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC;;;;;;"}
1	+ {"version":3,"file":"PaginationQuickJumpToPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Pagination.tokens';\n\nexport const QuickJumpToPageRoot = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n flex-shrink: 0;\n\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\nexport const QuickJumpToPageTypography = styled.div`\n white-space: nowrap;\n`;\n\nexport const QuickJumpToPageInput = styled.input`\n background: var(${tokens.inputBackgroundColor});\n color: var(${tokens.inputColor});\n\n width: var(${tokens.inputWidth});\n height: var(${tokens.inputHeight});\n\n box-sizing: border-box;\n outline: none;\n border-radius: var(${tokens.inputBorderRadius});\n padding: var(${tokens.inputPadding});\n\n border-color: var(${tokens.inputBorderColor});\n border-width: var(${tokens.inputBorderWidth});\n border-style: solid;\n\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 &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover /\n -webkit-appearance: none;\n margin: 0; / <-- Apparently some margin are still there even though it's hidden */\n }\n`;\n"],"names":["QuickJumpToPageRoot","styled","name","class","propsAsIs","QuickJumpToPageTypography","QuickJumpToPageInput"],"mappings":";;;;;;AAIO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9C,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC;;;;;;"}

package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} RENAMED Viewed

@@ -1,3 +1,3 @@
-.qvkjd5d{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;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);}
+.qvkjd5d{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;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);}
+.q1fpu934{white-space:nowrap;}
 .q5pbj3r{background:var(--plasma-pagination-input-bg-color);color:var(--plasma-pagination-input-color);width:var(--plasma-pagination-input-width);height:var(--plasma-pagination-input-height);box-sizing:border-box;outline:none;border-radius:var(--plasma-pagination-input-border-radius);padding:var(--plasma-pagination-input-padding);border-color:var(--plasma-pagination-input-border-color);border-width:var(--plasma-pagination-input-border-width);border-style:solid;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);}.q5pbj3r::-webkit-outer-spin-button,.q5pbj3r::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

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

@@ -101,6 +101,9 @@
 .TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 .TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
+.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 .Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}

package/cjs/components/Popover/Popover.js CHANGED Viewed

@@ -12,6 +12,7 @@ var Popover_styles = require('./Popover.styles.js');
 var Popover_tokens = require('./Popover.tokens.js');
 var usePopoverOffset = require('./hooks/usePopoverOffset.js');
 var useFocusTrap = require('../../hooks/useFocusTrap.js');
+var react = require('../../utils/react.js');
 var Portal = require('../Portal/Portal.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -64,6 +65,7 @@ var popoverRoot = function popoverRoot(Root) {
     var portalRef = React.useRef(null);
     var targetRef = React.useRef(null);
     var trapRef = useFocusTrap.useFocusTrap(innerIsOpen && isFocusTrapped);
+    var uuid = react.safeUseId();
     var popoverForkRef = plasmaCore.useForkRef(popoverRef, trapRef);
     var _useState = React.useState(null),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -186,8 +188,9 @@ var popoverRoot = function popoverRoot(Root) {
         portal = rootRef.current;
       }
       if (!portal) {
+        var portalId = "".concat(POPOVER_PORTAL_ID, "-").concat(uuid);
         portal = document.createElement('div');
-        portal.setAttribute('id', POPOVER_PORTAL_ID);
+        portal.setAttribute('id', portalId);
         if (typeof frame === 'string' && frame !== 'document') {
           var _document$getElementB;
           (_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);