@salutejs/plasma-new-hope 0.336.0-canary.2163.17602400013.0 → 0.336.0-canary.2163.17629523809.0

package/cjs/components/Dropdown/FloatingPopover.js

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

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

@@ -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            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":"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"}
+{"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;;;;"}

package/cjs/components/Pagination/Pagination.css

@@ -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_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;}
+.Pagination_styles_qhyqps_p1m4gnut__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-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_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{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_qhyqps_p195n7xj__5c2c4865{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_qhyqps_p19axp12__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-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_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasPerpageSelect__5c2c4865{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasQuickJump__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_qhyqps_p1rlzvhv__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_qhyqps_pivhg1z__5c2c4865{--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_qhyqps_pshury3__5c2c4865{--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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationPageButtonActive__5c2c4865{--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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationButtonDisabled__5c2c4865{--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_qhyqps_pshury3__5c2c4865:focus{outline:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865::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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_focusVisible__5c2c4865:focus::before,.Pagination_styles_qhyqps_pshury3__5c2c4865[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_qhyqps_pwlctp1__5c2c4865.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865 .Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{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_qhyqps_p1ea7rbb__5c2c4865{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationEllipsisText__5c2c4865{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.styles.js

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

package/cjs/components/Pagination/Pagination.styles.js.map

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

package/cjs/components/Pagination/{Pagination.styles_qs9qeo.css → Pagination.styles_qhyqps.css}

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

package/cjs/engines/common.js

@@ -37,10 +37,20 @@ var mergeConfig = function mergeConfig(baseConfig, userConfig) {
   }
   return res;
 };
+
+// INFO: Метод, который проводит слияние двух объектов
+// INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default
+function mergeWithoutNullable(defaults, componentProps) {
+  var props = Object.keys(defaults).reduce(function (acc, key) {
+    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, acc), {}, _rollupPluginBabelHelpers.defineProperty({}, key, [null, undefined, ''].includes(componentProps[key]) ? defaults[key] : componentProps[key]));
+  }, {});
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, componentProps), props);
+}
 function component(config) {
   var Comp = config.layout(linaria._component(config));
   return /*#__PURE__*/React__default.default.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React__default.default.createElement(Comp, _rollupPluginBabelHelpers.extends({}, config === null || config === void 0 ? void 0 : config.defaults, props, {
+    var mergedProps = mergeWithoutNullable(config === null || config === void 0 ? void 0 : config.defaults, props);
+    return /*#__PURE__*/React__default.default.createElement(Comp, _rollupPluginBabelHelpers.extends({}, mergedProps, {
       ref: ref
     }));
   });

package/cjs/engines/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesWithoutOnChange,\n    HTMLAttributesWithoutOnChangeAndDefaultValue,\n} from './types';\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>,\n    LayoutPropsUser extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>\n        | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n        <Comp {...config?.defaults} {...props} ref={ref} />\n    ));\n}\n"],"names":["mergeConfig","baseConfig","userConfig","res","_objectSpread","variations","key","variant","css","attrs","defaults","component","config","Comp","layout","_component","React","forwardRef","props","ref","createElement","_extends"],"mappings":";;;;;;;;;;;;AAYO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAcpBC,UAAwF,EACxFC,UAAuF,EACtF;EACD,IAAMC,GAAG,GAAAC,uCAAA,CAAAA,uCAAA,CAAQH,EAAAA,EAAAA,UAAU,CAAKC,EAAAA,UAAU,CAAE,CAAA;EAE5C,IAAIC,GAAG,CAACE,UAAU,EAAE;AAChB;AACA;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,GAAG,CAACE,UAAU,EAAE;AAC9B,MAAA,IAAME,OAAO,GAAGN,UAAU,CAACI,UAAU,CAACC,GAAG,CAAC,CAAA;AAE1CH,MAAAA,GAAG,CAACE,UAAU,CAACC,GAAG,CAAC,CAACE,GAAG,GAAGD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEC,GAAG,CAAA;AACtC;AACA,MAAA,IAAI,CAACL,GAAG,CAACE,UAAU,CAACC,GAAG,CAAC,CAAK,MAAA,CAAA,IAAIC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,QAAM,EAAE;QAC5CJ,GAAG,CAACE,UAAU,CAACC,GAAG,CAAC,CAAK,MAAA,CAAA,GAAGC,OAAO,CAAK,MAAA,CAAA,CAAA;AAC3C,OAAA;AACA;AACA,MAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEE,KAAK,EAAE;QAChBN,GAAG,CAACE,UAAU,CAACC,GAAG,CAAC,CAACG,KAAK,GAAGF,OAAO,CAACE,KAAK,CAAA;AAC7C,OAAA;AACJ,KAAA;AACJ,GAAA;;AAEA;EACA,KAAK,IAAMH,IAAG,IAAIL,UAAU,CAACS,QAAQ,IAAI,EAAE,EAAE;AACzC,IAAA,IAAI,EAAEJ,IAAG,IAAIH,GAAG,CAACO,QAAQ,CAAC,EAAE;MACxBP,GAAG,CAACO,QAAQ,CAACJ,IAAG,CAAC,GAAGL,UAAU,CAACS,QAAQ,CAACJ,IAAG,CAAC,CAAA;AAChD,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOH,GAAG,CAAA;AAMd,EAAC;AAEM,SAASQ,SAASA,CASrBC,MAAqE,EACjB;EACpD,IAAMC,IAAI,GAAGD,MAAM,CAACE,MAAM,CAACC,kBAAU,CAAEH,MAAqC,CAAC,CAAC,CAAA;AAE9E,EAAA,oBAAOI,sBAAK,CAACC,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAA;AAAA,IAAA,oBACjEH,sBAAA,CAAAI,aAAA,CAACP,IAAI,EAAAQ,iCAAA,CAAA,EAAA,EAAKT,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEF,QAAQ,EAAMQ,KAAK,EAAA;AAAEC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AAAA,GACtD,CAAC,CAAA;AACN;;;;;"}
+{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {\n    ComponentConfig,\n    HTMLTagList,\n    PropsType,\n    Variants,\n    HTMLAttributesWithoutOnChange,\n    HTMLAttributesWithoutOnChangeAndDefaultValue,\n} from './types';\n\nexport const mergeConfig = <\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutPropsBase extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>,\n    LayoutPropsUser extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>\n        | undefined = undefined\n>(\n    baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n    userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n    const res = { ...baseConfig, ...userConfig };\n\n    if (res.variations) {\n        // copy variations base css\n        // eslint-disable-next-line guard-for-in\n        for (const key in res.variations) {\n            const variant = baseConfig.variations[key];\n\n            res.variations[key].css = variant?.css;\n            /* start of bad decision */\n            if (!res.variations[key].true && variant?.true) {\n                res.variations[key].true = variant.true;\n            }\n            /* end of bad decision */\n            if (variant?.attrs) {\n                res.variations[key].attrs = variant.attrs;\n            }\n        }\n    }\n\n    // eslint-disable-next-line guard-for-in\n    for (const key in baseConfig.defaults || {}) {\n        if (!(key in res.defaults)) {\n            res.defaults[key] = baseConfig.defaults[key];\n        }\n    }\n\n    return res as ComponentConfig<\n        Tag,\n        VariantList,\n        PropsType<VariantList>,\n        LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n    >;\n};\n\n// INFO: Метод, который проводит слияние двух объектов\n// INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default\nfunction mergeWithoutNullable(defaults: any, componentProps: any) {\n    const props = Object.keys(defaults).reduce((acc, key) => {\n        return {\n            ...acc,\n            [key]: [null, undefined, ''].includes(componentProps[key]) ? defaults[key] : componentProps[key],\n        };\n    }, {});\n\n    return { ...componentProps, ...props };\n}\n\nexport function component<\n    Tag extends HTMLTagList,\n    VariantList extends Variants,\n    VariantsProps extends PropsType<VariantList>,\n    LayoutProps extends\n        | React.HTMLAttributes<HTMLElement>\n        | HTMLAttributesWithoutOnChange<HTMLElement>\n        | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>\n>(\n    config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n    const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n    return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => {\n        const mergedProps = mergeWithoutNullable(config?.defaults, props);\n\n        return <Comp {...mergedProps} ref={ref} />;\n    });\n}\n"],"names":["mergeConfig","baseConfig","userConfig","res","_objectSpread","variations","key","variant","css","attrs","defaults","mergeWithoutNullable","componentProps","props","Object","keys","reduce","acc","_defineProperty","undefined","includes","component","config","Comp","layout","_component","React","forwardRef","ref","mergedProps","createElement","_extends"],"mappings":"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"}

package/cjs/index.css

@@ -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_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;}
+.Pagination_styles_qhyqps_p1m4gnut__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-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_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{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_qhyqps_p195n7xj__5c2c4865{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_qhyqps_p19axp12__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-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_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasPerpageSelect__5c2c4865{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasQuickJump__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_qhyqps_p1rlzvhv__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_qhyqps_pivhg1z__5c2c4865{--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_qhyqps_pshury3__5c2c4865{--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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationPageButtonActive__5c2c4865{--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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationButtonDisabled__5c2c4865{--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_qhyqps_pshury3__5c2c4865:focus{outline:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865::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_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_focusVisible__5c2c4865:focus::before,.Pagination_styles_qhyqps_pshury3__5c2c4865[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_qhyqps_pwlctp1__5c2c4865.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865 .Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{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_qhyqps_p1ea7rbb__5c2c4865{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationEllipsisText__5c2c4865{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

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