@salutejs/plasma-new-hope 0.68.0-canary.1148.8452223133.0 → 0.68.0-canary.1148.8452547227.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (28) hide show
  1. package/cjs/components/Cell/Cell.css +1 -1
  2. package/cjs/components/Cell/Cell.styles.js +2 -2
  3. package/cjs/components/Cell/Cell.styles.js.map +1 -1
  4. package/cjs/components/Cell/variations/_view/base.js +1 -1
  5. package/cjs/components/Cell/variations/_view/base.js.map +1 -1
  6. package/cjs/components/Cell/variations/_view/base_13f5j4a.css +1 -0
  7. package/cjs/index.css +1 -1
  8. package/es/components/Cell/Cell.css +1 -1
  9. package/es/components/Cell/Cell.styles.js +2 -2
  10. package/es/components/Cell/Cell.styles.js.map +1 -1
  11. package/es/components/Cell/variations/_view/base.js +1 -1
  12. package/es/components/Cell/variations/_view/base.js.map +1 -1
  13. package/es/components/Cell/variations/_view/base_13f5j4a.css +1 -0
  14. package/es/index.css +1 -1
  15. package/package.json +2 -2
  16. package/styled-components/cjs/components/Cell/Cell.styles.js +2 -2
  17. package/styled-components/cjs/components/Cell/variations/_view/base.js +1 -1
  18. package/styled-components/es/components/Cell/Cell.styles.js +2 -2
  19. package/styled-components/es/components/Cell/variations/_view/base.js +1 -1
  20. package/types/components/Cell/Cell.styles.d.ts +3 -3
  21. package/types/components/Cell/Cell.styles.d.ts.map +1 -1
  22. package/types/components/Cell/Cell.types.d.ts +3 -4
  23. package/types/components/Cell/Cell.types.d.ts.map +1 -1
  24. package/types/components/Cell/variations/_view/base.d.ts.map +1 -1
  25. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +4 -4
  26. package/types/examples/plasma_web/components/Cell/Cell.d.ts +4 -4
  27. package/cjs/components/Cell/variations/_view/base_2qgj2i.css +0 -1
  28. package/es/components/Cell/variations/_view/base_2qgj2i.css +0 -1
@@ -1,3 +1,3 @@
1
- .base_2qgj2i_b1sr9i7l__db33292d{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;gap:var(--plasma-cell-gap);}.base_2qgj2i_b1sr9i7l__db33292d:focus{outline:0 none;}
1
+ .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;}
2
2
 
3
3
  .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
@@ -12,10 +12,10 @@ var alignToFlex = {
12
12
  };
13
13
  var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
14
14
  componentId: "plasma-new-hope__sc-taup5i-0"
15
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], Cell_tokens.tokens.cellGap);
15
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
16
16
  var CellContent = /*#__PURE__*/styled.div.withConfig({
17
17
  componentId: "plasma-new-hope__sc-taup5i-1"
18
- })(["display:flex;align-items:center;"]);
18
+ })(["display:flex;align-items:center;height:auto;"]);
19
19
  var CellLeft = /*#__PURE__*/styled.div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-taup5i-2"
21
21
  })(["display:flex;align-items:", ";"], function (_ref) {
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignLeftProp, AlignRightProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignLeftProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignRightProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAO,EAC5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,kCAAA,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,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,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,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;;;;"}
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\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","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAO,EAE5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIpC,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,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,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,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import './base_2qgj2i.css';
1
+ import './base_13f5j4a.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -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 gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAWhB;;;;"}
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;;;;"}
@@ -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/cjs/index.css CHANGED
@@ -46,7 +46,7 @@
46
46
  .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);}
47
47
  .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);}
48
48
 
49
- .base_2qgj2i_b1sr9i7l__db33292d{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;gap:var(--plasma-cell-gap);}.base_2qgj2i_b1sr9i7l__db33292d:focus{outline:0 none;}
49
+ .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;}
50
50
 
51
51
  .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
52
52
 
@@ -1,3 +1,3 @@
1
- .base_2qgj2i_b1sr9i7l__db33292d{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;gap:var(--plasma-cell-gap);}.base_2qgj2i_b1sr9i7l__db33292d:focus{outline:0 none;}
1
+ .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;}
2
2
 
3
3
  .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
@@ -8,10 +8,10 @@ var alignToFlex = {
8
8
  };
9
9
  var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
10
10
  componentId: "plasma-new-hope__sc-taup5i-0"
11
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], tokens.cellGap);
11
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
12
12
  var CellContent = /*#__PURE__*/styled.div.withConfig({
13
13
  componentId: "plasma-new-hope__sc-taup5i-1"
14
- })(["display:flex;align-items:center;"]);
14
+ })(["display:flex;align-items:center;height:auto;"]);
15
15
  var CellLeft = /*#__PURE__*/styled.div.withConfig({
16
16
  componentId: "plasma-new-hope__sc-taup5i-2"
17
17
  })(["display:flex;align-items:", ";"], function (_ref) {
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignLeftProp, AlignRightProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignLeftProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignRightProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAO,EAC5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,kCAAA,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,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,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,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;"}
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\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","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAKA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAO,EAE5B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIpC,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,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CACnD,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,KAAK,GAAAE,KAAA,CAALF,KAAK,CAAA;EAAA,OAAOd,WAAW,CAACc,KAAK,CAAC,CAAA;AAAA,CAEnD;;;;"}
@@ -1,4 +1,4 @@
1
- import './base_2qgj2i.css';
1
+ import './base_13f5j4a.css';
2
2
  var base = "b1sr9i7l";
3
3
 
4
4
  export { base };
@@ -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 gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAWhB;;;;"}
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;;;;"}
@@ -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/index.css CHANGED
@@ -46,7 +46,7 @@
46
46
  .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);}
47
47
  .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);}
48
48
 
49
- .base_2qgj2i_b1sr9i7l__db33292d{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;gap:var(--plasma-cell-gap);}.base_2qgj2i_b1sr9i7l__db33292d:focus{outline:0 none;}
49
+ .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;}
50
50
 
51
51
  .base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
52
52
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.68.0-canary.1148.8452223133.0",
3
+ "version": "0.68.0-canary.1148.8452547227.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "973233b45fe250203426c1a59c7e508518e81f32"
105
+ "gitHead": "c24d845e62938cfeb9d38497af767f08ecf14f62"
106
106
  }
@@ -14,10 +14,10 @@ var alignToFlex = {
14
14
  };
15
15
  var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
16
  componentId: "plasma-new-hope__sc-16emz3n-0"
17
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], _Cell.tokens.cellGap);
17
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], _Cell.tokens.cellGap);
18
18
  var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
19
  componentId: "plasma-new-hope__sc-16emz3n-1"
20
- })(["display:flex;align-items:center;"]);
20
+ })(["display:flex;align-items:center;height:auto;"]);
21
21
  var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
22
  componentId: "plasma-new-hope__sc-16emz3n-2"
23
23
  })(["display:flex;align-items:", ";"], function (_ref) {
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Cell = /*#__PURE__*/require("../../Cell.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);
@@ -7,10 +7,10 @@ var alignToFlex = {
7
7
  };
8
8
  export var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
9
9
  componentId: "plasma-new-hope__sc-16emz3n-0"
10
- })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], tokens.cellGap);
10
+ })(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
11
11
  export var CellContent = /*#__PURE__*/styled.div.withConfig({
12
12
  componentId: "plasma-new-hope__sc-16emz3n-1"
13
- })(["display:flex;align-items:center;"]);
13
+ })(["display:flex;align-items:center;height:auto;"]);
14
14
  export var CellLeft = /*#__PURE__*/styled.div.withConfig({
15
15
  componentId: "plasma-new-hope__sc-16emz3n-2"
16
16
  })(["display:flex;align-items:", ";"], function (_ref) {
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
2
  import { tokens } from '../../Cell.tokens';
3
- export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], tokens.cellColor, tokens.cellBackgroundColor, tokens.cellGap);
3
+ export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], tokens.cellColor, tokens.cellBackgroundColor, tokens.cellGap);
@@ -1,10 +1,10 @@
1
- import type { AlignLeftProp, AlignRightProp } from './Cell.types';
1
+ import type { AlignProp } from './Cell.types';
2
2
  export declare const CellContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  export declare const CellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const CellLeft: import("styled-components").StyledComponent<"div", any, {
5
- align: AlignLeftProp;
5
+ align: AlignProp;
6
6
  }, never>;
7
7
  export declare const CellRight: import("styled-components").StyledComponent<"div", any, {
8
- align: AlignRightProp;
8
+ align: AlignProp;
9
9
  }, never>;
10
10
  //# sourceMappingURL=Cell.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AASlE,eAAO,MAAM,kBAAkB,oEAK9B,CAAC;AAEF,eAAO,MAAM,WAAW,oEAGvB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAAuB,aAAa;SAGxD,CAAC;AAEF,eAAO,MAAM,SAAS;WAAuB,cAAc;SAI1D,CAAC"}
1
+ {"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,kBAAkB,oEAM9B,CAAC;AAEF,eAAO,MAAM,WAAW,oEAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAAuB,SAAS;SAGpD,CAAC;AAEF,eAAO,MAAM,SAAS;WAAuB,SAAS;SAIrD,CAAC"}
@@ -1,7 +1,6 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import type { TextboxProps } from './Textbox/Textbox.types';
3
- export declare type AlignLeftProp = 'center' | 'top' | 'bottom';
4
- export declare type AlignRightProp = 'center' | 'top' | 'bottom';
3
+ export declare type AlignProp = 'center' | 'top' | 'bottom';
5
4
  declare type CustomCellProps = {
6
5
  /**
7
6
  * Размер
@@ -26,11 +25,11 @@ declare type CustomCellProps = {
26
25
  /**
27
26
  * Вертикальное выравнивание контента слева.
28
27
  */
29
- alignLeft?: AlignLeftProp;
28
+ alignLeft?: AlignProp;
30
29
  /**
31
30
  * Вертикальное выравнивание контента справа.
32
31
  */
33
- alignRight?: AlignRightProp;
32
+ alignRight?: AlignProp;
34
33
  /**
35
34
  * Ширина cell
36
35
  * @description
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AACxD,oBAAY,cAAc,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEzD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAWhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}
@@ -21,8 +21,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
21
21
  contentLeft?: import("react").ReactNode;
22
22
  contentRight?: import("react").ReactNode;
23
23
  content?: import("react").ReactNode;
24
- alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
25
- alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
24
+ alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
25
+ alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
26
26
  stretching?: "fixed" | "auto" | "filled" | undefined;
27
27
  } & import("react").HTMLAttributes<HTMLDivElement> & {
28
28
  title?: import("react").ReactNode;
@@ -35,8 +35,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
35
35
  contentLeft?: import("react").ReactNode;
36
36
  contentRight?: import("react").ReactNode;
37
37
  content?: import("react").ReactNode;
38
- alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
39
- alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
38
+ alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
39
+ alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
40
40
  stretching?: "fixed" | "auto" | "filled" | undefined;
41
41
  } & import("react").HTMLAttributes<HTMLDivElement> & {
42
42
  title?: undefined;
@@ -21,8 +21,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
21
21
  contentLeft?: import("react").ReactNode;
22
22
  contentRight?: import("react").ReactNode;
23
23
  content?: import("react").ReactNode;
24
- alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
25
- alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
24
+ alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
25
+ alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
26
26
  stretching?: "fixed" | "auto" | "filled" | undefined;
27
27
  } & import("react").HTMLAttributes<HTMLDivElement> & {
28
28
  title?: import("react").ReactNode;
@@ -35,8 +35,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
35
35
  contentLeft?: import("react").ReactNode;
36
36
  contentRight?: import("react").ReactNode;
37
37
  content?: import("react").ReactNode;
38
- alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
39
- alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
38
+ alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
39
+ alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
40
40
  stretching?: "fixed" | "auto" | "filled" | undefined;
41
41
  } & import("react").HTMLAttributes<HTMLDivElement> & {
42
42
  title?: undefined;
@@ -1 +0,0 @@
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;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}
@@ -1 +0,0 @@
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;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}