@salutejs/plasma-new-hope 0.324.0-canary.1967.15065564602.0 → 0.324.0-canary.1970.15068833000.0

package/cjs/components/PaginationDots/PaginationDot.js

@@ -0,0 +1,58 @@
+require('./PaginationDot_baul9c.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var _exp = function _exp() {
+  return function (_ref) {
+    var isActive = _ref.isActive;
+    return isActive ? '1.75rem' : '0.375rem';
+  };
+};
+var _exp2 = function _exp2() {
+  return function (_ref2) {
+    var isActive = _ref2.isActive;
+    return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
+  };
+};
+var DotBase = /*#__PURE__*/react.styled('li')({
+  name: "DotBase",
+  "class": "d1mcs0w2",
+  propsAsIs: false,
+  vars: {
+    "d1mcs0w2-0": [/*#__PURE__*/_exp()],
+    "d1mcs0w2-1": [/*#__PURE__*/_exp2()]
+  }
+});
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var _exp3 = function _exp3() {
+  return DotBase;
+};
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isActive = _ref3.isActive;
+    return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
+  };
+};
+var PaginationDot = /*#__PURE__*/react.styled(_exp3())({
+  name: "PaginationDot",
+  "class": "poypaki",
+  propsAsIs: true,
+  vars: {
+    "poypaki-0": [/*#__PURE__*/_exp4()]
+  }
+});
+
+exports.DotBase = DotBase;
+exports.PaginationDot = PaginationDot;
+//# sourceMappingURL=PaginationDot.js.map

package/cjs/components/PaginationDots/PaginationDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDot.js","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {\n    /**\n     * Элемент активен\n     */\n    isActive: boolean;\n}\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotBase = styled.li<PaginationDotProps>`\n    width: ${({ isActive }) => (isActive ? '1.75rem' : '0.375rem')};\n    height: 0.375rem;\n    border-radius: 1rem;\n    background: ${({ isActive }) => (isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)')};\n    transition: width 0.1s ease-in-out, background 0.3s ease-in-out;\n    font-size: 0.5rem;\n\n    & + & {\n        margin-left: 0.375rem;\n    }\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const PaginationDot = styled(DotBase)<PaginationDotProps>`\n    cursor: pointer;\n\n    background: ${({ isActive }) => (isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)')};\n\n    &:hover {\n        background: var(--text-accent);\n    }\n`;\n"],"names":["_exp","_ref","isActive","_exp2","_ref2","DotBase","styled","name","class","propsAsIs","vars","_exp3","_exp4","_ref3","PaginationDot"],"mappings":";;;;;;AASA;AACA;AACA;AACA;AAHA,IAAAA,IAAA,GARkBA,SAQlBA,IAAAA,GAAA;AAAA,EAAA,OAKa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,SAAS,GAAG,UAAW,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbhDA,SAagDA,KAAAA,GAAA;AAAA,EAAA,OAGhD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,qBAAqB,GAAG,mCAAoC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJrG,IAAMG,OAAO,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAChBV,IAAqD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGhDG,KAA0F,EAAA,CAAA;AAAA,GAAA;AAAA,CAW3G,EAAA;;AAED;AACA;AACA;AACA;AAHA,IAAAQ,KAAA,GA7BkBA,SA6BlBA,KAAAA,GAAA;AAAA,EAAA,OAIoCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAO,KAAA,GAjCzBA,SAiCyBA,KAAAA,GAAA;AAAA,EAAA,OAGzB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGX,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,oBAAoB,GAAG,mCAAoC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHpG,IAAMY,aAAa,gBAAGR,YAAM,CAAAK,KAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGjBE,KAAyF,EAAA,CAAA;AAAA,GAAA;AAAA,CAK1G;;;;;"}

package/cjs/components/PaginationDots/PaginationDot_baul9c.css

@@ -0,0 +1,2 @@
+.d1mcs0w2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.d1mcs0w2 + .d1mcs0w2{margin-left:0.375rem;}.d1mcs0w2:focus{outline:0 none;}
+.poypaki.d1mcs0w2{cursor:pointer;background:var(--poypaki-0);}.poypaki.d1mcs0w2:hover{background:var(--text-accent);}

package/cjs/components/PaginationDots/PaginationDots.js

@@ -0,0 +1,33 @@
+require('./PaginationDots_fm2ha5.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var DotsBase = /*#__PURE__*/react.styled('ul')({
+  name: "DotsBase",
+  "class": "dut2ldg",
+  propsAsIs: false
+});
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var _exp = function _exp() {
+  return DotsBase;
+};
+var PaginationDots = /*#__PURE__*/react.styled(_exp())({
+  name: "PaginationDots",
+  "class": "p1m9slup",
+  propsAsIs: true
+});
+
+exports.DotsBase = DotsBase;
+exports.PaginationDots = PaginationDots;
+//# sourceMappingURL=PaginationDots.js.map

package/cjs/components/PaginationDots/PaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.js","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotsBase = styled.ul`\n    display: flex;\n    flex-wrap: wrap;\n    align-self: center;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n`;\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const PaginationDots = styled(DotsBase)``;\n"],"names":["DotsBase","styled","name","class","propsAsIs","_exp","PaginationDots"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ7B,EAAA;;AAED;AACA;AACA;AACA;AAHA,IAAAC,IAAA,GAfkBA,SAelBA,IAAAA,GAAA;AAAA,EAAA,OAIqCL,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMM,cAAc,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAY;;;;;"}

package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css

@@ -0,0 +1,2 @@
+.dut2ldg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+

package/cjs/components/PaginationDots/SmartPaginationDots.css

@@ -0,0 +1,5 @@
+.PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+
+
+.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
+.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}

package/cjs/components/PaginationDots/SmartPaginationDots.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var usePaginationDots = require('./usePaginationDots.js');
+var PaginationDots = require('./PaginationDots.js');
+var PaginationDot = require('./PaginationDot.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
+/**
+ * Компонент для отображения точек пагинации
+ * с возможностью ограничения количества видимых элементов.
+ */
+var SmartPaginationDots = function SmartPaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    visibleItems = _ref.visibleItems,
+    onIndexChange = _ref.onIndexChange,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _usePaginationDots = usePaginationDots.usePaginationDots({
+      items: items,
+      index: index,
+      visibleItems: visibleItems
+    }),
+    sliced = _usePaginationDots.sliced,
+    activeId = _usePaginationDots.activeId;
+  return /*#__PURE__*/React__default.default.createElement(PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
+    var id = _ref2.id;
+    return /*#__PURE__*/React__default.default.createElement(PaginationDot.PaginationDot, {
+      key: "item:".concat(i),
+      isActive: id === activeId,
+      onClick: function onClick() {
+        return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+      }
+    });
+  }));
+};
+
+exports.SmartPaginationDots = SmartPaginationDots;
+//# sourceMappingURL=SmartPaginationDots.js.map

package/cjs/components/PaginationDots/SmartPaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartPaginationDots.js","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport { usePaginationDots, SmartPaginationDotsProps as BaseProps } from './usePaginationDots';\nimport { PaginationDots } from './PaginationDots';\nimport { PaginationDot } from './PaginationDot';\n\nexport interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {\n    /**\n     * Обработчик изменения индекса\n     */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Компонент для отображения точек пагинации\n * с возможностью ограничения количества видимых элементов.\n */\nexport const SmartPaginationDots: React.FC<SmartPaginationDotsProps> = ({\n    items,\n    index,\n    visibleItems,\n    onIndexChange,\n    ...rest\n}) => {\n    const { sliced, activeId } = usePaginationDots({ items, index, visibleItems });\n\n    return (\n        <PaginationDots {...rest}>\n            {sliced.map(({ id }, i) => (\n                <PaginationDot key={`item:${i}`} isActive={id === activeId} onClick={() => onIndexChange?.(i)} />\n            ))}\n        </PaginationDots>\n    );\n};\n"],"names":["SmartPaginationDots","_ref","items","index","visibleItems","onIndexChange","rest","_objectWithoutProperties","_excluded","_usePaginationDots","usePaginationDots","sliced","activeId","React","createElement","PaginationDots","map","_ref2","i","id","PaginationDot","key","concat","isActive","onClick"],"mappings":";;;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;IACaA,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAM9D;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;AACVC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EAEP,IAAAC,kBAAA,GAA6BC,mCAAiB,CAAC;AAAER,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,YAAY,EAAZA,YAAAA;AAAa,KAAC,CAAC;IAAtEO,MAAM,GAAAF,kBAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,kBAAA,CAARG,QAAQ,CAAA;AAExB,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,6BAAc,EAAKT,IAAI,EACnBK,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAA,EAASC,CAAC,EAAA;AAAA,IAAA,IAAPC,EAAE,GAAAF,KAAA,CAAFE,EAAE,CAAA;AAAA,IAAA,oBACbN,sBAAA,CAAAC,aAAA,CAACM,2BAAa,EAAA;AAACC,MAAAA,GAAG,EAAAC,OAAAA,CAAAA,MAAA,CAAUJ,CAAC,CAAG;MAACK,QAAQ,EAAEJ,EAAE,KAAKP,QAAS;MAACY,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,QAAA,OAAMnB,aAAa,KAAbA,IAAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAGa,CAAC,CAAC,CAAA;AAAA,OAAA;AAAC,KAAE,CAAC,CAAA;AAAA,GACpG,CACW,CAAC,CAAA;AAEzB;;;;"}

package/cjs/components/PaginationDots/usePaginationDots.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var usePaginationDots = function usePaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    _ref$visibleItems = _ref.visibleItems,
+    visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
+  var activeId = items[index].id;
+  var prevIndex = React.useRef(null);
+  var direction = 0;
+  if (prevIndex.current !== null) {
+    direction = index > prevIndex.current ? 1 : -1;
+  }
+  var start;
+  var end;
+  if (direction === 1) {
+    end = Math.min(Math.max(index + 2, visibleItems), items.length);
+    start = Math.max(end - visibleItems, 0);
+  } else if (direction === -1) {
+    start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
+    end = start + visibleItems;
+  } else {
+    start = Math.max(index - Math.floor(visibleItems / 2), 0);
+    end = Math.min(start + visibleItems, items.length);
+    start = end - visibleItems;
+  }
+  var sliced = items.slice(start, end);
+  prevIndex.current = index;
+  return {
+    sliced: sliced,
+    activeId: activeId
+  };
+};
+
+exports.usePaginationDots = usePaginationDots;
+//# sourceMappingURL=usePaginationDots.js.map

package/cjs/components/PaginationDots/usePaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationDots.js","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface SmartPaginationDotsProps {\n    items: Array<{ id: number | string }>;\n    index: number;\n    visibleItems?: number;\n}\n\nexport const usePaginationDots = ({ items, index, visibleItems = 7 }: SmartPaginationDotsProps) => {\n    const activeId = items[index].id;\n    const prevIndex = useRef<number | null>(null);\n    let direction = 0;\n\n    if (prevIndex.current !== null) {\n        direction = index > prevIndex.current ? 1 : -1;\n    }\n\n    let start: number;\n    let end: number;\n\n    if (direction === 1) {\n        end = Math.min(Math.max(index + 2, visibleItems), items.length);\n        start = Math.max(end - visibleItems, 0);\n    } else if (direction === -1) {\n        start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);\n        end = start + visibleItems;\n    } else {\n        start = Math.max(index - Math.floor(visibleItems / 2), 0);\n        end = Math.min(start + visibleItems, items.length);\n        start = end - visibleItems;\n    }\n\n    const sliced = items.slice(start, end);\n\n    prevIndex.current = index;\n\n    return {\n        sliced,\n        activeId,\n    };\n};\n"],"names":["usePaginationDots","_ref","items","index","_ref$visibleItems","visibleItems","activeId","id","prevIndex","useRef","direction","current","start","end","Math","min","max","length","floor","sliced","slice"],"mappings":";;;;;;IAQaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA,CAAA;AAC9D,EAAA,IAAME,QAAQ,GAAGJ,KAAK,CAACC,KAAK,CAAC,CAACI,EAAE,CAAA;AAChC,EAAA,IAAMC,SAAS,GAAGC,YAAM,CAAgB,IAAI,CAAC,CAAA;EAC7C,IAAIC,SAAS,GAAG,CAAC,CAAA;AAEjB,EAAA,IAAIF,SAAS,CAACG,OAAO,KAAK,IAAI,EAAE;IAC5BD,SAAS,GAAGP,KAAK,GAAGK,SAAS,CAACG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,GAAA;AAEA,EAAA,IAAIC,KAAa,CAAA;AACjB,EAAA,IAAIC,GAAW,CAAA;EAEf,IAAIH,SAAS,KAAK,CAAC,EAAE;AACjBG,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAEE,YAAY,CAAC,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAC/DL,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACH,GAAG,GAAGR,YAAY,EAAE,CAAC,CAAC,CAAA;AAC3C,GAAC,MAAM,IAAIK,SAAS,KAAK,CAAC,CAAC,EAAE;IACzBE,KAAK,GAAGE,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAED,KAAK,CAACe,MAAM,GAAGZ,YAAY,CAAC,CAAA;IACrEQ,GAAG,GAAGD,KAAK,GAAGP,YAAY,CAAA;AAC9B,GAAC,MAAM;AACHO,IAAAA,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACb,KAAK,GAAGW,IAAI,CAACI,KAAK,CAACb,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACzDQ,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,GAAGP,YAAY,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAClDL,KAAK,GAAGC,GAAG,GAAGR,YAAY,CAAA;AAC9B,GAAA;EAEA,IAAMc,MAAM,GAAGjB,KAAK,CAACkB,KAAK,CAACR,KAAK,EAAEC,GAAG,CAAC,CAAA;EAEtCL,SAAS,CAACG,OAAO,GAAGR,KAAK,CAAA;EAEzB,OAAO;AACHgB,IAAAA,MAAM,EAANA,MAAM;AACNb,IAAAA,QAAQ,EAARA,QAAAA;GACH,CAAA;AACL;;;;"}

package/cjs/index.css

@@ -358,21 +358,21 @@
 
 .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
 
-.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea{padding:var(--plasma-notification-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationWithoutCloseIcon__c76a6dea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_1g9g70c_bg3tssa__c76a6dea .base_1g9g70c_notificationWrapper__c76a6dea.base_1g9g70c_notificationLayoutHorizontal__c76a6dea.base_1g9g70c_notificationOneLineTextbox__c76a6dea{padding:var(--plasma-notification-padding-one-line-textbox);}
+.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea{width:var(--plasma-notification-width);padding:var(--plasma-notification-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea{padding:var(--plasma-notification-horizontal-layout-padding);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationWithoutCloseIcon__4791b7ea{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.base_qkc3i4_bg3tssa__4791b7ea .base_qkc3i4_notificationWrapper__4791b7ea.base_qkc3i4_notificationLayoutHorizontal__4791b7ea.base_qkc3i4_notificationOneLineTextbox__4791b7ea{padding:var(--plasma-notification-padding-one-line-textbox);}
 
 .base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationContentBox__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237.base_1insfd_notificationWithoutIcon__cb9a5237{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_1insfd_bmb6i7f__cb9a5237 .base_1insfd_notificationCloseIcon__cb9a5237.base_1insfd_notificationLayoutVertical__cb9a5237{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
 
-.Notification_styles_1ogp4a2_sb12p__bb5dca60{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Notification_styles_1ogp4a2_crvd7hm__bb5dca60{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.Notification_styles_1ogp4a2_crvd7hm__bb5dca60:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1ogp4a2_crvd7hm__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{position:relative;}
-.Notification_styles_1ogp4a2_wg1ga5v__bb5dca60{position:relative;width:var(--wg1ga5v-0);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);background:var(--wg1ga5v-1);box-sizing:border-box;}.Notification_styles_1ogp4a2_wg1ga5v__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-notification-horizontal-layout-gap);}
-.Notification_styles_1ogp4a2_b1amsn8a__bb5dca60{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.Notification_styles_1ogp4a2_b1amsn8a__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{margin-top:unset;margin-left:unset;}
-.Notification_styles_1ogp4a2_i14raqr9__bb5dca60{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.Notification_styles_1ogp4a2_i14raqr9__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
-.Notification_styles_1ogp4a2_c157peez__bb5dca60{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1ogp4a2_c157peez__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{padding:unset;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-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.Notification_styles_1ogp4a2_t1vmb0f2__bb5dca60{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_1ogp4a2_t1vmb0f2__bb5dca60.Notification_styles_1ogp4a2_notificationLayoutHorizontal__bb5dca60{padding:unset;}
-.Notification_styles_1ogp4a2_s1k4e58v__bb5dca60{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s1k4e58v-0);}
-.Notification_styles_1ogp4a2_s92kmpm__bb5dca60{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s92kmpm-0);}
-.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60{margin-top:1rem;opacity:1;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemOpened__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_showAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_showAnimationS18m0x6v__bb5dca60 ease-out;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemOpened__bb5dca60.Notification_styles_1ogp4a2_notificationLeftToRightAnimation__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_showLeftToRightAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_showLeftToRightAnimationS18m0x6v__bb5dca60 ease-out;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemOpened__bb5dca60.Notification_styles_1ogp4a2_notificationTopToCenterAnimation__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_showTopToCenterAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_showTopToCenterAnimationS18m0x6v__bb5dca60 ease-out;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemOpened__bb5dca60.Notification_styles_1ogp4a2_notificationBottomToCenterAnimation__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_showBottomToCenterAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_showBottomToCenterAnimationS18m0x6v__bb5dca60 ease-out;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemHidden__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_hideAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_hideAnimationS18m0x6v__bb5dca60 ease-out;}.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_s18m0x6v__bb5dca60.Notification_styles_1ogp4a2_notificationItemHidden__bb5dca60.Notification_styles_1ogp4a2_notificationLeftToRightAnimation__bb5dca60{-webkit-animation:0.4s Notification_styles_1ogp4a2_hideLeftToRightAnimationS18m0x6v__bb5dca60 ease-out;animation:0.4s Notification_styles_1ogp4a2_hideLeftToRightAnimationS18m0x6v__bb5dca60 ease-out;}@-webkit-keyframes Notification_styles_1ogp4a2_showTopToCenterAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1ogp4a2_showTopToCenterAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1ogp4a2_showBottomToCenterAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1ogp4a2_showBottomToCenterAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1ogp4a2_showLeftToRightAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1ogp4a2_showLeftToRightAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1ogp4a2_hideLeftToRightAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_1ogp4a2_hideLeftToRightAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_1ogp4a2_showAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1ogp4a2_showAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1ogp4a2_hideAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_1ogp4a2_hideAnimationS18m0x6v__bb5dca60{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
-.Notification_styles_1ogp4a2_sfe5ql2__bb5dca60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
+.Notification_styles_1yt699o_sb12p__ff5174fd{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.Notification_styles_1yt699o_crvd7hm__ff5174fd{position:absolute;width:var(--plasma-notification-close-icon-button-size);height:var(--plasma-notification-close-icon-button-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-close-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-close-align);align-self:var(--plasma-notification-horizontal-icon-close-align-self);color:var(--plasma-notification-close-icon-color);}.Notification_styles_1yt699o_crvd7hm__ff5174fd:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1yt699o_crvd7hm__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{position:relative;}
+.Notification_styles_1yt699o_wg1ga5v__ff5174fd{position:relative;box-sizing:border-box;background:var(--wg1ga5v-0);border-radius:var(--plasma-notification-border-radius);border:var(--plasma-notification-border-width) solid var(--plasma-notification-border-color);}.Notification_styles_1yt699o_wg1ga5v__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-notification-horizontal-layout-gap);}
+.Notification_styles_1yt699o_b1amsn8a__ff5174fd{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);-webkit-align-self:var(--plasma-notification-horizontal-actions-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-actions-align);align-self:var(--plasma-notification-horizontal-actions-align-self);}.Notification_styles_1yt699o_b1amsn8a__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-top:unset;margin-left:unset;}
+.Notification_styles_1yt699o_i14raqr9__ff5174fd{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);-webkit-align-self:var(--plasma-notification-horizontal-icon-left-align-self);-ms-flex-item-align:var(--plasma-notification-horizontal-icon-left-align);align-self:var(--plasma-notification-horizontal-icon-left-align-self);color:var(--i14raqr9-0);margin-right:var(--i14raqr9-1);margin-bottom:var(--i14raqr9-2);}.Notification_styles_1yt699o_i14raqr9__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
+.Notification_styles_1yt699o_c157peez__ff5174fd{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1yt699o_c157peez__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{padding:unset;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-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.Notification_styles_1yt699o_t1vmb0f2__ff5174fd{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_1yt699o_t1vmb0f2__ff5174fd.Notification_styles_1yt699o_notificationLayoutHorizontal__ff5174fd{padding:unset;}
+.Notification_styles_1yt699o_s1k4e58v__ff5174fd{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s1k4e58v-0);}
+.Notification_styles_1yt699o_s92kmpm__ff5174fd{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--s92kmpm-0);}
+.Notification_styles_1yt699o_s18m0x6v__ff5174fd{margin-top:1rem;opacity:1;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationTopToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemOpened__ff5174fd.Notification_styles_1yt699o_notificationBottomToCenterAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd ease-out;}.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_s18m0x6v__ff5174fd.Notification_styles_1yt699o_notificationItemHidden__ff5174fd.Notification_styles_1yt699o_notificationLeftToRightAnimation__ff5174fd{-webkit-animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;animation:0.4s Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd ease-out;}@-webkit-keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showTopToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showBottomToCenterAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_1yt699o_hideLeftToRightAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1yt699o_showAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_1yt699o_hideAnimationS18m0x6v__ff5174fd{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
+.Notification_styles_1yt699o_sfe5ql2__ff5174fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:var(--sfe5ql2-0);-webkit-box-align:var(--sfe5ql2-0);-ms-flex-align:var(--sfe5ql2-0);align-items:var(--sfe5ql2-0);}
 
 .base_dzs9wa_bd1gfvh__e42804c6{--plasma-panel-background:var(--plasma-drawer-background);--plasma-panel-shadow:var(--plasma-drawer-shadow);--plasma-panel-content-background-color:var(--plasma-drawer-content-background-color);}
 
@@ -969,3 +969,9 @@
 .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}
 
 .CarouselItem_cqjszm_s13at6mi__7ff91d05{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}
+
+.PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+
+
+.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
+.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}

package/cjs/index.js

@@ -235,6 +235,9 @@ var ToastNew_tokens = require('./components/Toast/ToastNew/ToastNew.tokens.js');
 var Carousel = require('./components/Carousel/Carousel.js');
 var Carousel_styles = require('./components/Carousel/Carousel.styles.js');
 var CarouselItem = require('./components/Carousel/CarouselItem.js');
+var SmartPaginationDots = require('./components/PaginationDots/SmartPaginationDots.js');
+var PaginationDots = require('./components/PaginationDots/PaginationDots.js');
+var PaginationDot = require('./components/PaginationDots/PaginationDot.js');
 
 
 
@@ -674,4 +677,7 @@ exports.carouselConfig = Carousel.carouselConfig;
 exports.carouselRoot = Carousel.carouselRoot;
 exports.CarouselGridWrapper = Carousel_styles.CarouselGridWrapper;
 exports.CarouselItem = CarouselItem.CarouselItem;
+exports.SmartPaginationDots = SmartPaginationDots.SmartPaginationDots;
+exports.PaginationDots = PaginationDots.PaginationDots;
+exports.PaginationDot = PaginationDot.PaginationDot;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Notification/Notification.js

@@ -17,7 +17,7 @@ var _base4 = /*#__PURE__*/require("./variations/_closeIconType/base");
 var _Notification2 = /*#__PURE__*/require("./Notification.types");
 var _Notification3 = /*#__PURE__*/require("./Notification.styles");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "onCloseButtonClick"];
+var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -45,7 +45,6 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       textColor = props.textColor,
       titleColor = props.titleColor,
       backgroundColor = props.backgroundColor,
-      width = props.width,
       onCloseButtonClick = props.onCloseButtonClick,
       rest = _objectWithoutProperties(props, _excluded);
     var ariaLive = 'polite';
@@ -73,7 +72,6 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       "aria-atomic": ariaAtomic
     }, rest), /*#__PURE__*/_react["default"].createElement(_Notification3.Wrapper, {
       backgroundColor: backgroundColor,
-      width: width,
       className: (0, _utils.cx)(_Notification.classes.wrapper, (0, _utils2.getLayoutClass)(layout), oneLineClass, withoutCloseIconClass)
     }, /*#__PURE__*/_react["default"].createElement(_Notification3.ContentBox, {
       iconPlacement: IconPlacementInternal,