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

package/cjs/components/Cell/Cell.css

@@ -1,3 +1,3 @@
-.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;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
-.base_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;}
+.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;}

package/cjs/components/Cell/Cell.js

@@ -8,7 +8,6 @@ var Cell_styles = require('./Cell.styles.js');
 var Cell_tokens = require('./Cell.tokens.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
-var base$2 = require('./variations/_stretching/base.js');
 var Textbox = require('./Textbox/Textbox.js');
 
 var cellRoot = function cellRoot(Root) {
@@ -47,16 +46,13 @@ var cellConfig = {
   name: 'Cell',
   tag: 'div',
   layout: cellRoot,
-  base: '',
+  base: Cell_styles.base,
   variations: {
     view: {
       css: base.base
     },
     size: {
       css: base$1.base
-    },
-    stretching: {
-      css: base$2.base
     }
   },
   defaults: {

package/cjs/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { Textbox } from './Textbox/Textbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignLeft = 'center',\n                alignRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                stretching,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || subtitle || label ? (\n                                <Textbox label={label} title={title} subtitle={subtitle} />\n                            ) : (\n                                children && children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        stretching: 'filled',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,gBAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,mBAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,QAAE,CAACP,eAAe,EAAEC,mBAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,oBAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,8BAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,uBAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,eAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,qBAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDvB,IAAAA,UAAU,EAAE;AACRqB,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Textbox } from './Textbox/Textbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignLeft = 'center',\n                alignRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                stretching,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || subtitle || label ? (\n                                <Textbox label={label} title={title} subtitle={subtitle} />\n                            ) : (\n                                children && children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        stretching: 'filled',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,gBAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,mBAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,QAAE,CAACP,eAAe,EAAEC,mBAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,oBAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,8BAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,uBAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,eAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,qBAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;;"}

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

@@ -1,3 +1,4 @@
+import './Cell.styles_ygfo1w.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,12 +11,13 @@ var alignToFlex = {
   top: 'flex-start',
   bottom: 'flex-end'
 };
+var base = "b1wikybr";
 var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-taup5i-0"
-})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], Cell_tokens.tokens.cellGap);
+})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
 var CellContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-taup5i-1"
-})(["display:flex;align-items:center;"]);
+})(["display:flex;align-items:center;height:auto;"]);
 var CellLeft = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-taup5i-2"
 })(["display:flex;align-items:", ";"], function (_ref) {
@@ -33,4 +35,5 @@ exports.CellContent = CellContent;
 exports.CellContentWrapper = CellContentWrapper;
 exports.CellLeft = CellLeft;
 exports.CellRight = CellRight;
+exports.base = base;
 //# sourceMappingURL=Cell.styles.js.map

package/cjs/components/Cell/Cell.styles.js.map

@@ -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;;;;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n    center: 'center',\n    top: 'flex-start',\n    bottom: 'flex-end',\n};\n\nexport const base = css`\n    &&.${classes.fixedStretching} {\n        width: var(${tokens.cellWidth});\n    }\n    &&.${classes.filledStretching} {\n        width: 100%;\n    }\n    &&.${classes.autoStretching} {\n        width: auto;\n    }\n`;\n\nexport const CellContentWrapper = styled.div`\n    display: flex;\n    flex: auto;\n    justify-content: space-between;\n    gap: var(${tokens.cellGap});\n    height: auto;\n`;\n\nexport const CellContent = styled.div`\n    display: flex;\n    align-items: center;\n    height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n    display: flex;\n    align-items: ${({ align }) => alignToFlex[align]};\n    text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI9BC,CAAAA,CAAAA,CAAAA,+DAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,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;;;;;;;;"}

package/cjs/components/Cell/Cell.styles_ygfo1w.css

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

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

@@ -1,4 +1,4 @@
-import './base_2qgj2i.css';
+import './base_13f5j4a.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Cell/variations/_view/base.js.map

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

package/cjs/components/Cell/variations/_view/base_13f5j4a.css

@@ -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;-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

@@ -46,9 +46,9 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
-.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;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
-.base_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;}
+.base_13f5j4a_b1sr9i7l__70a09a57{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.base_13f5j4a_b1sr9i7l__70a09a57:focus{outline:0 none;}
 
 .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
 

package/es/components/Cell/Cell.css

@@ -1,3 +1,3 @@
-.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;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
-.base_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;}
+.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;}

package/es/components/Cell/Cell.js

@@ -1,10 +1,9 @@
 import React, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
-import { CellLeft, CellContentWrapper, CellContent, CellRight } from './Cell.styles.js';
+import { CellLeft, CellContentWrapper, CellContent, CellRight, base } from './Cell.styles.js';
 import { classes } from './Cell.tokens.js';
-import { base } from './variations/_view/base.js';
-import { base as base$1 } from './variations/_size/base.js';
-import { base as base$2 } from './variations/_stretching/base.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
 import { Textbox } from './Textbox/Textbox.js';
 
 var cellRoot = function cellRoot(Root) {
@@ -43,15 +42,12 @@ var cellConfig = {
   name: 'Cell',
   tag: 'div',
   layout: cellRoot,
-  base: '',
+  base: base,
   variations: {
     view: {
-      css: base
-    },
-    size: {
       css: base$1
     },
-    stretching: {
+    size: {
       css: base$2
     }
   },

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { Textbox } from './Textbox/Textbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignLeft = 'center',\n                alignRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                stretching,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || subtitle || label ? (\n                                <Textbox label={label} title={title} subtitle={subtitle} />\n                            ) : (\n                                children && children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        stretching: 'filled',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,EAAE,CAACP,eAAe,EAAEC,OAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,kBAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,OAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,SAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDvB,IAAAA,UAAU,EAAE;AACRqB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Textbox } from './Textbox/Textbox';\n\nexport const cellRoot = (Root: RootProps<HTMLSelectElement, CellProps>) =>\n    forwardRef<HTMLSelectElement, CellProps>(\n        (\n            {\n                size,\n                view,\n                contentLeft,\n                contentRight,\n                alignLeft = 'center',\n                alignRight = 'center',\n                children,\n                title,\n                subtitle,\n                label,\n                stretching,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n                    {contentLeft && <CellLeft align={alignLeft}>{contentLeft}</CellLeft>}\n                    <CellContentWrapper>\n                        <CellContent>\n                            {title || subtitle || label ? (\n                                <Textbox label={label} title={title} subtitle={subtitle} />\n                            ) : (\n                                children && children\n                            )}\n                        </CellContent>\n                        {contentRight && <CellRight align={alignRight}>{contentRight}</CellRight>}\n                    </CellContentWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const cellConfig = {\n    name: 'Cell',\n    tag: 'div',\n    layout: cellRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        stretching: 'filled',\n    },\n};\n"],"names":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignLeft","alignLeft","_ref$alignRight","alignRight","children","title","subtitle","label","stretching","stretchingClass","classes","concat","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","Textbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CACN,UAAAC,IAAA,EAcIC,YAAY,EACX;AAAA,IAAA,IAbGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,cAAA,GAAAN,IAAA,CACZO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAAAE,eAAA,GAAAR,IAAA,CACpBS,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,UAAU,GAAAd,IAAA,CAAVc,UAAU,CAAA;AAId,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACkB,MAAAA,SAAS,EAAEC,EAAE,CAACP,eAAe,EAAEC,OAAO,CAACnB,QAAQ,CAAA;AAAE,KAAA,EAC7FO,WAAW,iBAAIc,KAAA,CAAAC,aAAA,CAACI,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEjB,SAAAA;KAAYH,EAAAA,WAAsB,CAAC,eACpEc,KAAA,CAAAC,aAAA,CAACM,kBAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA,IAAA,EACPf,KAAK,IAAIC,QAAQ,IAAIC,KAAK,gBACvBK,KAAA,CAAAC,aAAA,CAACQ,OAAO,EAAA;AAACd,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAACC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,GAE3DF,QAAQ,IAAIA,QAEP,CAAC,EACbL,YAAY,iBAAIa,KAAA,CAAAC,aAAA,CAACS,SAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEf,UAAAA;KAAaJ,EAAAA,YAAwB,CACxD,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,QAAQ;AAChBoC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR/B,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAG;AACTY,IAAAA,UAAU,EAAE,QAAA;AAChB,GAAA;AACJ;;;;"}

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import './base_2qgj2i.css';
+import './base_13f5j4a.css';
 var base = "b1sr9i7l";
 
 export { base };

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

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

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

@@ -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;-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

@@ -46,9 +46,9 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
-.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;}
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
 
-.base_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;}
+.base_13f5j4a_b1sr9i7l__70a09a57{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-cell-gap);}.base_13f5j4a_b1sr9i7l__70a09a57:focus{outline:0 none;}
 
 .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.68.0-canary.1148.8452223133.0",
+  "version": "0.68.0-canary.1148.8464224381.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -102,5 +102,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "973233b45fe250203426c1a59c7e508518e81f32"
+  "gitHead": "219983463f6268303cb6260ad066187fc4973761"
 }

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

@@ -11,7 +11,6 @@ var _Cell = /*#__PURE__*/require("./Cell.styles");
 var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _base3 = /*#__PURE__*/require("./variations/_stretching/base");
 var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -51,16 +50,13 @@ var cellConfig = exports.cellConfig = {
   name: 'Cell',
   tag: 'div',
   layout: cellRoot,
-  base: '',
+  base: _Cell.base,
   variations: {
     view: {
       css: _base.base
     },
     size: {
       css: _base2.base
-    },
-    stretching: {
-      css: _base3.base
     }
   },
   defaults: {

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

@@ -1,23 +1,26 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+exports.base = exports.CellRight = exports.CellLeft = exports.CellContentWrapper = exports.CellContent = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _Cell = /*#__PURE__*/require("./Cell.tokens");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var alignToFlex = {
   center: 'center',
   top: 'flex-start',
   bottom: 'flex-end'
 };
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{width:var(", ");}&&.", "{width:100%;}&&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);
 var CellContentWrapper = exports.CellContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-0"
-})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], _Cell.tokens.cellGap);
+})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], _Cell.tokens.cellGap);
 var CellContent = exports.CellContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-1"
-})(["display:flex;align-items:center;"]);
+})(["display:flex;align-items:center;height:auto;"]);
 var CellLeft = exports.CellLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-2"
 })(["display:flex;align-items:", ";"], function (_ref) {

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

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Cell = /*#__PURE__*/require("../../Cell.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);
+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);

package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js

@@ -21,11 +21,6 @@ var config = exports.config = {
       m: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      filled: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      fixed: /*#__PURE__*/(0, _styledComponents.css)([""])
     }
   }
 };

package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js

@@ -21,11 +21,6 @@ var config = exports.config = {
       m: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      filled: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      fixed: /*#__PURE__*/(0, _styledComponents.css)([""])
     }
   }
 };

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

@@ -1,10 +1,9 @@
 import React, { forwardRef } from 'react';
 import { cx } from '../../utils';
-import { CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';
+import { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';
 import { classes } from './Cell.tokens';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
-import { base as stretchingCSS } from './variations/_stretching/base';
 import { Textbox } from './Textbox/Textbox';
 export var cellRoot = function cellRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
@@ -42,16 +41,13 @@ export var cellConfig = {
   name: 'Cell',
   tag: 'div',
   layout: cellRoot,
-  base: '',
+  base: base,
   variations: {
     view: {
       css: viewCSS
     },
     size: {
       css: sizeCSS
-    },
-    stretching: {
-      css: stretchingCSS
     }
   },
   defaults: {

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

@@ -1,16 +1,18 @@
 import styled from 'styled-components';
-import { tokens } from './Cell.tokens';
+import { css } from 'styled-components';
+import { tokens, classes } from './Cell.tokens';
 var alignToFlex = {
   center: 'center',
   top: 'flex-start',
   bottom: 'flex-end'
 };
+export var base = /*#__PURE__*/css(["&&.", "{width:var(", ");}&&.", "{width:100%;}&&.", "{width:auto;}"], classes.fixedStretching, tokens.cellWidth, classes.filledStretching, classes.autoStretching);
 export var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-0"
-})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");"], tokens.cellGap);
+})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
 export var CellContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-1"
-})(["display:flex;align-items:center;"]);
+})(["display:flex;align-items:center;height:auto;"]);
 export var CellLeft = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-16emz3n-2"
 })(["display:flex;align-items:", ";"], function (_ref) {

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

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
 import { tokens } from '../../Cell.tokens';
-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);
+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);

package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js

@@ -15,11 +15,6 @@ export var config = {
       m: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
       s: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
       xs: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/css([""]),
-      filled: /*#__PURE__*/css([""]),
-      fixed: /*#__PURE__*/css([""])
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js

@@ -15,11 +15,6 @@ export var config = {
       m: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
       s: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
       xs: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/css([""]),
-      filled: /*#__PURE__*/css([""]),
-      fixed: /*#__PURE__*/css([""])
     }
   }
 };

package/types/components/Cell/Cell.d.ts

@@ -6,7 +6,7 @@ export declare const cellConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
-    base: string;
+    base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {
             css: import("@linaria/core").LinariaClassName;
@@ -14,9 +14,6 @@ export declare const cellConfig: {
         size: {
             css: import("@linaria/core").LinariaClassName;
         };
-        stretching: {
-            css: import("@linaria/core").LinariaClassName;
-        };
     };
     defaults: {
         view: string;

package/types/components/Cell/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAoCjE,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAtCQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;CA2DrE,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAoCjE,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAtCQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;CAwDrE,CAAC"}

package/types/components/Cell/Cell.styles.d.ts

@@ -1,10 +1,11 @@
-import type { AlignLeftProp, AlignRightProp } from './Cell.types';
+import type { AlignProp } from './Cell.types';
+export declare const base: import("@linaria/core").LinariaClassName;
 export declare const CellContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CellLeft: import("styled-components").StyledComponent<"div", any, {
-    align: AlignLeftProp;
+    align: AlignProp;
 }, never>;
 export declare const CellRight: import("styled-components").StyledComponent<"div", any, {
-    align: AlignRightProp;
+    align: AlignProp;
 }, never>;
 //# sourceMappingURL=Cell.styles.d.ts.map

package/types/components/Cell/Cell.styles.d.ts.map

@@ -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"}
+{"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,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"}

package/types/components/Cell/Cell.types.d.ts

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
 import type { TextboxProps } from './Textbox/Textbox.types';
-export declare type AlignLeftProp = 'center' | 'top' | 'bottom';
-export declare type AlignRightProp = 'center' | 'top' | 'bottom';
+export declare type AlignProp = 'center' | 'top' | 'bottom';
 declare type CustomCellProps = {
     /**
      * Размер
@@ -26,11 +25,11 @@ declare type CustomCellProps = {
     /**
      * Вертикальное выравнивание контента слева.
      */
-    alignLeft?: AlignLeftProp;
+    alignLeft?: AlignProp;
     /**
      * Вертикальное выравнивание контента справа.
      */
-    alignRight?: AlignRightProp;
+    alignRight?: AlignProp;
     /**
      * Ширина cell
      * @description

package/types/components/Cell/Cell.types.d.ts.map

@@ -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"}
+{"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"}

package/types/components/Cell/Textbox/Textbox.types.d.ts

@@ -1,6 +1,4 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-export declare type AlignLeftProp = 'center' | 'top' | 'bottom';
-export declare type AlignRightProp = 'center' | 'top';
 declare type CustomTextboxProps = {
     /**
      * Слот для Title

package/types/components/Cell/Textbox/Textbox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AACxD,oBAAY,cAAc,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9C,aAAK,kBAAkB,GACjB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Textbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,aAAK,kBAAkB,GACjB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}

package/types/components/Cell/variations/_view/base.d.ts.map

@@ -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"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}

package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts

@@ -14,11 +14,6 @@ export declare const config: {
             s: import("@linaria/core").LinariaClassName;
             xs: import("@linaria/core").LinariaClassName;
         };
-        stretching: {
-            auto: import("@linaria/core").LinariaClassName;
-            filled: import("@linaria/core").LinariaClassName;
-            fixed: import("@linaria/core").LinariaClassName;
-        };
     };
 };
 //# sourceMappingURL=Cell.config.d.ts.map

package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAwJlB,CAAC"}
+{"version":3,"file":"Cell.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAmJlB,CAAC"}

package/types/examples/plasma_b2c/components/Cell/Cell.d.ts

@@ -10,19 +10,14 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
         s: import("@linaria/core").LinariaClassName;
         xs: import("@linaria/core").LinariaClassName;
     };
-    stretching: {
-        auto: import("@linaria/core").LinariaClassName;
-        filled: import("@linaria/core").LinariaClassName;
-        fixed: import("@linaria/core").LinariaClassName;
-    };
 }> & (({
     size?: string | undefined;
     view: string;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     content?: import("react").ReactNode;
-    alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
-    alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
+    alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
+    alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
     stretching?: "fixed" | "auto" | "filled" | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     title?: import("react").ReactNode;
@@ -35,8 +30,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     content?: import("react").ReactNode;
-    alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
-    alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
+    alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
+    alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
     stretching?: "fixed" | "auto" | "filled" | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     title?: undefined;

package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMtG,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Cell/Cell.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMtG,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/types/examples/plasma_web/components/Cell/Cell.config.d.ts

@@ -14,11 +14,6 @@ export declare const config: {
             s: import("@linaria/core").LinariaClassName;
             xs: import("@linaria/core").LinariaClassName;
         };
-        stretching: {
-            auto: import("@linaria/core").LinariaClassName;
-            filled: import("@linaria/core").LinariaClassName;
-            fixed: import("@linaria/core").LinariaClassName;
-        };
     };
 };
 //# sourceMappingURL=Cell.config.d.ts.map

package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Cell/Cell.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAyJlB,CAAC"}
+{"version":3,"file":"Cell.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Cell/Cell.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAoJlB,CAAC"}

package/types/examples/plasma_web/components/Cell/Cell.d.ts

@@ -10,19 +10,14 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
         s: import("@linaria/core").LinariaClassName;
         xs: import("@linaria/core").LinariaClassName;
     };
-    stretching: {
-        auto: import("@linaria/core").LinariaClassName;
-        filled: import("@linaria/core").LinariaClassName;
-        fixed: import("@linaria/core").LinariaClassName;
-    };
 }> & (({
     size?: string | undefined;
     view: string;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     content?: import("react").ReactNode;
-    alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
-    alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
+    alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
+    alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
     stretching?: "fixed" | "auto" | "filled" | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     title?: import("react").ReactNode;
@@ -35,8 +30,8 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
     content?: import("react").ReactNode;
-    alignLeft?: import("../../../../components/Cell/Cell.types").AlignLeftProp | undefined;
-    alignRight?: import("../../../../components/Cell/Cell.types").AlignRightProp | undefined;
+    alignLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
+    alignRight?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
     stretching?: "fixed" | "auto" | "filled" | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     title?: undefined;

package/types/examples/plasma_web/components/Cell/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Cell/Cell.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMtG,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Cell/Cell.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMtG,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1,9 +0,0 @@
-import './base_1ryz4br.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var base = "b1ppwsal";
-
-exports.base = base;
-//# sourceMappingURL=base.js.map

package/cjs/components/Cell/variations/_stretching/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Cell.tokens';\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"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}

package/cjs/components/Cell/variations/_stretching/base_1ryz4br.css

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

package/cjs/components/Cell/variations/_view/base_2qgj2i.css

@@ -1 +0,0 @@
-.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;}

package/es/components/Cell/variations/_stretching/base.js

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

package/es/components/Cell/variations/_stretching/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Cell.tokens';\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"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAUhB;;;;"}

package/es/components/Cell/variations/_stretching/base_1ryz4br.css

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

package/es/components/Cell/variations/_view/base_2qgj2i.css

@@ -1 +0,0 @@
-.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;}