@salutejs/plasma-new-hope 0.69.0-canary.1155.8506197081.0 → 0.70.0-canary.1160.8541256541.0

package/styled-components/cjs/components/Cell/Cell.js

@@ -0,0 +1,71 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cellRoot = exports.cellConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _Cell = /*#__PURE__*/require("./Cell.styles");
+var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _CellTextbox = /*#__PURE__*/require("./ui/CellTextbox/CellTextbox");
+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 && Object.prototype.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; }
+var cellRoot = exports.cellRoot = function cellRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
+    var size = _ref.size,
+      view = _ref.view,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      _ref$alignContentLeft = _ref.alignContentLeft,
+      alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
+      _ref$alignContentRigh = _ref.alignContentRight,
+      alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
+      children = _ref.children,
+      title = _ref.title,
+      subtitle = _ref.subtitle,
+      label = _ref.label,
+      description = _ref.description,
+      content = _ref.content,
+      _ref$stretching = _ref.stretching,
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
+    var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
+    var titleText = title || description;
+    var contentLeftDeprecated = contentLeft || content;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
+    }, contentLeftDeprecated && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
+      align: alignContentLeft
+    }, contentLeftDeprecated), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {
+      label: label,
+      title: titleText,
+      subtitle: subtitle
+    }) : children), contentRight && /*#__PURE__*/_react["default"].createElement(_Cell.CellRight, {
+      align: alignContentRight
+    }, contentRight)));
+  });
+};
+var cellConfig = exports.cellConfig = {
+  name: 'Cell',
+  tag: 'div',
+  layout: cellRoot,
+  base: _Cell.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Cell/Cell.styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _Cell = /*#__PURE__*/require("./Cell.tokens");
+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 && Object.prototype.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; }
+var alignToFlex = {
+  center: 'center',
+  top: 'flex-start',
+  bottom: 'flex-end'
+};
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{width:var(", ");}&&.", "{width:100%;}&&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
+var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-16emz3n-0"
+})(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], _Cell.tokens.cellGap);
+var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-16emz3n-1"
+})(["display:flex;align-items:center;height:auto;"]);
+var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-16emz3n-2"
+})(["display:flex;align-items:", ";"], function (_ref) {
+  var align = _ref.align;
+  return alignToFlex[align];
+});
+var CellRight = exports.CellRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-16emz3n-3"
+})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
+  var align = _ref2.align;
+  return alignToFlex[align];
+});

package/styled-components/cjs/components/Cell/Cell.tokens.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var tokens = exports.tokens = {
+  cellColor: '--plasma-cell-color',
+  cellBackgroundColor: '--plasma-cell-background-color',
+  cellPadding: '--plasma-cell-padding',
+  cellPaddingLeftContent: '--plasma-cell-padding-left-content',
+  cellPaddingContent: '--plasma-cell-padding-content',
+  cellPaddingRightContent: '--plasma-cell-padding-right-content',
+  cellTextboxGap: '--plasma-cell-textbox-gap',
+  cellGap: '--plasma-cell-gap',
+  cellWidth: '--plasma-cell-width',
+  cellLabelColor: '--plasma-cell-label-color',
+  cellLabelFontFamily: '--plasma-cell-label-font-family',
+  cellLabelFontSize: '--plasma-cell-label-font-size',
+  cellLabelFontStyle: '--plasma-cell-label-font-style',
+  cellLabelFontWeight: '--plasma-cell-label-font-weight',
+  cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
+  cellLabelLineHeight: '--plasma-cell-label-line-height',
+  cellTitleColor: '--plasma-cell-title-color',
+  cellTitleFontFamily: '--plasma-cell-title-font-family',
+  cellTitleFontSize: '--plasma-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-cell-title-line-height',
+  cellSubtitleColor: '--plasma-cell-subtitle-color',
+  cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
+  cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
+  cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
+  cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
+  cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
+  cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
+};
+var classes = exports.classes = {
+  autoStretching: 'cell-stretching-auto',
+  filledStretching: 'cell-stretching-filled',
+  fixedStretching: 'cell-stretching-fixed',
+  cellWrapper: 'cell-wrapper',
+  cellRoot: 'cell-root',
+  cellContent: 'cell-content',
+  cellLeftContent: 'cell-left-content',
+  cellRightContent: 'cell-right-content'
+};

package/styled-components/cjs/components/Cell/Cell.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Cell/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CellTextbox", {
+  enumerable: true,
+  get: function get() {
+    return _CellTextbox.CellTextbox;
+  }
+});
+Object.defineProperty(exports, "CellTextboxLabel", {
+  enumerable: true,
+  get: function get() {
+    return _CellTextboxLabel.CellTextboxLabel;
+  }
+});
+Object.defineProperty(exports, "CellTextboxSubtitle", {
+  enumerable: true,
+  get: function get() {
+    return _CellTextboxSubtitle.CellTextboxSubtitle;
+  }
+});
+Object.defineProperty(exports, "CellTextboxTitle", {
+  enumerable: true,
+  get: function get() {
+    return _CellTextboxTitle.CellTextboxTitle;
+  }
+});
+Object.defineProperty(exports, "cellClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Cell2.classes;
+  }
+});
+Object.defineProperty(exports, "cellConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Cell.cellConfig;
+  }
+});
+Object.defineProperty(exports, "cellRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Cell.cellRoot;
+  }
+});
+Object.defineProperty(exports, "cellTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Cell2.tokens;
+  }
+});
+var _CellTextboxLabel = /*#__PURE__*/require("./ui/CellTextboxLabel/CellTextboxLabel");
+var _CellTextboxTitle = /*#__PURE__*/require("./ui/CellTextboxTitle/CellTextboxTitle");
+var _CellTextboxSubtitle = /*#__PURE__*/require("./ui/CellTextboxSubtitle/CellTextboxSubtitle");
+var _Cell = /*#__PURE__*/require("./Cell");
+var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
+var _CellTextbox = /*#__PURE__*/require("./ui/CellTextbox/CellTextbox");

package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTextbox = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _CellTextboxLabel = /*#__PURE__*/require("../CellTextboxLabel/CellTextboxLabel");
+var _CellTextboxTitle = /*#__PURE__*/require("../CellTextboxTitle/CellTextboxTitle");
+var _CellTextboxSubtitle = /*#__PURE__*/require("../CellTextboxSubtitle/CellTextboxSubtitle");
+var _CellTextbox = /*#__PURE__*/require("./CellTextbox.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CellTextbox = exports.CellTextbox = function CellTextbox(_ref) {
+  var label = _ref.label,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, label && /*#__PURE__*/_react["default"].createElement(_CellTextboxLabel.CellTextboxLabel, null, label), title && /*#__PURE__*/_react["default"].createElement(_CellTextboxTitle.CellTextboxTitle, null, title), subtitle && /*#__PURE__*/_react["default"].createElement(_CellTextboxSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
+};

package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTextboxStyled = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CellTextboxStyled = exports.CellTextboxStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-w4g41u-0"
+})(["display:flex;flex-direction:column;gap:var(", ");"], _Cell.tokens.cellTextboxGap);

package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTextboxLabel = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _CellTextboxLabel = /*#__PURE__*/require("./CellTextboxLabel.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CellTextboxLabel = exports.CellTextboxLabel = function CellTextboxLabel(props) {
+  return /*#__PURE__*/_react["default"].createElement(_CellTextboxLabel.StyledTextboxLabel, null, props.children);
+};

package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextboxLabel = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledTextboxLabel = exports.StyledTextboxLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-j0en77-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellLabelColor, _Cell.tokens.cellLabelFontSize, _Cell.tokens.cellLabelFontWeight, _Cell.tokens.cellLabelFontFamily, _Cell.tokens.cellLabelFontStyle, _Cell.tokens.cellLabelLineHeight, _Cell.tokens.cellLabelLetterSpacing);

package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTextboxSubtitle = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _CellTextboxSubtitle = /*#__PURE__*/require("./CellTextboxSubtitle.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CellTextboxSubtitle = exports.CellTextboxSubtitle = function CellTextboxSubtitle(props) {
+  return /*#__PURE__*/_react["default"].createElement(_CellTextboxSubtitle.StyledTextboxSubtitle, null, props.children);
+};

package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextboxSubtitle = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledTextboxSubtitle = exports.StyledTextboxSubtitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-lkssfu-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellSubtitleColor, _Cell.tokens.cellSubtitleFontSize, _Cell.tokens.cellSubtitleFontWeight, _Cell.tokens.cellSubtitleFontFamily, _Cell.tokens.cellSubtitleFontStyle, _Cell.tokens.cellSubtitleLineHeight, _Cell.tokens.cellSubtitleLetterSpacing);

package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTextboxTitle = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _CellTextboxTitle = /*#__PURE__*/require("./CellTextboxTitle.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CellTextboxTitle = exports.CellTextboxTitle = function CellTextboxTitle(props) {
+  return /*#__PURE__*/_react["default"].createElement(_CellTextboxTitle.StyledTextboxTitle, null, props.children);
+};

package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextboxTitle = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var StyledTextboxTitle = exports.StyledTextboxTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-3vis0m-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], _Cell.tokens.cellTitleColor, _Cell.tokens.cellTitleFontSize, _Cell.tokens.cellTitleFontWeight, _Cell.tokens.cellTitleFontFamily, _Cell.tokens.cellTitleFontStyle, _Cell.tokens.cellTitleLineHeight, _Cell.tokens.cellTitleLetterSpacing);

package/styled-components/cjs/components/{TextField/_disabled → Cell/variations/_size}/base.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _TextField = /*#__PURE__*/require("../TextField.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;input{cursor:not-allowed;}}"], _TextField.tokens.disabledOpacity);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Cell/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]

package/styled-components/cjs/components/Cell/variations/_stretching/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);

package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json

@@ -0,0 +1 @@
+["--plasma-button-width"]

package/styled-components/cjs/components/Cell/variations/_view/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Cell = /*#__PURE__*/require("../../Cell.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:stretch;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);

package/styled-components/cjs/components/Cell/variations/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-cell-color", "--plasma-cell-background-color"]

package/styled-components/cjs/components/Pagination/Pagination.js

@@ -67,7 +67,7 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : _utils2.defaultValues.value),
+    var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -94,24 +94,22 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
       setPagesValue(Math.ceil(count / (newPerPage || (hasPerPage ? _utils2.defaultValues.perPage : 1))));
     };
     var handlerSetPage = function handlerSetPage(newPageValue) {
-      var _newPageValue;
-      newPageValue = (_newPageValue = newPageValue) !== null && _newPageValue !== void 0 ? _newPageValue : _utils2.defaultValues.value;
-      if (newPageValue > pages) {
-        newPageValue = pages;
+      var pageValue = newPageValue !== null && newPageValue !== void 0 ? newPageValue : _utils2.defaultValues.value;
+      if (pageValue > pages) {
+        pageValue = pages;
       }
-      if (newPageValue < 1) {
-        newPageValue = 1;
+      if (pageValue < 1) {
+        pageValue = 1;
       }
-      if (disabled.includes(newPageValue)) {
+      if (disabled.includes(pageValue)) {
         return;
       }
-      setPageValue(newPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
+      setPageValue(pageValue);
+      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(pageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      setPageValue(1);
+      handlerSetPage(1);
       setPerPageValue(newPerPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -120,7 +118,10 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
     };
     (0, _react.useEffect)(function () {
       handlerSetPages(perPage);
-    }, [perPage, handlerSetPages]);
+    }, [perPage, count, handlerSetPages]);
+    (0, _react.useEffect)(function () {
+      handlerSetPage(value);
+    }, [value]);
     (0, _react.useEffect)(function () {
       setSections((0, _utils2.getSections)(page, pages, slots));
     }, [page, slots, pages, setSections, _utils2.getSections]);