@salutejs/plasma-new-hope 0.69.0-canary.1148.8520837057.0 → 0.69.0-canary.1148.8538859580.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Cell/Cell.css +1 -1
- package/cjs/components/Cell/Cell.styles.js +1 -1
- package/cjs/components/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +13 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
- package/cjs/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +4 -4
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
- package/cjs/components/Cell/variations/_view/base.js +1 -1
- package/cjs/components/Cell/variations/_view/base.js.map +1 -1
- package/cjs/components/Cell/variations/_view/{base_13f5j4a.css → base_pir0qf.css} +1 -1
- package/cjs/components/Pagination/Pagination.js +14 -13
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/index.css +1 -1
- package/cjs/index.js +6 -6
- package/es/components/Cell/Cell.css +1 -1
- package/es/components/Cell/Cell.styles.js +1 -1
- package/es/components/Cell/Cell.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +9 -0
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
- package/es/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +9 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
- package/es/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +9 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
- package/es/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +4 -4
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
- package/es/components/Cell/variations/_view/base.js +1 -1
- package/es/components/Cell/variations/_view/base.js.map +1 -1
- package/es/components/Cell/variations/_view/{base_13f5j4a.css → base_pir0qf.css} +1 -1
- package/es/components/Pagination/Pagination.js +15 -14
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/index.css +1 -1
- package/es/index.js +3 -3
- package/package.json +4 -4
- package/styled-components/cjs/components/Cell/Cell.styles.js +1 -1
- package/styled-components/cjs/components/Cell/index.js +11 -11
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +3 -3
- package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +3 -3
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +12 -0
- package/styled-components/cjs/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +3 -3
- package/styled-components/cjs/components/Cell/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Pagination/Pagination.js +14 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +10 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +14 -7
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx +14 -7
- package/styled-components/es/components/Cell/Cell.styles.js +1 -1
- package/styled-components/es/components/Cell/index.js +3 -3
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +4 -4
- package/styled-components/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextLabel/CellTextLabel.styles.js → CellTextboxLabel/CellTextboxLabel.styles.js} +2 -2
- package/styled-components/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextSubtitle/CellTextSubtitle.styles.js → CellTextboxSubtitle/CellTextboxSubtitle.styles.js} +2 -2
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +5 -0
- package/styled-components/es/components/Cell/ui/{CellTextTitle/CellTextTitle.styles.js → CellTextboxTitle/CellTextboxTitle.styles.js} +2 -2
- package/styled-components/es/components/Cell/variations/_view/base.js +1 -1
- package/styled-components/es/components/Pagination/Pagination.js +14 -13
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +10 -10
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +14 -7
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +8 -8
- package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.stories.tsx +14 -7
- package/types/components/Cell/Cell.styles.d.ts.map +1 -1
- package/types/components/Cell/index.d.ts +3 -3
- package/types/components/Cell/index.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts +3 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts +2 -0
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts.map +1 -0
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
- package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +1 -1
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -13
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.styles.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -13
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -13
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js.map +0 -1
- package/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -9
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.js.map +0 -1
- package/es/components/Cell/ui/CellTextLabel/CellTextLabel.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -9
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js.map +0 -1
- package/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.js.map +0 -1
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -9
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.js.map +0 -1
- package/es/components/Cell/ui/CellTextTitle/CellTextTitle.styles.js.map +0 -1
- package/styled-components/cjs/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -12
- package/styled-components/cjs/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -12
- package/styled-components/cjs/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -12
- package/styled-components/es/components/Cell/ui/CellTextLabel/CellTextLabel.js +0 -5
- package/styled-components/es/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.js +0 -5
- package/styled-components/es/components/Cell/ui/CellTextTitle/CellTextTitle.js +0 -5
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.d.ts +0 -3
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextLabel/CellTextLabel.styles.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.d.ts +0 -3
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextSubtitle/CellTextSubtitle.styles.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.d.ts +0 -3
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.d.ts.map +0 -1
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.styles.d.ts +0 -2
- package/types/components/Cell/ui/CellTextTitle/CellTextTitle.styles.d.ts.map +0 -1
@@ -1,3 +1,3 @@
|
|
1
1
|
.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;}
|
2
2
|
|
3
|
-
.
|
3
|
+
.base_pir0qf_b1sr9i7l__baa3f156{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
@@ -14,7 +14,7 @@ var alignToFlex = {
|
|
14
14
|
var base = "b1wikybr";
|
15
15
|
var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-taup5i-0"
|
17
|
-
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
|
17
|
+
})(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
|
18
18
|
var CellContent = /*#__PURE__*/styled.div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-taup5i-1"
|
20
20
|
})(["display:flex;align-items:center;height:auto;"]);
|
@@ -1 +1 @@
|
|
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,
|
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 align-items: stretch;\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,CAK9BC,CAAAA,CAAAA,CAAAA,mFAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,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;;;;;;;;"}
|
@@ -3,9 +3,9 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
var React = require('react');
|
6
|
-
var
|
7
|
-
var
|
8
|
-
var
|
6
|
+
var CellTextboxLabel = require('../CellTextboxLabel/CellTextboxLabel.js');
|
7
|
+
var CellTextboxTitle = require('../CellTextboxTitle/CellTextboxTitle.js');
|
8
|
+
var CellTextboxSubtitle = require('../CellTextboxSubtitle/CellTextboxSubtitle.js');
|
9
9
|
var CellTextbox_styles = require('./CellTextbox.styles.js');
|
10
10
|
|
11
11
|
var CellTextbox = function CellTextbox(_ref) {
|
@@ -13,7 +13,7 @@ var CellTextbox = function CellTextbox(_ref) {
|
|
13
13
|
title = _ref.title,
|
14
14
|
subtitle = _ref.subtitle,
|
15
15
|
children = _ref.children;
|
16
|
-
return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(
|
16
|
+
return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel.CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle.CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
|
17
17
|
};
|
18
18
|
|
19
19
|
exports.CellTextbox = CellTextbox;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport {
|
1
|
+
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,oCAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,iCAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,iCAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,uCAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxLabel_styles = require('./CellTextboxLabel.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxLabel = function CellTextboxLabel(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxLabel_styles.StyledTextboxLabel, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxLabel = CellTextboxLabel;
|
13
|
+
//# sourceMappingURL=CellTextboxLabel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1mmt0od-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellLabelColor, Cell_tokens.tokens.cellLabelFontSize, Cell_tokens.tokens.cellLabelFontWeight, Cell_tokens.tokens.cellLabelFontFamily, Cell_tokens.tokens.cellLabelFontStyle, Cell_tokens.tokens.cellLabelLineHeight, Cell_tokens.tokens.cellLabelLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxLabel = StyledTextboxLabel;
|
13
|
+
//# sourceMappingURL=CellTextboxLabel.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = 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"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxSubtitle_styles = require('./CellTextboxSubtitle.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxSubtitle_styles.StyledTextboxSubtitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxSubtitle = CellTextboxSubtitle;
|
13
|
+
//# sourceMappingURL=CellTextboxSubtitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,gDAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1kug7tk-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellSubtitleColor, Cell_tokens.tokens.cellSubtitleFontSize, Cell_tokens.tokens.cellSubtitleFontWeight, Cell_tokens.tokens.cellSubtitleFontFamily, Cell_tokens.tokens.cellSubtitleFontStyle, Cell_tokens.tokens.cellSubtitleLineHeight, Cell_tokens.tokens.cellSubtitleLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxSubtitle = StyledTextboxSubtitle;
|
13
|
+
//# sourceMappingURL=CellTextboxSubtitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = 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"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;;;;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,iBAAiB,EACpBD,kBAAM,CAACE,oBAAoB,EACzBF,kBAAM,CAACG,sBAAsB,EAC7BH,kBAAM,CAACI,sBAAsB,EAC9BJ,kBAAM,CAACK,qBAAqB,EAC3BL,kBAAM,CAACM,sBAAsB,EAC1BN,kBAAM,CAACO,yBAAyB;;;;"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var CellTextboxTitle_styles = require('./CellTextboxTitle.styles.js');
|
7
|
+
|
8
|
+
var CellTextboxTitle = function CellTextboxTitle(props) {
|
9
|
+
return /*#__PURE__*/React.createElement(CellTextboxTitle_styles.StyledTextboxTitle, null, props.children);
|
10
|
+
};
|
11
|
+
|
12
|
+
exports.CellTextboxTitle = CellTextboxTitle;
|
13
|
+
//# sourceMappingURL=CellTextboxTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
var Cell_tokens = require('../../Cell.tokens.js');
|
7
7
|
|
8
|
-
var
|
9
|
-
componentId: "plasma-new-hope__sc-
|
8
|
+
var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-h92q43-0"
|
10
10
|
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellTitleColor, Cell_tokens.tokens.cellTitleFontSize, Cell_tokens.tokens.cellTitleFontWeight, Cell_tokens.tokens.cellTitleFontFamily, Cell_tokens.tokens.cellTitleFontStyle, Cell_tokens.tokens.cellTitleLineHeight, Cell_tokens.tokens.cellTitleLetterSpacing);
|
11
11
|
|
12
|
-
exports.
|
13
|
-
//# sourceMappingURL=
|
12
|
+
exports.StyledTextboxTitle = StyledTextboxTitle;
|
13
|
+
//# sourceMappingURL=CellTextboxTitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = 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"],"names":["StyledTextboxTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
|
@@ -1 +1 @@
|
|
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:
|
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: stretch;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAYhB;;;;"}
|
@@ -1 +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:
|
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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}
|
@@ -56,7 +56,7 @@ var paginationRoot = function paginationRoot(Root) {
|
|
56
56
|
onChangePageValue = _ref.onChangePageValue,
|
57
57
|
onChangePerPageValue = _ref.onChangePerPageValue,
|
58
58
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
59
|
-
var _useState = React.useState(
|
59
|
+
var _useState = React.useState(1),
|
60
60
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
61
61
|
page = _useState2[0],
|
62
62
|
setPageValue = _useState2[1];
|
@@ -83,24 +83,22 @@ var paginationRoot = function paginationRoot(Root) {
|
|
83
83
|
setPagesValue(Math.ceil(count / (newPerPage || (hasPerPage ? index.defaultValues.perPage : 1))));
|
84
84
|
};
|
85
85
|
var handlerSetPage = function handlerSetPage(newPageValue) {
|
86
|
-
var
|
87
|
-
|
88
|
-
|
89
|
-
newPageValue = pages;
|
86
|
+
var pageValue = newPageValue !== null && newPageValue !== void 0 ? newPageValue : index.defaultValues.value;
|
87
|
+
if (pageValue > pages) {
|
88
|
+
pageValue = pages;
|
90
89
|
}
|
91
|
-
if (
|
92
|
-
|
90
|
+
if (pageValue < 1) {
|
91
|
+
pageValue = 1;
|
93
92
|
}
|
94
|
-
if (disabled.includes(
|
93
|
+
if (disabled.includes(pageValue)) {
|
95
94
|
return;
|
96
95
|
}
|
97
|
-
setPageValue(
|
98
|
-
onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(
|
96
|
+
setPageValue(pageValue);
|
97
|
+
onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(pageValue);
|
99
98
|
};
|
100
99
|
var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
|
101
|
-
|
100
|
+
handlerSetPage(1);
|
102
101
|
setPerPageValue(newPerPageValue);
|
103
|
-
onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
|
104
102
|
onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
|
105
103
|
handlerSetPages(newPerPageValue);
|
106
104
|
};
|
@@ -109,7 +107,10 @@ var paginationRoot = function paginationRoot(Root) {
|
|
109
107
|
};
|
110
108
|
React.useEffect(function () {
|
111
109
|
handlerSetPages(perPage);
|
112
|
-
}, [perPage, handlerSetPages]);
|
110
|
+
}, [perPage, count, handlerSetPages]);
|
111
|
+
React.useEffect(function () {
|
112
|
+
handlerSetPage(value);
|
113
|
+
}, [value]);
|
113
114
|
React.useEffect(function () {
|
114
115
|
setSections(index.getSections(page, pages, slots));
|
115
116
|
}, [page, slots, pages, setSections, index.getSections]);
|
@@ -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>(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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"}
|
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 let pageValue = newPageValue ?? defaultValues.value;\n if (pageValue > pages) {\n pageValue = pages;\n }\n if (pageValue < 1) {\n pageValue = 1;\n }\n if (disabled.includes(pageValue)) {\n return;\n }\n setPageValue(pageValue);\n onChangePageValue?.(pageValue);\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","pageValue","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","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/cjs/index.css
CHANGED
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
.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;}
|
50
50
|
|
51
|
-
.
|
51
|
+
.base_pir0qf_b1sr9i7l__baa3f156{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
52
52
|
|
53
53
|
.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;}
|
54
54
|
|
package/cjs/index.js
CHANGED
@@ -23,9 +23,9 @@ var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
|
23
23
|
var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
|
24
24
|
var Chip = require('./components/Chip/Chip.js');
|
25
25
|
var Chip_tokens = require('./components/Chip/Chip.tokens.js');
|
26
|
-
var
|
27
|
-
var
|
28
|
-
var
|
26
|
+
var CellTextboxLabel = require('./components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js');
|
27
|
+
var CellTextboxTitle = require('./components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js');
|
28
|
+
var CellTextboxSubtitle = require('./components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js');
|
29
29
|
var Cell = require('./components/Cell/Cell.js');
|
30
30
|
var Cell_tokens = require('./components/Cell/Cell.tokens.js');
|
31
31
|
var CellTextbox = require('./components/Cell/ui/CellTextbox/CellTextbox.js');
|
@@ -244,9 +244,9 @@ exports.buttonGroupTokens = ButtonGroup_tokens.tokens;
|
|
244
244
|
exports.chipConfig = Chip.chipConfig;
|
245
245
|
exports.chipRoot = Chip.chipRoot;
|
246
246
|
exports.chipTokens = Chip_tokens.tokens;
|
247
|
-
exports.
|
248
|
-
exports.
|
249
|
-
exports.
|
247
|
+
exports.CellTextboxLabel = CellTextboxLabel.CellTextboxLabel;
|
248
|
+
exports.CellTextboxTitle = CellTextboxTitle.CellTextboxTitle;
|
249
|
+
exports.CellTextboxSubtitle = CellTextboxSubtitle.CellTextboxSubtitle;
|
250
250
|
exports.cellConfig = Cell.cellConfig;
|
251
251
|
exports.cellRoot = Cell.cellRoot;
|
252
252
|
exports.cellClasses = Cell_tokens.classes;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
.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;}
|
2
2
|
|
3
|
-
.
|
3
|
+
.base_pir0qf_b1sr9i7l__baa3f156{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:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
@@ -10,7 +10,7 @@ var alignToFlex = {
|
|
10
10
|
var base = "b1wikybr";
|
11
11
|
var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-taup5i-0"
|
13
|
-
})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
|
13
|
+
})(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
|
14
14
|
var CellContent = /*#__PURE__*/styled.div.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-taup5i-1"
|
16
16
|
})(["display:flex;align-items:center;height:auto;"]);
|
@@ -1 +1 @@
|
|
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,
|
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 align-items: stretch;\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,CAK9BC,CAAAA,CAAAA,CAAAA,mFAAAA,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;;;;"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
2
|
+
import { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel.js';
|
3
|
+
import { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle.js';
|
4
|
+
import { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle.js';
|
5
5
|
import { CellTextboxStyled } from './CellTextbox.styles.js';
|
6
6
|
|
7
7
|
var CellTextbox = function CellTextbox(_ref) {
|
@@ -9,7 +9,7 @@ var CellTextbox = function CellTextbox(_ref) {
|
|
9
9
|
title = _ref.title,
|
10
10
|
subtitle = _ref.subtitle,
|
11
11
|
children = _ref.children;
|
12
|
-
return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(
|
12
|
+
return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
|
13
13
|
};
|
14
14
|
|
15
15
|
export { CellTextbox };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport {
|
1
|
+
{"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,gBAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxLabel } from './CellTextboxLabel.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxLabel = function CellTextboxLabel(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxLabel, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxLabel };
|
9
|
+
//# sourceMappingURL=CellTextboxLabel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1mmt0od-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxLabel };
|
9
|
+
//# sourceMappingURL=CellTextboxLabel.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = 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"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,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;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxSubtitle, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxSubtitle };
|
9
|
+
//# sourceMappingURL=CellTextboxSubtitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1kug7tk-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxSubtitle };
|
9
|
+
//# sourceMappingURL=CellTextboxSubtitle.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = 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"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,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;;;;"}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { StyledTextboxTitle } from './CellTextboxTitle.styles.js';
|
3
|
+
|
4
|
+
var CellTextboxTitle = function CellTextboxTitle(props) {
|
5
|
+
return /*#__PURE__*/React.createElement(StyledTextboxTitle, null, props.children);
|
6
|
+
};
|
7
|
+
|
8
|
+
export { CellTextboxTitle };
|
9
|
+
//# sourceMappingURL=CellTextboxTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var
|
5
|
-
componentId: "plasma-new-hope__sc-
|
4
|
+
var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-h92q43-0"
|
6
6
|
})(["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);
|
7
7
|
|
8
|
-
export {
|
9
|
-
//# sourceMappingURL=
|
8
|
+
export { StyledTextboxTitle };
|
9
|
+
//# sourceMappingURL=CellTextboxTitle.styles.js.map
|