@salutejs/sdds-cs 0.319.0-canary.1973.15850054289.0 → 0.319.0-canary.2010.15678347777.0

package/emotion/es/components/NumberInput/NumberInput.stories.tsx

@@ -0,0 +1,81 @@
+import React, { useState, ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { InSpacingDecorator, disableProps } from '../../helpers';
+
+import { NumberInput } from './NumberInput';
+
+const onChange = action('onChange');
+const onDecrement = action('onDecrement');
+const onIncrement = action('onIncrement');
+
+const shapes = ['cornered', 'pilled'];
+
+const meta: Meta<typeof NumberInput> = {
+    title: 'Data Entry/NumberInput',
+    component: NumberInput,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        min: {
+            control: {
+                type: 'number',
+            },
+        },
+        max: {
+            control: {
+                type: 'number',
+            },
+        },
+        shape: {
+            options: shapes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps(['view', 'size', 'segmentation', 'inputBackgroundType']),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof NumberInput>;
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const [value, setValue] = useState(5);
+
+    const handleChange = (_: any, newValue: number) => {
+        setValue(newValue);
+        onChange(newValue);
+    };
+
+    return (
+        <NumberInput
+            {...args}
+            value={value}
+            onChange={handleChange}
+            onDecrement={onDecrement}
+            onIncrement={onIncrement}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 's',
+        shape: 'cornered',
+        inputBackgroundType: 'clear',
+        segmentation: 'solid',
+        min: 0,
+        max: 9,
+        step: 1,
+        width: 140,
+        isManualInput: false,
+        textBefore: '',
+        textAfter: '',
+        isLoading: false,
+        disabled: false,
+    },
+    render: StoryDefault,
+};

package/emotion/es/components/NumberInput/index.js

@@ -1,2 +1,2 @@
 export { NumberInput } from './NumberInput';
-export { numberInputTokens, numberInputClasses } from '@salutejs/plasma-new-hope/emotion';
+export { numberInputTokens, numberInputClasses } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/Overlay/Overlay.stories.tsx

@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { Button } from '../Button/Button';
+
+import { Overlay } from '.';
+
+const onOverlayClick = action('onOverlayClick');
+
+export default {
+    title: 'Overlay/Overlay',
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        isClickable: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        withBlur: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: false } },
+        },
+        ...disableProps(['onOverlayClick', 'zIndex']),
+    },
+} as Meta;
+
+type StoryOverlayProps = ComponentProps<typeof Overlay>;
+
+const StyledButton = styled(Button)`
+    margin: 1rem;
+    width: 15rem;
+`;
+
+const StyledCloseButton = styled(Button)`
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: 101;
+    transform: translate(-50%, -50%);
+    width: 15rem;
+`;
+
+const StoryDefault = (props: StoryOverlayProps) => {
+    const [isVisible, setIsVisible] = useState(false);
+
+    return (
+        <>
+            <StyledButton text="Показать overlay" onClick={() => setIsVisible(true)} />
+            {isVisible && (
+                <>
+                    <Overlay {...props} />
+                    <StyledCloseButton view="primary" text=" Скрыть overlay" onClick={() => setIsVisible(false)} />
+                </>
+            )}
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryOverlayProps> = {
+    args: {
+        zIndex: '100',
+        backgroundColorProperty: 'var(--overlay-soft)',
+        withBlur: false,
+        transparent: false,
+        isClickable: true,
+        onOverlayClick,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/es/components/Overlay/index.js

@@ -1 +1 @@
-export { Overlay } from '@salutejs/plasma-new-hope/emotion';
+export { Overlay } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/Pagination/Pagination.component-test.js

@@ -0,0 +1,293 @@
+var _StandardTypoStyle, _SpaceMe, _SpaceMe2, _SpaceMe3, _SpaceMe4, _SpaceMe5, _SpaceMe6, _SpaceMe7, _SpaceMe8, _SpaceMe9, _SpaceMe10, _SpaceMe11, _SpaceMe12, _SpaceMe13, _SpaceMe14, _StandardTypoStyle2, _SpaceMe15, _SpaceMe16, _SpaceMe17, _SpaceMe18, _SpaceMe19, _SpaceMe20, _StandardTypoStyle3;
+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 _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable */
+import React, { useState, useCallback } from 'react';
+import { mount, CypressTestDecorator, getComponent, SpaceMe } from '@salutejs/plasma-cy-utils';
+import { createGlobalStyle } from 'styled-components';
+import { standard as standardTypo } from '@salutejs/plasma-typo';
+var id = 'test-pagination';
+var slots = [7, 9, 13];
+var values = [1, 10, 20];
+var count = 20;
+var views = ['clear', 'secondary', 'default'];
+var StandardTypoStyle = /*#__PURE__*/createGlobalStyle(standardTypo);
+describe('plasma-new-hope: Pagination Styled', function () {
+  var _CypressTestDecorator;
+  var Pagination = getComponent('Pagination');
+  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
+  };
+  var ControlledPagination = function ControlledPagination() {
+    var _useState = useState(values[1]),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+    return /*#__PURE__*/React.createElement(Pagination, {
+      id: id,
+      value: value,
+      count: count,
+      slots: slots[1],
+      onChange: function onChange(v) {
+        return setValue(v);
+      }
+    });
+  };
+  it('default', function () {
+    mount(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(ControlledPagination, null))));
+    cy.matchImageSnapshot();
+  });
+  it('_size', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      size: "xs",
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe || (_SpaceMe = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      size: "s",
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe2 || (_SpaceMe2 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      size: "m",
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe3 || (_SpaceMe3 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      size: "l",
+      value: values[1],
+      slots: slots[1],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('_view', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      view: views[0],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe4 || (_SpaceMe4 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      view: views[1],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe5 || (_SpaceMe5 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      view: views[2],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('_viewCurrentPage', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      viewCurrentPage: views[0],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe6 || (_SpaceMe6 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      viewCurrentPage: views[1],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe7 || (_SpaceMe7 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      viewCurrentPage: views[2],
+      value: values[1],
+      slots: slots[1],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('type', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      type: "default",
+      hasQuickJump: true,
+      hasPerPage: true,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe8 || (_SpaceMe8 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "default",
+      hasQuickJump: true,
+      hasPerPage: false,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe9 || (_SpaceMe9 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "default",
+      hasQuickJump: false,
+      hasPerPage: true,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe10 || (_SpaceMe10 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "default",
+      hasQuickJump: false,
+      hasPerPage: false,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe11 || (_SpaceMe11 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "compact",
+      hasQuickJump: true,
+      hasPerPage: true,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe12 || (_SpaceMe12 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "compact",
+      hasQuickJump: true,
+      hasPerPage: false,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe13 || (_SpaceMe13 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "compact",
+      hasQuickJump: false,
+      hasPerPage: true,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    }), _SpaceMe14 || (_SpaceMe14 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      type: "compact",
+      hasQuickJump: false,
+      hasPerPage: false,
+      value: values[1],
+      slots: slots[1],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+});
+describe('plasma-new-hope: Pagination Slots', function () {
+  var Pagination = getComponent('Pagination');
+  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref2) {
+    var children = _ref2.children;
+    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle2 || (_StandardTypoStyle2 = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
+  };
+  it('minSlots', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[0],
+      value: values[0],
+      count: count
+    }), _SpaceMe15 || (_SpaceMe15 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[0],
+      value: values[1],
+      count: count
+    }), _SpaceMe16 || (_SpaceMe16 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[0],
+      value: values[2],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('avrSlots', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[1],
+      value: values[0],
+      count: count
+    }), _SpaceMe17 || (_SpaceMe17 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[1],
+      value: values[1],
+      count: count
+    }), _SpaceMe18 || (_SpaceMe18 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[1],
+      value: values[2],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+  it('maxSlots', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[2],
+      value: values[0],
+      count: count
+    }), _SpaceMe19 || (_SpaceMe19 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[2],
+      value: values[1],
+      count: count
+    }), _SpaceMe20 || (_SpaceMe20 = /*#__PURE__*/React.createElement(SpaceMe, null)), /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[2],
+      value: values[2],
+      count: count
+    })));
+    cy.matchImageSnapshot();
+  });
+});
+describe('plasma-new-hope: Pagination Content', function () {
+  var Pagination = getComponent('Pagination');
+  var Button = getComponent('Button');
+  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref3) {
+    var children = _ref3.children;
+    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle3 || (_StandardTypoStyle3 = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
+  };
+  var PaginationContent = function PaginationContent(args) {
+    var _useState3 = useState(args.value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      pageValue = _useState4[0],
+      setPageValue = _useState4[1];
+    var _useState5 = useState(args.perPage),
+      _useState6 = _slicedToArray(_useState5, 2),
+      perPageValue = _useState6[0],
+      setPerPageValue = _useState6[1];
+    var handleChangePerpage = useCallback(function (perPage) {
+      setPerPageValue(perPage);
+    }, [perPageValue, setPerPageValue]);
+    var handleChangePage = useCallback(function (page) {
+      setPageValue(page);
+    }, [pageValue, setPageValue]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, args, {
+      value: pageValue,
+      perPage: perPageValue,
+      leftContent: /*#__PURE__*/React.createElement(Button, {
+        id: "pagination-button-prev",
+        onClick: function onClick() {
+          handleChangePage(pageValue - 1);
+        }
+      }, "Prev"),
+      rightContent: /*#__PURE__*/React.createElement(Button, {
+        id: "pagination-button-next",
+        onClick: function onClick() {
+          handleChangePage(pageValue + 1);
+        }
+      }, "Next"),
+      onChangePageValue: handleChangePage,
+      onChangePerageValue: handleChangePerpage
+    })));
+  };
+  it('clickOnContent', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(PaginationContent, {
+      value: values[0],
+      count: count
+    })));
+    cy.get('button[id="pagination-button-next"]').click();
+    cy.get('button[id="pagination-button-next"]').click();
+    cy.get('button[id="pagination-button-prev"]').click();
+    cy.matchImageSnapshot();
+  });
+  it('setInput', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[1],
+      value: values[0],
+      count: count
+    })));
+    cy.get('input:first').focus().type('10').type('{enter}');
+    cy.matchImageSnapshot();
+  });
+  it('setSelect', function () {
+    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Pagination, {
+      slots: slots[2],
+      value: values[0],
+      count: count
+    })));
+    cy.get('button').last().click();
+    cy.matchImageSnapshot();
+  });
+});

package/emotion/es/components/Pagination/Pagination.config.js

@@ -1,134 +1,25 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--outline-solid-primary);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": 3rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.9rem;\n                ",
-        ": 1.15rem;\n                ",
-        ": 0 -0.125rem 0 0.25rem;\n\n                ",
-        ": auto;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": transparent;\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 1rem 0 1rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.625rem;\n                ",
-        ": 3rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0 0.625rem;\n                ",
-        ": 0.125rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, paginationTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-    defaults: {
-        view: 'default',
-        viewCurrentPage: 'default',
-        size: 's'
+  defaults: {
+    view: 'default',
+    viewCurrentPage: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--outline-solid-primary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n            "])), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
+    },
+    viewCurrentPage: {
+      "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-primary);\n            "])), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
+    },
+    size: {
+      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1.75rem;\n                ", ": 3rem;\n                ", ": 0.75rem;\n                ", ": 0.9rem;\n                ", ": 1.15rem;\n                ", ": 0 -0.125rem 0 0.25rem;\n\n                ", ": auto;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 1.75rem;\n                ", ": transparent;\n\n                ", ": 0.75rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.625rem;\n                ", ": 3rem;\n                ", ": 2.5rem;\n                ", ": 0 0.625rem;\n                ", ": 0.125rem;\n            "])), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
-        },
-        viewCurrentPage: {
-            default: css(_templateObject1(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
-        },
-        size: {
-            s: css(_templateObject2(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
-        },
-        type: {
-            compact: css(_templateObject3()),
-            default: css(_templateObject4())
-        }
+    type: {
+      compact: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     }
-};
+  }
+};

package/emotion/es/components/Pagination/Pagination.js

@@ -1,7 +1,9 @@
 import { paginationConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Pagination.config';
-var mergedConfig = mergeConfig(paginationConfig, config);
-var PaginationComponent = component(mergedConfig);
+var mergedConfig = /*#__PURE__*/mergeConfig(paginationConfig, config);
+var PaginationComponent = /*#__PURE__*/component(mergedConfig);
+
 /**
  * Пагинация
- */ export var Pagination = PaginationComponent;
+ */
+export var Pagination = PaginationComponent;