@salutejs/plasma-new-hope 0.188.0-canary.1550.11777193712.0 → 0.188.0-canary.1552.11776095169.0

package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -25,58 +25,54 @@ const meta: Meta<StorySelectProps> = {
     component: Select,
     argTypes: {
         target: {
-            control: 'select',
             options: ['button-like', 'textfield-like'],
+            control: {
+                type: 'select',
+            },
         },
         size: {
-            control: 'select',
             options: size,
+            control: {
+                type: 'select',
+            },
         },
         view: {
-            control: 'select',
             options: view,
+            control: {
+                type: 'select',
+            },
         },
         labelPlacement: {
-            control: 'select',
             options: labelPlacement,
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'select',
             },
         },
         chipView: {
-            control: 'select',
             options: chip,
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'select',
             },
         },
         variant: {
-            control: 'select',
             options: variant,
+            control: {
+                type: 'select',
+            },
         },
         listWidth: {
-            control: 'text',
+            control: {
+                type: 'text',
+            },
         },
         listOverflow: {
-            control: 'text',
-        },
-        listHeight: {
-            control: 'text',
-        },
-        helperText: {
-            control: 'text',
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+            control: {
+                type: 'text',
             },
         },
-        enableContentLeft: {
-            control: 'boolean',
-            if: {
-                arg: 'target',
-                eq: 'textfield-like',
+        listHeight: {
+            control: {
+                type: 'text',
             },
         },
     },
@@ -88,7 +84,7 @@ const meta: Meta<StorySelectProps> = {
         helperText: 'Helper text',
         size: 'm',
         view: 'default',
-        chipView: 'secondary',
+        chipView: 'default',
         enableContentLeft: false,
         isTargetAmount: false,
         variant: 'normal',
@@ -342,18 +338,13 @@ const SingleStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
 };
 
 export const Single: StoryObj<StorySelectProps> = {
-    parameters: {
-        controls: {
-            exclude: ['chipView', 'isTargetAmount'],
-        },
-    },
     render: (args) => <SingleStory {...args} />,
     args: {
         closeAfterSelect: true,
@@ -370,7 +361,7 @@ const MultiselectStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
@@ -395,7 +386,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 items={items}
                 value={valueSingle}
                 onChange={setValueSingle}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
 
             <br />
@@ -406,7 +397,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 multiselect
                 value={valueMultiple}
                 onChange={setValueMultiple}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
             />
         </div>
     );
@@ -471,7 +462,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -484,7 +475,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="default"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -615,7 +606,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -628,7 +619,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="positive"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -668,7 +659,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -681,7 +672,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="warning"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -721,7 +712,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={value}
                                     onChange={setValue}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -734,7 +725,7 @@ const CommonStory = (args: StorySelectProps) => {
                                     value={valueMultiple}
                                     onChange={setValueMultiple}
                                     view="negative"
-                                    contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                                    contentLeft={enableContentLeft ? <IconDone size="s" /> : undefined}
                                 />
                             </div>
                         </td>
@@ -844,7 +835,9 @@ export const Common: StoryObj<StorySelectProps> = {
     argTypes: {
         size: {
             options: size,
-            control: 'select',
+            control: {
+                type: 'select',
+            },
         },
     },
     args: {

package/emotion/es/components/Chip/Chip.js

@@ -37,9 +37,7 @@ export var chipRoot = function chipRoot(Root) {
     var txt = !text && typeof children === 'string' ? children : text;
     var pilledClass = pilled ? classes.pilled : undefined;
     var handleClick = function handleClick(event) {
-      // TODO: #1547
-      // eslint-disable-next-line no-underscore-dangle
-      if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
+      if (disabled || readOnly) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,5 +1,6 @@
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -8,7 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';
+import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef, useEffect } from 'react';
 import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../utils';
 import { useOutsideClick } from '../../../hooks';
@@ -23,17 +24,21 @@ import { getPathMap, getTreeMaps } from './hooks/getPathMaps';
 import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
+import { Form } from './ui/Form/Form';
 export var Context = /*#__PURE__*/createContext({});
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
+
 export var comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
-    var multiple = props.multiple,
+    var name = props.name,
+      multiple = props.multiple,
       outerValue = props.value,
       outerOnChange = props.onChange,
+      defaultValue = props.defaultValue,
       isTargetAmount = props.isTargetAmount,
       targetAmount = props.targetAmount,
       items = props.items,
@@ -142,9 +147,19 @@ export var comboboxRoot = function comboboxRoot(Root) {
     }, floatingPopoverRef);
     var onChange = function onChange(newValue) {
       if (outerOnChange) {
-        outerOnChange(newValue);
+        if (!name && !multiple && typeof newValue === 'string') {
+          outerOnChange(newValue);
+        }
+        if (!name && multiple && Array.isArray(newValue)) {
+          outerOnChange(newValue);
+        }
+        if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
+          outerOnChange(newValue);
+        }
+      }
+      if (typeof newValue === 'string' || Array.isArray(newValue)) {
+        setInternalValue(newValue);
       }
-      setInternalValue(newValue);
     };
     var handleClickArrow = function handleClickArrow() {
       if (disabled || readOnly) {
@@ -301,6 +316,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
         focusedToValueMap: focusedToValueMap,
         handleListToggle: handleListToggle,
         handlePressDown: handlePressDown,
+        multiselect: multiple,
         setTextValue: setTextValue
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
@@ -332,13 +348,24 @@ export var comboboxRoot = function comboboxRoot(Root) {
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
       // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
     }, [outerValue, internalValue, items]);
+    useEffect(function () {
+      if (defaultValue) {
+        setInternalValue(defaultValue);
+      }
+    }, [defaultValue]);
     return /*#__PURE__*/React.createElement(Root, {
       size: size,
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
+    }, name && /*#__PURE__*/React.createElement(Form, {
+      name: name,
+      value: internalValue,
+      multiple: multiple,
+      onChange: onChange,
+      ref: ref
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -362,7 +389,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       listWidth: listWidth,
       target: function target(referenceRef) {
         return /*#__PURE__*/React.createElement(StyledTextField, _extends({
-          ref: inputForkRef,
+          ref: name ? inputRef : inputForkRef,
           inputWrapperRef: referenceRef,
           value: textValue,
           onChange: handleTextValueChange,

package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -51,6 +51,7 @@ export var tokens = {
   checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
   checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
   indicatorSize: '--plasma-combobox-indicator-size',
+  targetHeight: '--plasma-combobox-target-height',
   // Токены для TextField
   textFieldColor: '--plasma-combobox-new-textfield-color',
   textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',

package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -56,28 +56,14 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   /*#__PURE__*/
   // root - принимает ref контейнера портала.
   // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
-  React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
+  React.createElement(FloatingPortal, {
+    root: portal,
+    id: portal ? undefined : wrappedId
+  }, /*#__PURE__*/React.createElement("div", {
     ref: refs.setFloating,
     style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
       zIndex: 1
     })
   }, children)));
 });
-// root - принимает ref контейнера портала.
-// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
-var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
-  if (!portal) {
-    return {
-      id: wrappedId
-    };
-  }
-  if (typeof portal === 'string') {
-    return {
-      id: portal
-    };
-  }
-  return {
-    root: portal
-  };
-};
 export { FloatingPopover };

package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js

@@ -29,6 +29,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
     focusedToValueMap = _ref.focusedToValueMap,
     handleListToggle = _ref.handleListToggle,
     handlePressDown = _ref.handlePressDown,
+    multiselect = _ref.multiselect,
     setTextValue = _ref.setTextValue;
   var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
   var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
@@ -123,6 +124,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
               break;
             }
             var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
+            console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
             if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
               if (path.length > focusedPath.length) {
                 dispatchFocusedPath({
@@ -139,6 +141,32 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
           }
           break;
         }
+      case keys.Backspace:
+        {
+          if (!multiselect) break;
+          break;
+        }
+
+      // case keys.Space: {
+      //     event.preventDefault();
+      //
+      //     const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
+      //
+      //     if (!path[0]) {
+      //         dispatchPath({ type: 'opened_first_level' });
+      //         dispatchFocusedPath({ type: 'set_initial_focus' });
+      //         break;
+      //     }
+      //
+      //     if (!currentItem || currentItem?.disabled) {
+      //         break;
+      //     }
+      //
+      //     handlePressDown(currentItem);
+      //
+      //     break;
+      // }
+
       case keys.Enter:
         {
           event.preventDefault();
@@ -155,13 +183,23 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             });
             break;
           }
+
+          // if (currentItem?.items) {
+          //     if (path.length > focusedPath.length) {
+          //         dispatchFocusedPath({ type: 'add_focus', value: 0 });
+          //     } else {
+          //         dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
+          //     }
+          //
+          //     break;
+          // }
+
           if (_currentItem) {
             handlePressDown(_currentItem);
           }
           break;
         }
       case keys.Tab:
-      case keys.Escape:
         {
           dispatchPath({
             type: 'reset'
@@ -173,6 +211,17 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
           setTextValue('');
           break;
         }
+      case keys.Escape:
+        {
+          dispatchPath({
+            type: 'reset'
+          });
+          dispatchFocusedPath({
+            type: 'reset'
+          });
+          handleListToggle(false);
+          break;
+        }
       case keys.Home:
         {
           if (path[0]) {

package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.js

@@ -0,0 +1,29 @@
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
+import { createEvent } from '../../utils/syntheticEvent';
+import { SelectHidden } from './Form.styles';
+export var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    multiple = _ref.multiple,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var values = multiple ? value : [value];
+  var selectRef = useRef(null);
+  var forkRef = useForkRef(selectRef, ref);
+  useEffect(function () {
+    var event = createEvent(selectRef);
+    onChange && onChange(event);
+  }, [values]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
+    ref: forkRef,
+    multiple: multiple,
+    name: name,
+    hidden: true,
+    value: multiple ? values : values[0]
+  }, values.map(function (v) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: v,
+      value: v
+    }, v);
+  })));
+});

package/emotion/es/components/Combobox/ComboboxNew/ui/Form/Form.styles.js

@@ -0,0 +1,6 @@
+import _styled from "@emotion/styled/base";
+import { applyHidden } from '../../../../../mixins';
+export var SelectHidden = /*#__PURE__*/_styled("select", {
+  target: "e10p9ksh0",
+  label: "plasma-new-hope__SelectHidden"
+})( /*#__PURE__*/applyHidden(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvdWkvRm9ybS9Gb3JtLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy91aS9Gb3JtL0Zvcm0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhcHBseUhpZGRlbiB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RIaWRkZW4gPSBzdHlsZWQuc2VsZWN0YFxuICAgICR7YXBwbHlIaWRkZW4oKX07XG5gO1xuIl19 */"));

package/emotion/es/components/Combobox/ComboboxNew/utils/syntheticEvent.js

@@ -0,0 +1,47 @@
+export var createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    return syntheticEvent;
+  }
+  return null;
+};
+export var createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};

package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -14,14 +14,14 @@ export var SelectPerPageRoot = /*#__PURE__*/_styled("div", {
 } : {
   name: "4ved3l",
   styles: "display:flex;align-items:center;gap:0.5rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvY3VzT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var SelectPerPageSelect = /*#__PURE__*/_styled(Select, {
   target: "e18ppken1",
   label: "plasma-new-hope__SelectPerPageSelect"
-})(selectTokens.buttonColor, ":var(", tokens.buttonColor, ");", selectTokens.buttonColorHover, ":var(", tokens.buttonColorHover, ");", selectTokens.buttonColorActive, ":var(", tokens.buttonColorActive, ");", selectTokens.buttonBackgroundColor, ":var(", tokens.buttonBackgroundColor, ");", selectTokens.buttonBackgroundColorHover, ":var(", tokens.buttonBackgroundColorHover, ");", selectTokens.buttonBackgroundColorActive, ":var(", tokens.buttonBackgroundColorActive, ");", selectTokens.targetHeight, ":var(", tokens.buttonHeight, ");", selectTokens.buttonPadding, ":var(", tokens.selectTargetPadding, ");", selectTokens.borderRadius, ":var(", tokens.buttonRadius, ");", selectTokens.buttonArrowColor, ":var(", tokens.buttonArrowColor, ");", selectTokens.buttonArrowColorHover, ":var(", tokens.buttonArrowColorHover, ");", selectTokens.buttonArrowColorActive, ":var(", tokens.buttonArrowColorActive, ");", selectTokens.buttonArrowMargin, ":var(", tokens.buttonArrowMargin, ");", selectTokens.padding, ":0.125rem;", selectTokens.itemPadding, ":var(", tokens.selectItemPadding, ");", selectTokens.itemBorderRadius, ":calc(var(", tokens.buttonRadius, ") - 0.125rem);", selectTokens.itemIconMargin, ":0 0.375rem 0 0;", selectTokens.itemIconSize, ":1.5rem;", selectTokens.itemHeight, ":var(", tokens.selectItemHeight, ");", selectTokens.fontFamily, ":var(", tokens.paginationFontFamily, ");", selectTokens.fontSize, ":var(", tokens.paginationFontSize, ");", selectTokens.fontStyle, ":var(", tokens.paginationFontStyle, ");", selectTokens.fontWeight, ":var(", tokens.paginationFontWeight, ");", selectTokens.fontLetterSpacing, ":var(", tokens.paginationLetterSpacing, ");", selectTokens.fontLineHeight, ":var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
+})(selectTokens.targetButtonColor, ":var(", tokens.buttonColor, ");", selectTokens.targetButtonColorHover, ":var(", tokens.buttonColorHover, ");", selectTokens.targetButtonColorActive, ":var(", tokens.buttonColorActive, ");", selectTokens.targetButtonBackgroundColor, ":var(", tokens.buttonBackgroundColor, ");", selectTokens.targetButtonBackgroundColorHover, ":var(", tokens.buttonBackgroundColorHover, ");", selectTokens.targetButtonBackgroundColorActive, ":var(", tokens.buttonBackgroundColorActive, ");", selectTokens.targetHeight, ":var(", tokens.buttonHeight, ");", selectTokens.targetButtonPadding, ":var(", tokens.selectTargetPadding, ");", selectTokens.borderRadius, ":var(", tokens.buttonRadius, ");", selectTokens.targetButtonArrowColor, ":var(", tokens.buttonArrowColor, ");", selectTokens.targetButtonArrowColorHover, ":var(", tokens.buttonArrowColorHover, ");", selectTokens.targetButtonArrowColorActive, ":var(", tokens.buttonArrowColorActive, ");", selectTokens.targetButtonArrowMargin, ":var(", tokens.buttonArrowMargin, ");", selectTokens.padding, ":0.125rem;", selectTokens.focusOffset, ":0.125rem;", selectTokens.itemPadding, ":var(", tokens.selectItemPadding, ");", selectTokens.itemBorderRadius, ":calc(var(", tokens.buttonRadius, ") - 0.125rem);", selectTokens.itemIconMargin, ":0 0.375rem 0 0;", selectTokens.itemIconSize, ":1.5rem;", selectTokens.itemHeight, ":var(", tokens.selectItemHeight, ");", selectTokens.fontFamily, ":var(", tokens.paginationFontFamily, ");", selectTokens.fontSize, ":var(", tokens.paginationFontSize, ");", selectTokens.fontStyle, ":var(", tokens.paginationFontStyle, ");", selectTokens.fontWeight, ":var(", tokens.paginationFontWeight, ");", selectTokens.fontLetterSpacing, ":var(", tokens.paginationLetterSpacing, ");", selectTokens.fontLineHeight, ":var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvY3VzT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
 export var SelectPerPageTypography = /*#__PURE__*/_styled("div", {
   target: "e18ppken0",
   label: "plasma-new-hope__SelectPerPageTypography"
-})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcblxuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
+})("font-family:var(", tokens.paginationFontFamily, ");font-size:var(", tokens.paginationFontSize, ");font-style:var(", tokens.paginationFontStyle, ");font-weight:var(", tokens.paginationFontWeight, ");letter-spacing:var(", tokens.paginationLetterSpacing, ");line-height:var(", tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLnRhcmdldEJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRCdXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0QnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcbiAgICAke3NlbGVjdFRva2Vucy5mb2N1c09mZnNldH06IDAuMTI1cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));