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

@salutejs/plasma-new-hope 0.336.0-canary.2163.17581420375.0 → 0.336.0-canary.2163.17602400013.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 (35) hide show

package/cjs/components/Dropdown/FloatingPopover.js CHANGED Viewed

@@ -58,7 +58,7 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })
   });
   var click = react.useClick(context, {
-    stickIfOpen: false,
+    toggle: false,
     ignoreMouse: trigger === 'hover'
   });
   var _useInteractions = react.useInteractions([hover, click]),

package/cjs/components/Dropdown/FloatingPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n autoUpdate,\n useHover,\n useInteractions,\n safePolygon,\n useClick,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 8], isInner, trigger, zIndex }, ref) => {\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted(referenceEl, floatingEl, update) {\n return autoUpdate(referenceEl, floatingEl, update, {\n ancestorScroll: false,\n ancestorResize: false,\n layoutShift: false,\n });\n },\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n onOpenChange: onToggle,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({\n mainAxis: isInner ? LIST_PADDING * 2 : offset[1],\n crossAxis: isInner ? -LIST_PADDING : offset[0],\n }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const hover = useHover(context, {\n enabled: trigger === 'hover',\n delay: {\n open: 0,\n close: 50,\n },\n handleClose: safePolygon({\n requireIntent: false,\n }),\n });\n const click = useClick(context, {\n ~~stickIfOpen~~: false,\n ignoreMouse: trigger === 'hover',\n });\n\n const { getReferenceProps } = useInteractions([hover, click]);\n\n return (\n <div\n ref={ref}\n id={wrappedId}\n style={{\n position: 'relative',\n display: isInner ? 'block' : 'inline-block',\n }}\n >\n <div ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n style={{\n ...floatingStyles,\n zIndex: zIndex \|\| 1000,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","zIndex","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","undefined","open","onOpenChange","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","context","wrappedId","safeUseId","hover","useHover","enabled","delay","close","handleClose","safePolygon","requireIntent","click","useClick","~~stickIfOpen~~","ignoreMouse","_useInteractions","useInteractions","getReferenceProps","React","createElement","id","style","position","display","_extends","setReference","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":";;;;;;;;;;;;;AAkBA;AACA,IAAMA,YAAY,GAAG,CAAC,CAAA;AAEhBC,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,EAAuGC,GAAG,EAAK;AAAA,EAAA,IAA5GC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAAC,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;IAAEE,OAAO,GAAAV,IAAA,CAAPU,OAAO;IAAEC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IAAEC,MAAM,GAAAZ,IAAA,CAANY,MAAM,CAAA;EAC/F,IAAAC,YAAA,GAA0CC,iBAAW,CAAC;AAClDC,MAAAA,oBAAoB,WAAAA,oBAACC,CAAAA,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAClD,QAAA,OAAOC,gBAAU,CAACH,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAC/CE,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,WAAW,EAAE,KAAA;AACjB,SAAC,CAAC,CAAA;OACL;AACDhB,MAAAA,SAAS,EAAEA,SAAS,KAAK,MAAM,GAAGiB,SAAS,GAAGjB,SAAS;AACvDkB,MAAAA,IAAI,EAAEpB,MAAM;AACZqB,MAAAA,YAAY,EAAEpB,QAAQ;MACtBqB,UAAU,EAAE,CACRpB,SAAS,KAAK,MAAM,IAAIqB,mBAAa,EAAE,EACvCC,YAAgB,CAAC;QACbC,QAAQ,EAAEnB,OAAO,GAAGb,YAAY,GAAG,CAAC,GAAGY,MAAM,CAAC,CAAC,CAAC;QAChDqB,SAAS,EAAEpB,OAAO,GAAG,CAACb,YAAY,GAAGY,MAAM,CAAC,CAAC,CAAA;OAChD,CAAC,EACFsB,UAAI,CAAC;AAAEC,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EAC1CC,WAAK,EAAE,CAAA;AAEf,KAAC,CAAC;IApBMC,IAAI,GAAArB,YAAA,CAAJqB,IAAI;IAAEC,cAAc,GAAAtB,YAAA,CAAdsB,cAAc;IAAEC,OAAO,GAAAvB,YAAA,CAAPuB,OAAO,CAAA;AAqBrC,EAAA,IAAMC,SAAS,GAAGC,iBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,KAAK,GAAGC,cAAQ,CAACJ,OAAO,EAAE;IAC5BK,OAAO,EAAE9B,OAAO,KAAK,OAAO;AAC5B+B,IAAAA,KAAK,EAAE;AACHlB,MAAAA,IAAI,EAAE,CAAC;AACPmB,MAAAA,KAAK,EAAE,EAAA;KACV;IACDC,WAAW,EAAEC,iBAAW,CAAC;AACrBC,MAAAA,aAAa,EAAE,KAAA;KAClB,CAAA;AACL,GAAC,CAAC,CAAA;AACF,EAAA,IAAMC,KAAK,GAAGC,cAAQ,CAACZ,OAAO,EAAE;AAC5Ba,IAAAA,~~WAAW~~,EAAE,KAAK;~~IAClBC~~,WAAW,EAAEvC,OAAO,KAAK,OAAA;AAC7B,GAAC,CAAC,CAAA;EAEF,IAAAwC,gBAAA,GAA8BC,qBAAe,CAAC,CAACb,KAAK,EAAEQ,KAAK,CAAC,CAAC;IAArDM,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB,CAAA;EAEzB,oBACIC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACItD,IAAAA,GAAG,EAAEA,GAAI;AACTuD,IAAAA,EAAE,EAAEnB,SAAU;AACdoB,IAAAA,KAAK,EAAE;AACHC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,OAAO,EAAEjD,OAAO,GAAG,OAAO,GAAG,cAAA;AACjC,KAAA;AAAE,GAAA,eAEF4C,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAK,iCAAA,CAAA;IAAK3D,GAAG,EAAEiC,IAAI,CAAC2B,YAAAA;GAAkBR,EAAAA,iBAAiB,EAAE,CAC/CnD,EAAAA,MACA,CAAC,EAELE,MAAM,iBACHkD,sBAAA,CAAAC,aAAA,CAACO,oBAAc,EAAKC,sBAAsB,CAACxD,MAAM,EAAE8B,SAAS,CAAC,eACzDiB,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACItD,GAAG,EAAEiC,IAAI,CAAC8B,WAAY;AACtBP,IAAAA,KAAK,EAAAQ,uCAAA,CAAAA,uCAAA,KACE9B,cAAc,CAAA,EAAA,EAAA,EAAA;MACjBvB,MAAM,EAAEA,MAAM,IAAI,IAAA;AAAI,KAAA,CAAA;GAGzBT,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAM4D,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBxD,MAAsC,EACtC8B,SAAiB,EACa;EAC9B,IAAI,CAAC9B,MAAM,EAAE;IACT,OAAO;AAAEiD,MAAAA,EAAE,EAAEnB,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO9B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEiD,MAAAA,EAAE,EAAEjD,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAE2D,IAAAA,IAAI,EAAE3D,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
1	+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n autoUpdate,\n useHover,\n useInteractions,\n safePolygon,\n useClick,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 8], isInner, trigger, zIndex }, ref) => {\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted(referenceEl, floatingEl, update) {\n return autoUpdate(referenceEl, floatingEl, update, {\n ancestorScroll: false,\n ancestorResize: false,\n layoutShift: false,\n });\n },\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n onOpenChange: onToggle,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({\n mainAxis: isInner ? LIST_PADDING * 2 : offset[1],\n crossAxis: isInner ? -LIST_PADDING : offset[0],\n }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const hover = useHover(context, {\n enabled: trigger === 'hover',\n delay: {\n open: 0,\n close: 50,\n },\n handleClose: safePolygon({\n requireIntent: false,\n }),\n });\n const click = useClick(context, {\n toggle: false,\n ignoreMouse: trigger === 'hover',\n });\n\n const { getReferenceProps } = useInteractions([hover, click]);\n\n return (\n <div\n ref={ref}\n id={wrappedId}\n style={{\n position: 'relative',\n display: isInner ? 'block' : 'inline-block',\n }}\n >\n <div ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n style={{\n ...floatingStyles,\n zIndex: zIndex \|\| 1000,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","zIndex","_useFloating","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","undefined","open","onOpenChange","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","context","wrappedId","safeUseId","hover","useHover","enabled","delay","close","handleClose","safePolygon","requireIntent","click","useClick","toggle","ignoreMouse","_useInteractions","useInteractions","getReferenceProps","React","createElement","id","style","position","display","_extends","setReference","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":";;;;;;;;;;;;;AAkBA;AACA,IAAMA,YAAY,GAAG,CAAC,CAAA;AAEhBC,IAAAA,eAAe,gBAAGC,gBAAU,CAC9B,UAAAC,IAAA,EAAuGC,GAAG,EAAK;AAAA,EAAA,IAA5GC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAAC,WAAA,GAAAR,IAAA,CAAES,MAAM;IAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;IAAEE,OAAO,GAAAV,IAAA,CAAPU,OAAO;IAAEC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IAAEC,MAAM,GAAAZ,IAAA,CAANY,MAAM,CAAA;EAC/F,IAAAC,YAAA,GAA0CC,iBAAW,CAAC;AAClDC,MAAAA,oBAAoB,WAAAA,oBAACC,CAAAA,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAClD,QAAA,OAAOC,gBAAU,CAACH,WAAW,EAAEC,UAAU,EAAEC,MAAM,EAAE;AAC/CE,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,cAAc,EAAE,KAAK;AACrBC,UAAAA,WAAW,EAAE,KAAA;AACjB,SAAC,CAAC,CAAA;OACL;AACDhB,MAAAA,SAAS,EAAEA,SAAS,KAAK,MAAM,GAAGiB,SAAS,GAAGjB,SAAS;AACvDkB,MAAAA,IAAI,EAAEpB,MAAM;AACZqB,MAAAA,YAAY,EAAEpB,QAAQ;MACtBqB,UAAU,EAAE,CACRpB,SAAS,KAAK,MAAM,IAAIqB,mBAAa,EAAE,EACvCC,YAAgB,CAAC;QACbC,QAAQ,EAAEnB,OAAO,GAAGb,YAAY,GAAG,CAAC,GAAGY,MAAM,CAAC,CAAC,CAAC;QAChDqB,SAAS,EAAEpB,OAAO,GAAG,CAACb,YAAY,GAAGY,MAAM,CAAC,CAAC,CAAA;OAChD,CAAC,EACFsB,UAAI,CAAC;AAAEC,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EAC1CC,WAAK,EAAE,CAAA;AAEf,KAAC,CAAC;IApBMC,IAAI,GAAArB,YAAA,CAAJqB,IAAI;IAAEC,cAAc,GAAAtB,YAAA,CAAdsB,cAAc;IAAEC,OAAO,GAAAvB,YAAA,CAAPuB,OAAO,CAAA;AAqBrC,EAAA,IAAMC,SAAS,GAAGC,iBAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,KAAK,GAAGC,cAAQ,CAACJ,OAAO,EAAE;IAC5BK,OAAO,EAAE9B,OAAO,KAAK,OAAO;AAC5B+B,IAAAA,KAAK,EAAE;AACHlB,MAAAA,IAAI,EAAE,CAAC;AACPmB,MAAAA,KAAK,EAAE,EAAA;KACV;IACDC,WAAW,EAAEC,iBAAW,CAAC;AACrBC,MAAAA,aAAa,EAAE,KAAA;KAClB,CAAA;AACL,GAAC,CAAC,CAAA;AACF,EAAA,IAAMC,KAAK,GAAGC,cAAQ,CAACZ,OAAO,EAAE;AAC5Ba,IAAAA,MAAM,EAAE,KAAK;IACbC,WAAW,EAAEvC,OAAO,KAAK,OAAA;AAC7B,GAAC,CAAC,CAAA;EAEF,IAAAwC,gBAAA,GAA8BC,qBAAe,CAAC,CAACb,KAAK,EAAEQ,KAAK,CAAC,CAAC;IAArDM,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB,CAAA;EAEzB,oBACIC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACItD,IAAAA,GAAG,EAAEA,GAAI;AACTuD,IAAAA,EAAE,EAAEnB,SAAU;AACdoB,IAAAA,KAAK,EAAE;AACHC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,OAAO,EAAEjD,OAAO,GAAG,OAAO,GAAG,cAAA;AACjC,KAAA;AAAE,GAAA,eAEF4C,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAK,iCAAA,CAAA;IAAK3D,GAAG,EAAEiC,IAAI,CAAC2B,YAAAA;GAAkBR,EAAAA,iBAAiB,EAAE,CAC/CnD,EAAAA,MACA,CAAC,EAELE,MAAM,iBACHkD,sBAAA,CAAAC,aAAA,CAACO,oBAAc,EAAKC,sBAAsB,CAACxD,MAAM,EAAE8B,SAAS,CAAC,eACzDiB,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACItD,GAAG,EAAEiC,IAAI,CAAC8B,WAAY;AACtBP,IAAAA,KAAK,EAAAQ,uCAAA,CAAAA,uCAAA,KACE9B,cAAc,CAAA,EAAA,EAAA,EAAA;MACjBvB,MAAM,EAAEA,MAAM,IAAI,IAAA;AAAI,KAAA,CAAA;GAGzBT,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,IAAM4D,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBxD,MAAsC,EACtC8B,SAAiB,EACa;EAC9B,IAAI,CAAC9B,MAAM,EAAE;IACT,OAAO;AAAEiD,MAAAA,EAAE,EAAEnB,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO9B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEiD,MAAAA,EAAE,EAAEjD,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;AAAE2D,IAAAA,IAAI,EAAE3D,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}

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

@@ -39,15 +39,15 @@
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.Pagination_styles_1ptuxg8_p195n7xj__ef8815b3{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;}
-.Pagination_styles_1ptuxg8_p19axp12__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasPerpageSelect__ef8815b3{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasQuickJump__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_1ptuxg8_p1rlzvhv__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_1ptuxg8_pivhg1z__ef8815b3{--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);}
-.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationPageButtonActive__ef8815b3{--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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationButtonDisabled__ef8815b3{--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 ));}.Pagination_styles_1ptuxg8_pshury3__ef8815b3:focus{outline:none;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3::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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_focusVisible__ef8815b3:focus::before,.Pagination_styles_1ptuxg8_pshury3__ef8815b3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_1ptuxg8_pwlctp1__ef8815b3.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
-.Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3 .Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{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;}
-.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationEllipsisText__ef8815b3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Pagination_styles_qs9qeo_p1m4gnut__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qs9qeo_p1m4gnut__fd07f441.Pagination_styles_qs9qeo_paginationTypeCompact__fd07f441{-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;}.Pagination_styles_qs9qeo_p1m4gnut__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{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;}
+.Pagination_styles_qs9qeo_p195n7xj__fd07f441{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;}
+.Pagination_styles_qs9qeo_p19axp12__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationTypeCompact__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationHasPerpageSelect__fd07f441{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationHasQuickJump__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_qs9qeo_p1rlzvhv__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_qs9qeo_pivhg1z__fd07f441{--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);}
+.Pagination_styles_qs9qeo_pshury3__fd07f441{--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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_paginationPageButtonActive__fd07f441{--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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_paginationButtonDisabled__fd07f441{--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 ));}.Pagination_styles_qs9qeo_pshury3__fd07f441:focus{outline:none;}.Pagination_styles_qs9qeo_pshury3__fd07f441::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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_focusVisible__fd07f441:focus::before,.Pagination_styles_qs9qeo_pshury3__fd07f441[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_qs9qeo_pwlctp1__fd07f441.Pagination_styles_qs9qeo_pshury3__fd07f441{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_qs9qeo_p1tvr3oq__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441 .Pagination_styles_qs9qeo_p1tvr3oq__fd07f441{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;}
+.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441.Pagination_styles_qs9qeo_paginationEllipsisText__fd07f441{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

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

@@ -130,28 +130,29 @@ var paginationRoot = function paginationRoot(Root) {
       return pageValue === checkPage ? Pagination_tokens.classes.paginationPageButtonActive : '';
     };
     React.useEffect(function () {
-      var observer = new ResizeObserver(function (entries) {
-        var newWidth = entries[0].contentRect.width;
-        setPagesWidth(newWidth);
-      });
+      var observers = [];
       if (pagesRef.current) {
-        observer.observe(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 () {
-        return observer.disconnect();
+        observers.forEach(function (observer) {
+          return observer.disconnect();
+        });
       };
     }, [type]);
-    React.useEffect(function () {
-      if (!rootRef.current) return;
-      var observer = new ResizeObserver(function (entries) {
-        var newWidth = entries[0].contentRect.width;
-        setRootWidth(newWidth);
-      });
-      observer.observe(rootRef.current);
-      return function () {
-        return observer.disconnect();
-      };
-    }, []);
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       size: size,
       view: view,

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, useRef, useEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n PaginationActionsLeft,\n PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n helperText,\n helperTextEllipsis,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth = 'fit-content',\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pagesRef = useRef<HTMLDivElement>(null);\n const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n const [rootWidth, setRootWidth] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const forkRef = useForkRef(rootRef, ref);\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setPagesWidth(newWidth);\n });\n\n if (pagesRef.current) {\n observer.observe(pagesRef.current);\n }\n\n return () => observer.disconnect();\n }, [type]);\n\n useEffect(() => {\n if (!rootRef.current) return;\n\n const observer = new ResizeObserver((entries) => {\n const newWidth = entries[0].contentRect.width;\n setRootWidth(newWidth);\n });\n\n observer.observe(rootRef.current);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={forkRef}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages ref={pagesRef}>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <Fragment key={indexSection}>\n {indexSection !== 0 && (\n <PaginationShorter\n stretching=\"fixed\"\n disabled\n className={classes.buttonDisabled}\n >\n ...\n </PaginationShorter>\n )}\n <PaginationSection>\n {section.map((currentPage, index) => (\n <PaginationButton\n key={`${currentPage}_${index}`}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(currentPage),\n disabled.includes(currentPage) ? classes.buttonDisabled : '',\n )}\n pin={roundedClass}\n disabled={disabled.includes(currentPage)}\n square={square}\n onClick={() => handleClick(currentPage)}\n >\n {currentPage}\n </PaginationButton>\n ))}\n </PaginationSection>\n </Fragment>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n style={type === 'compact' ? { minWidth: '0px' } : { width: `calc(100% - ${pagesWidth}px)` }}\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n <PaginationActionsLeft className={typeClass}>\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handleSetPage}\n />\n )}\n {helperText && (\n <PaginationHelperText\n className={cx(typeClass, helperTextEllipsis ? classes.ellipsisText : '')}\n style={{ maxWidth: rootWidth }}\n >\n {helperText}\n </PaginationHelperText>\n )}\n </PaginationActionsLeft>\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","helperTextEllipsis","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","_useState7","_useState8","rootWidth","setRootWidth","rootRef","forkRef","useForkRef","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","observer","ResizeObserver","entries","newWidth","contentRect","width","current","observe","disconnect","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","style","minWidth","actions","PaginationActionsLeft","PaginationQuickJumpToPage","onChangeValue","PaginationHelperText","ellipsisText","maxWidth","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment, useRef, useEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n PaginationActionsLeft,\n PaginationHelperText,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value: outerValue,\n defaultValue,\n helperText,\n helperTextEllipsis,\n\n perPage: outerPerPage,\n defaultPerPage,\n\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n listWidth = 'fit-content',\n\n onChangePageValue,\n onChangePerPageValue,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const [pageInner, setPageInner] = useState<number>(defaultValue \|\| defaultValues.value);\n const pageValue = outerValue ?? pageInner;\n\n const [perPageInner, setPerPageInner] = useState<number \| undefined>(\n hasPerPage ? defaultPerPage \|\| defaultValues.perPage : undefined,\n );\n const perPageValue = outerPerPage ?? perPageInner;\n\n const pagesRef = useRef<HTMLDivElement>(null);\n const [pagesWidth, setPagesWidth] = useState<number>(0);\n\n const [rootWidth, setRootWidth] = useState<number>(0);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const forkRef = useForkRef(rootRef, ref);\n\n const pages = Math.ceil(count / (perPageValue \|\| 1));\n const sections = getSections(pageValue, pages, slots);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const pageSetter = (pageValueCandidate?: number) => {\n let newPageValue = pageValueCandidate ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n\n if (disabled.includes(newPageValue)) {\n return;\n }\n\n setPageInner(newPageValue);\n\n return newPageValue;\n };\n\n const handleSetPage = (pageValueCandidate?: number) => {\n const newValue = pageSetter(pageValueCandidate);\n\n onChange?.(newValue, perPageValue);\n onChangePageValue?.(newValue);\n };\n\n const handlerSetPerPage = (newPerPageValue: number) => {\n setPerPageInner(newPerPageValue);\n\n onChange?.(pageValue, newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n };\n\n const handleClick = (currentPage: number) => {\n if (isActiveButton(currentPage)) {\n return;\n }\n\n handleSetPage(currentPage);\n };\n\n const isActiveButton = (checkPage: number) => {\n return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n const 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, helperTextEllipsis ? classes.ellipsisText : '')}\n style={{ maxWidth: rootWidth }}\n >\n {helperText}\n </PaginationHelperText>\n )}\n </PaginationActionsLeft>\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n perPageValue={perPageValue}\n perPageList={perPageList}\n onChangeValue={handlerSetPerPage}\n size={size}\n listWidth={listWidth}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","helperText","helperTextEllipsis","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pagesRef","useRef","_useState5","_useState6","pagesWidth","setPagesWidth","_useState7","_useState8","rootWidth","setRootWidth","rootRef","forkRef","useForkRef","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","useEffect","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_1ptuxg8.css');
+require('./Pagination.styles_qs9qeo.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

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 justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\n ~~display: flex;\n~~ justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: 0.5rem var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.5rem var(${tokens.paginationHelperTextGap});\n\n .${classes.defaultType} & {\n min-width: 0;\n flex-wrap: nowrap;\n flex-shrink: 1;\n }\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n\n &.${classes.defaultType} {\n min-width: 0;\n ~~overflow: hidden;\~~n ~~text-overflow: ellipsis;\n white-space: nowrap;\n~~ flex-shrink: 1;\n }\n\n &.${classes.ellipsisText} {\n ~~overflow: hidden;\~~n ~~text-overflow: ellipsis;\n white-space: nowrap;\n~~ }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp9","PaginationButtonGroup","_exp46","PaginationButton","_exp102","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,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,~~CAkBnC~~,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,~~GAvEgBA~~,~~SAuEhBA~~,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,~~GAjGgBA~~,~~SAiGhBA~~,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,~~GA1JgBA~~,~~SA0JhBA~~,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,~~CAgBzC~~;;;;;;;;;;;;"}
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: 0.5rem var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.5rem var(${tokens.paginationHelperTextGap});\n\n .${classes.defaultType} & {\n min-width: 0;\n flex-wrap: nowrap;\n flex-shrink: 1;\n }\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n\n &.${classes.defaultType} {\n min-width: 0;\n ${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_1ptuxg8.css → Pagination.styles_qs9qeo.css} RENAMED Viewed

@@ -1,4 +1,4 @@
-.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.p1m4gnut.pagination-type-default{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.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:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.p19axp12.pagination-type-default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
 .p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}

package/cjs/index.css CHANGED Viewed

@@ -552,15 +552,15 @@
 .AvatarGroup_styles_rsmybl_bxtue4e__126d9711{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711{margin-left:calc(var(--plasma-avatar-size) * -0.2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:first-child{margin-left:0;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask-image:none;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible{position:relative;-webkit-mask:none;mask:none;cursor:pointer;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );-webkit-mask-composite:intersect;mask-composite:intersect;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}
-.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_1ptuxg8_p1m4gnut__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.Pagination_styles_1ptuxg8_p195n7xj__ef8815b3{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;}
-.Pagination_styles_1ptuxg8_p19axp12__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeCompact__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasPerpageSelect__ef8815b3{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_1ptuxg8_p19axp12__ef8815b3.Pagination_styles_1ptuxg8_paginationHasQuickJump__ef8815b3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_1ptuxg8_p1rlzvhv__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_1ptuxg8_pivhg1z__ef8815b3{--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);}
-.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationPageButtonActive__ef8815b3{--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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_paginationButtonDisabled__ef8815b3{--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 ));}.Pagination_styles_1ptuxg8_pshury3__ef8815b3:focus{outline:none;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3::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;}.Pagination_styles_1ptuxg8_pshury3__ef8815b3.Pagination_styles_1ptuxg8_focusVisible__ef8815b3:focus::before,.Pagination_styles_1ptuxg8_pshury3__ef8815b3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_1ptuxg8_pwlctp1__ef8815b3.Pagination_styles_1ptuxg8_pshury3__ef8815b3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
-.Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3 .Pagination_styles_1ptuxg8_p1tvr3oq__ef8815b3{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;}
-.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationTypeDefault__ef8815b3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_1ptuxg8_p1ea7rbb__ef8815b3.Pagination_styles_1ptuxg8_paginationEllipsisText__ef8815b3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Pagination_styles_qs9qeo_p1m4gnut__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qs9qeo_p1m4gnut__fd07f441.Pagination_styles_qs9qeo_paginationTypeCompact__fd07f441{-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;}.Pagination_styles_qs9qeo_p1m4gnut__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{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;}
+.Pagination_styles_qs9qeo_p195n7xj__fd07f441{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;}
+.Pagination_styles_qs9qeo_p19axp12__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationTypeCompact__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationHasPerpageSelect__fd07f441{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qs9qeo_p19axp12__fd07f441.Pagination_styles_qs9qeo_paginationHasQuickJump__fd07f441{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_qs9qeo_p1rlzvhv__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_qs9qeo_pivhg1z__fd07f441{--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);}
+.Pagination_styles_qs9qeo_pshury3__fd07f441{--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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_paginationPageButtonActive__fd07f441{--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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_paginationButtonDisabled__fd07f441{--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 ));}.Pagination_styles_qs9qeo_pshury3__fd07f441:focus{outline:none;}.Pagination_styles_qs9qeo_pshury3__fd07f441::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;}.Pagination_styles_qs9qeo_pshury3__fd07f441.Pagination_styles_qs9qeo_focusVisible__fd07f441:focus::before,.Pagination_styles_qs9qeo_pshury3__fd07f441[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_qs9qeo_pwlctp1__fd07f441.Pagination_styles_qs9qeo_pshury3__fd07f441{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_qs9qeo_p1tvr3oq__fd07f441{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441 .Pagination_styles_qs9qeo_p1tvr3oq__fd07f441{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;}
+.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441.Pagination_styles_qs9qeo_paginationTypeDefault__fd07f441{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qs9qeo_p1ea7rbb__fd07f441.Pagination_styles_qs9qeo_paginationEllipsisText__fd07f441{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

package/emotion/cjs/components/Dropdown/FloatingPopover.js CHANGED Viewed

@@ -146,7 +146,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
         })
     });
     var click = (0, _react.useClick)(context, {
-        stickIfOpen: false,
+        toggle: false,
         ignoreMouse: trigger === 'hover'
     });
     var getReferenceProps = (0, _react.useInteractions)([

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

@@ -253,30 +253,31 @@ var paginationRoot = function(Root) {
             return pageValue === checkPage ? _Paginationtokens.classes.paginationPageButtonActive : '';
         };
         (0, _react.useEffect)(function() {
-            var observer = new ResizeObserver(function(entries) {
-                var newWidth = entries[0].contentRect.width;
-                setPagesWidth(newWidth);
-            });
+            var observers = [];
             if (pagesRef.current) {
-                observer.observe(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() {
-                return observer.disconnect();
+                observers.forEach(function(observer) {
+                    return observer.disconnect();
+                });
             };
         }, [
             type
         ]);
-        (0, _react.useEffect)(function() {
-            if (!rootRef.current) return;
-            var observer = new ResizeObserver(function(entries) {
-                var newWidth = entries[0].contentRect.width;
-                setRootWidth(newWidth);
-            });
-            observer.observe(rootRef.current);
-            return function() {
-                return observer.disconnect();
-            };
-        }, []);
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             size: size,
             view: view,