npm - @salutejs/plasma-new-hope - Versions diffs - 0.68.1-canary.1154.8508988159.0 → 0.69.0-canary.1148.8505804388.0 - Mend

@salutejs/plasma-new-hope 0.68.1-canary.1154.8508988159.0 → 0.69.0-canary.1148.8505804388.0

Files changed (158) hide show

package/es/components/Cell/Cell.js ADDED Viewed

@@ -0,0 +1,65 @@
+import React, { forwardRef } from 'react';
+import { cx } from '../../utils/index.js';
+import { CellLeft, CellContentWrapper, CellContent, CellRight, base } from './Cell.styles.js';
+import { classes } from './Cell.tokens.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { CellTextbox } from './CellTextbox/CellTextbox.js';
+var cellRoot = function cellRoot(Root) {
+  return /*#__PURE__*/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 = classes["".concat(stretching, "Stretching")];
+    return /*#__PURE__*/React.createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: cx(stretchingClass, classes.cellRoot)
+    }, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
+      align: alignContentLeft
+    }, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || description || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
+      label: label,
+      description: description,
+      title: title,
+      subtitle: subtitle
+    }) : children || content), contentRight && /*#__PURE__*/React.createElement(CellRight, {
+      align: alignContentRight
+    }, contentRight)));
+  });
+};
+var cellConfig = {
+  name: 'Cell',
+  tag: 'div',
+  layout: cellRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+export { cellConfig, cellRoot };
+//# sourceMappingURL=Cell.js.map

package/es/components/Cell/Cell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n forwardRef<HTMLSelectElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeft && <CellLeft align={alignContentLeft}>{contentLeft}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {title || description || subtitle || label ? (\n <CellTextbox\n label={label}\n description={description}\n title={title}\n subtitle={subtitle}\n />\n ) : (\n children || content\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Cell/Cell.styles.js ADDED Viewed

@@ -0,0 +1,31 @@
+import './Cell.styles_ygfo1w.css';
+import styled from 'styled-components';
+import { tokens } from './Cell.tokens.js';
+var alignToFlex = {
+  center: 'center',
+  top: 'flex-start',
+  bottom: 'flex-end'
+};
+var base = "b1wikybr";
+var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-0"
+})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
+var CellContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-1"
+})(["display:flex;align-items:center;height:auto;"]);
+var CellLeft = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-2"
+})(["display:flex;align-items:", ";"], function (_ref) {
+  var align = _ref.align;
+  return alignToFlex[align];
+});
+var CellRight = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-taup5i-3"
+})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
+  var align = _ref2.align;
+  return alignToFlex[align];
+});
+export { CellContent, CellContentWrapper, CellLeft, CellRight, base };
+//# sourceMappingURL=Cell.styles.js.map

package/es/components/Cell/Cell.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const base = css`\n &&.${classes.fixedStretching} {\n width: var(${tokens.cellWidth});\n }\n &&.${classes.filledStretching} {\n width: 100%;\n }\n &&.${classes.autoStretching} {\n width: auto;\n }\n`;\n\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI9BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;"}

package/es/components/Cell/Cell.styles_ygfo1w.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}

package/es/components/Cell/Cell.tokens.js ADDED Viewed

@@ -0,0 +1,45 @@
+var 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 = {
+  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'
+};
+export { classes, tokens };
+//# sourceMappingURL=Cell.tokens.js.map

package/es/components/Cell/Cell.tokens.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n cellColor: '--plasma-cell-color',\n cellBackgroundColor: '--plasma-cell-background-color',\n\n cellPadding: '--plasma-cell-padding',\n cellPaddingLeftContent: '--plasma-cell-padding-left-content',\n cellPaddingContent: '--plasma-cell-padding-content',\n cellPaddingRightContent: '--plasma-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-cell-textbox-gap',\n cellGap: '--plasma-cell-gap',\n\n cellWidth: '--plasma-cell-width',\n\n cellLabelColor: '--plasma-cell-label-color',\n cellLabelFontFamily: '--plasma-cell-label-font-family',\n cellLabelFontSize: '--plasma-cell-label-font-size',\n cellLabelFontStyle: '--plasma-cell-label-font-style',\n cellLabelFontWeight: '--plasma-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n cellTitleColor: '--plasma-cell-title-color',\n cellTitleFontFamily: '--plasma-cell-title-font-family',\n cellTitleFontSize: '--plasma-cell-title-font-size',\n cellTitleFontStyle: '--plasma-cell-title-font-style',\n cellTitleFontWeight: '--plasma-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n autoStretching: 'cell-stretching-auto',\n filledStretching: 'cell-stretching-filled',\n fixedStretching: 'cell-stretching-fixed',\n\n cellWrapper: 'cell-wrapper',\n cellRoot: 'cell-root',\n cellContent: 'cell-content',\n cellLeftContent: 'cell-left-content',\n cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;"}

package/es/components/Cell/CellTextbox/CellTextbox.js ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CellTextboxStyled } from './CellTextbox.styles.js';
+import { CellTextboxLabel } from './ui/CellTextLabel.js';
+import { CellTextboxTitle } from './ui/CellTextTitle.js';
+import { CellTextboxSubtitle } from './ui/CellTextSubtitle.js';
+var CellTextbox = function CellTextbox(_ref) {
+  var label = _ref.label,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    description = _ref.description,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || description || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), (title || description) && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title || description), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
+};
+export { CellTextbox };
+//# sourceMappingURL=CellTextbox.js.map

package/es/components/Cell/CellTextbox/CellTextbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellTextbox.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport type { CellTextboxProps } from './CellTextbox.types';\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport { CellTextboxLabel } from './ui/CellTextLabel';\nimport { CellTextboxTitle } from './ui/CellTextTitle';\nimport { CellTextboxSubtitle } from './ui/CellTextSubtitle';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n description,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || description || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {(title || description) && <CellTextboxTitle>{title || description}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","description","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IAQaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAM/E;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AAER,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA,IAAA,EACbP,KAAK,IAAIC,KAAK,IAAIE,WAAW,IAAID,QAAQ,gBACtCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,EACKR,KAAK,iBAAIK,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAET,IAAAA,EAAAA,KAAwB,CAAC,EACrD,CAACC,KAAK,IAAIE,WAAW,kBAAKE,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAET,IAAAA,EAAAA,KAAK,IAAIE,WAA8B,CAAC,EACrFD,QAAQ,iBAAIG,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA,IAAA,EAAET,QAA8B,CACnE,CAAC,GAEHE,QAEW,CAAC,CAAA;AAE5B;;;;"}

package/es/components/Cell/CellTextbox/CellTextbox.styles.js ADDED Viewed

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { tokens } from '../Cell.tokens.js';
+var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1t9f5dx-0"
+})(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
+export { CellTextboxStyled };
+//# sourceMappingURL=CellTextbox.styles.js.map

package/es/components/Cell/CellTextbox/CellTextbox.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellTextbox.styles.js","sources":["../../../../src/components/Cell/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc;;;;"}

package/es/components/Cell/CellTextbox/ui/CellTextLabel.js ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import styled from 'styled-components';
+import { tokens } from '../../Cell.tokens.js';
+var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-2pgst1-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
+var CellTextboxLabel = function CellTextboxLabel(props) {
+  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
+};
+export { CellTextboxLabel };
+//# sourceMappingURL=CellTextLabel.js.map

package/es/components/Cell/CellTextbox/ui/CellTextLabel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellTextLabel.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextLabel = styled.div`\n color: var(${tokens.cellLabelColor});\n font-size: var(${tokens.cellLabelFontSize});\n font-weight: var(${tokens.cellLabelFontWeight});\n font-family: var(${tokens.cellLabelFontFamily});\n font-style: var(${tokens.cellLabelFontStyle});\n line-height: var(${tokens.cellLabelLineHeight});\n letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n\ntype TextLabelProps = {};\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps> = (props) => {\n return <StyledTextLabel>{props.children}</StyledTextLabel>;\n};\n"],"names":["StyledTextLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing","CellTextboxLabel","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,gBAA2E,GAAG,SAA9EA,gBAA2EA,CAAIC,KAAK,EAAK;EAClG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import styled from 'styled-components';
+import { tokens } from '../../Cell.tokens.js';
+var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-12wzp7p-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
+var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
+};
+export { CellTextboxSubtitle };
+//# sourceMappingURL=CellTextSubtitle.js.map

package/es/components/Cell/CellTextbox/ui/CellTextSubtitle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellTextSubtitle.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextSubtitle = styled.div`\n color: var(${tokens.cellSubtitleColor});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-style: var(${tokens.cellSubtitleFontStyle});\n line-height: var(${tokens.cellSubtitleLineHeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n\ntype TextSubtitleProps = {};\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps> = (props) => {\n return <StyledTextSubtitle>{props.children}</StyledTextSubtitle>;\n};\n"],"names":["StyledTextSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing","CellTextboxSubtitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CACpBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,iBAAiB,EACpBD,MAAM,CAACE,oBAAoB,EACzBF,MAAM,CAACG,sBAAsB,EAC7BH,MAAM,CAACI,sBAAsB,EAC9BJ,MAAM,CAACK,qBAAqB,EAC3BL,MAAM,CAACM,sBAAsB,EAC1BN,MAAM,CAACO,yBAAyB,CACzD,CAAA;IAIYC,mBAAiF,GAAG,SAApFA,mBAAiFA,CAAIC,KAAK,EAAK;EACxG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,kBAAkB,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA6B,CAAC,CAAA;AACpE;;;;"}

package/es/components/Cell/CellTextbox/ui/CellTextTitle.js ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import styled from 'styled-components';
+import { tokens } from '../../Cell.tokens.js';
+var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-xt8zbj-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
+var CellTextboxTitle = function CellTextboxTitle(props) {
+  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
+};
+export { CellTextboxTitle };
+//# sourceMappingURL=CellTextTitle.js.map

package/es/components/Cell/CellTextbox/ui/CellTextTitle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CellTextTitle.js","sources":["../../../../../src/components/Cell/CellTextbox/ui/CellTextTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nconst StyledTextTitle = styled.div`\n color: var(${tokens.cellTitleColor});\n font-size: var(${tokens.cellTitleFontSize});\n font-weight: var(${tokens.cellTitleFontWeight});\n font-family: var(${tokens.cellTitleFontFamily});\n font-style: var(${tokens.cellTitleFontStyle});\n line-height: var(${tokens.cellTitleLineHeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n\ntype TextTitleProps = {};\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps> = (props) => {\n return <StyledTextTitle>{props.children}</StyledTextTitle>;\n};\n"],"names":["StyledTextTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing","CellTextboxTitle","props","React","createElement","children"],"mappings":";;;;AAKA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CACjBC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB,CACtD,CAAA;IAIYC,gBAA2E,GAAG,SAA9EA,gBAA2EA,CAAIC,KAAK,EAAK;EAClG,oBAAOC,KAAA,CAAAC,aAAA,CAAChB,eAAe,EAAEc,IAAAA,EAAAA,KAAK,CAACG,QAA0B,CAAC,CAAA;AAC9D;;;;"}

package/es/components/Cell/variations/_size/base.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './base_x642ct.css';
+var base = "b6eqx01";
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Cell/variations/_size/base.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Cell/variations/_size/base_x642ct.css ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/es/components/Cell/variations/_view/base.js ADDED Viewed

@@ -0,0 +1,5 @@
+import './base_13f5j4a.css';
+var base = "b1sr9i7l";
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Cell/variations/_view/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n color: var(${tokens.cellColor});\n background-color: var(${tokens.cellBackgroundColor});\n\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAYhB;;;;"}

package/es/components/Cell/variations/_view/base_13f5j4a.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}

package/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { forwardRef, useState, useEffect } from 'react';
 import { cx } from '../../utils/index.js';
 import { PaginationRoot, PaginationPages, PaginationButtonGroup, PaginationShorter, PaginationSection, PaginationButton, PaginationActions } from './Pagination.styles.js';
-import { getSections, defaultValues } from './utils/index.js';
+import { defaultValues, getSections } from './utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_type/base.js';
 import { base as base$1 } from './variations/_size/base.js';
@@ -52,7 +52,7 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(1),
+    var _useState = useState(value !== null && value !== void 0 ? value : defaultValues.value),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -94,8 +94,9 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      handlerSetPage(1);
+      setPageValue(1);
       setPerPageValue(newPerPageValue);
+      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -104,10 +105,7 @@ var paginationRoot = function paginationRoot(Root) {
     };
     useEffect(function () {
       handlerSetPages(perPage);
-    }, [perPage, count, handlerSetPages]);
-    useEffect(function () {
-      handlerSetPage(value);
-    }, [value]);
+    }, [perPage, handlerSetPages]);
     useEffect(function () {
       setSections(getSections(page, pages, slots));
     }, [page, slots, pages, setSections, getSections]);

package/es/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(1);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n handlerSetPage(1);\n setPerPageValue(newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, count, handlerSetPages]);\n\n useEffect(() => {\n handlerSetPage(value);\n }, [value]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(value ?? defaultValues.value);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n setPageValue(1);\n setPerPageValue(newPerPageValue);\n onChangePageValue?.(1);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, handlerSetPages]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/index.css CHANGED Viewed

@@ -46,6 +46,10 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
+.base_13f5j4a_b1sr9i7l__70a09a57{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.base_13f5j4a_b1sr9i7l__70a09a57:focus{outline:0 none;}
 .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
 .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}

package/es/index.js CHANGED Viewed

@@ -19,6 +19,12 @@ export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/But
 export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
 export { chipConfig, chipRoot } from './components/Chip/Chip.js';
 export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
+export { CellTextboxLabel } from './components/Cell/CellTextbox/ui/CellTextLabel.js';
+export { CellTextboxTitle } from './components/Cell/CellTextbox/ui/CellTextTitle.js';
+export { CellTextboxSubtitle } from './components/Cell/CellTextbox/ui/CellTextSubtitle.js';
+export { cellConfig, cellRoot } from './components/Cell/Cell.js';
+export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
+export { CellTextbox } from './components/Cell/CellTextbox/CellTextbox.js';
 export { linkConfig, linkRoot } from './components/Link/Link.js';
 export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
 export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';

package/es/index.js.map CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.68.1-canary.1154.8508988159.0",
+  "version": "0.69.0-canary.1148.8505804388.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -102,5 +102,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "5a64ab00bfa322b6f0a9b0224b885732df46247f"
+  "gitHead": "5b97a03fe2269f1633f226a15249b6fa8380c4b0"
 }

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

@@ -0,0 +1,70 @@
+"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("./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")];
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      ref: outerRootRef,
+      size: size,
+      view: view,
+      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
+    }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
+      align: alignContentLeft
+    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, title || description || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {
+      label: label,
+      description: description,
+      title: title,
+      subtitle: subtitle
+    }) : children || content), 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'
+  }
+};