@salutejs/plasma-new-hope 0.157.0-canary.1438.11114892430.0 → 0.157.0-canary.1443.11121362963.0

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

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = styled.div`\n    color: var(${tokens.cellSubtitleColor});\n    font-size: var(${tokens.cellSubtitleFontSize});\n    font-weight: var(${tokens.cellSubtitleFontWeight});\n    font-family: var(${tokens.cellSubtitleFontFamily});\n    font-style: var(${tokens.cellSubtitleFontStyle});\n    line-height: var(${tokens.cellSubtitleLineHeight});\n    letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n"],"names":["StyledTextboxSubtitle","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,qBAAqB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ1C;;;;"}
+{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = styled.div`\n    color: var(${tokens.cellSubtitleColor});\n    font-size: var(${tokens.cellSubtitleFontSize});\n    font-weight: var(${tokens.cellSubtitleFontWeight});\n    font-family: var(${tokens.cellSubtitleFontFamily});\n    font-style: var(${tokens.cellSubtitleFontStyle});\n    line-height: var(${tokens.cellSubtitleLineHeight});\n    letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;;;;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,iBAAiB,EACpBD,kBAAM,CAACE,oBAAoB,EACzBF,kBAAM,CAACG,sBAAsB,EAC7BH,kBAAM,CAACI,sBAAsB,EAC9BJ,kBAAM,CAACK,qBAAqB,EAC3BL,kBAAM,CAACM,sBAAsB,EAC1BN,kBAAM,CAACO,yBAAyB;;;;"}

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

@@ -1,15 +1,13 @@
-import './CellTextboxTitle.styles_jogov7.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
+var Cell_tokens = require('../../Cell.tokens.js');
 
-var StyledTextboxTitle = /*#__PURE__*/react.styled('div')({
-  name: "StyledTextboxTitle",
-  "class": "s16psy9b",
-  propsAsIs: false
-});
+var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-h92q43-0"
+})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellTitleColor, Cell_tokens.tokens.cellTitleFontSize, Cell_tokens.tokens.cellTitleFontWeight, Cell_tokens.tokens.cellTitleFontFamily, Cell_tokens.tokens.cellTitleFontStyle, Cell_tokens.tokens.cellTitleLineHeight, Cell_tokens.tokens.cellTitleLetterSpacing);
 
 exports.StyledTextboxTitle = StyledTextboxTitle;
 //# sourceMappingURL=CellTextboxTitle.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = styled.div`\n    color: var(${tokens.cellTitleColor});\n    font-size: var(${tokens.cellTitleFontSize});\n    font-weight: var(${tokens.cellTitleFontWeight});\n    font-family: var(${tokens.cellTitleFontFamily});\n    font-style: var(${tokens.cellTitleFontStyle});\n    line-height: var(${tokens.cellTitleLineHeight});\n    letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n"],"names":["StyledTextboxTitle","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQvC;;;;"}
+{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = styled.div`\n    color: var(${tokens.cellTitleColor});\n    font-size: var(${tokens.cellTitleFontSize});\n    font-weight: var(${tokens.cellTitleFontWeight});\n    font-family: var(${tokens.cellTitleFontFamily});\n    font-style: var(${tokens.cellTitleFontStyle});\n    line-height: var(${tokens.cellTitleLineHeight});\n    letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n"],"names":["StyledTextboxTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}

package/cjs/components/Combobox/ComboboxNew/Combobox.css

@@ -18,22 +18,10 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
-
-.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
-
-.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
-
-.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
-.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
-.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
-.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
-.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+.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_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
 
-.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
-
 .Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
 
 .Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}

package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css

@@ -107,22 +107,10 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
-
-.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
-
-.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
-
-.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
-.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
-.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
-.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
-.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+.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_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
 
-.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
-
 .Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
 
 .Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}

package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css

@@ -107,22 +107,10 @@
 
 .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
-
-.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
-
-.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
-
-.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
-.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
-.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
-.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
-.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+.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_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
 
-.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
-
 .Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
 
 .Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}

package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -10,6 +10,7 @@ var common = require('../../../../../../../engines/common.js');
 var Checkbox$1 = require('../../../../../../Checkbox/Checkbox.js');
 var Indicator$1 = require('../../../../../../Indicator/Indicator.js');
 require('react');
+require('styled-components');
 var Cell$1 = require('../../../../../../Cell/Cell.js');
 
 var mergedCheckboxConfig = /*#__PURE__*/common.mergeConfig(Checkbox$1.checkboxConfig);

package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n   ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    &:hover {\n        color: var(${constants.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n\n    & .${classes.selectItemCheckbox} {\n        --plasma-checkbox-trigger-size: ${({ variant }) =>\n            `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n        --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n            `var(${\n                variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n            })`};\n    }\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: var(${tokens.borderRadius});\n    user-select: none;\n    border-right: 2px solid transparent;\n    border-left: 2px solid transparent;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp53","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp54","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp57","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n   ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    &:hover {\n        color: var(${constants.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    margin: var(${tokens.itemIconMargin});\n    line-height: 0;\n    color: var(${tokens.checkboxFillColor});\n\n    & .${classes.selectItemCheckbox} {\n        --plasma-checkbox-trigger-size: ${({ variant }) =>\n            `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n        --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n            `var(${\n                variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n            })`};\n    }\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: var(${tokens.borderRadius});\n    user-select: none;\n    border-right: 2px solid transparent;\n    border-left: 2px solid transparent;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${constants.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp53","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp54","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp57","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}

package/cjs/components/Drawer/Drawer.css

@@ -55,5 +55,3 @@
 .base_hlhsst_b1r0qiiy__1faf4773{--plasma-panel-padding:var(--plasma-drawer-padding);}
 
 .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
-
-.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerOverlay__6994d429{-webkit-animation:Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_drawerOverlay__6994d429{-webkit-animation:Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429{from{opacity:1;}to{opacity:0;}}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}

package/cjs/components/Drawer/Drawer.styles.js

@@ -1,23 +1,76 @@
-import './Drawer.styles_19qopdy.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('@linaria/react');
+var styled = require('styled-components');
 require('@linaria/core');
 var common = require('../../engines/common.js');
 require('react');
 var Popup$1 = require('../Popup/Popup.js');
+var Popup_tokens = require('../Popup/Popup.tokens.js');
+var Drawer_tokens = require('./Drawer.tokens.js');
 
 var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
-var _exp = function _exp() {
-  return Popup;
+var animationVariants = {
+  right: {
+    show: {
+      start: 'translate(100%, -50%)',
+      end: 'translate(0, -50%)'
+    },
+    hide: {
+      start: 'translate(0, -50%)',
+      end: 'translate(100%, -50%)'
+    }
+  },
+  bottom: {
+    show: {
+      start: 'translate(-50%, 100%)',
+      end: 'translate(-50%, 0)'
+    },
+    hide: {
+      start: 'translate(-50%, 0)',
+      end: 'translate(-50%, 100%)'
+    }
+  },
+  left: {
+    show: {
+      start: 'translate(-100%, -50%)',
+      end: 'translate(0, -50%)'
+    },
+    hide: {
+      start: 'translate(0, -50%)',
+      end: 'translate(-100%, -50%)'
+    }
+  },
+  top: {
+    show: {
+      start: 'translate(-50%, -100%)',
+      end: 'translate(-50%, 0)'
+    },
+    hide: {
+      start: 'translate(-50%, 0)',
+      end: 'translate(-50%, -100%)'
+    }
+  }
 };
-var StyledPopup = /*#__PURE__*/react.styled(_exp())({
-  name: "StyledPopup",
-  "class": "s1ewnow2",
-  propsAsIs: true
-});
+var templateAnimationStyle = function templateAnimationStyle(placement) {
+  return "\n        &.".concat(Drawer_tokens.classes["".concat(placement, "Placement")], " {\n            && .").concat(Popup_tokens.classes.root, " {\n                animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n            }\n\n            &&.").concat(Popup_tokens.classes.endAnimation, " .").concat(Popup_tokens.classes.root, " {\n                animation: ").concat(placement, "HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ").concat(placement, "ShowAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].show.start, ";\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].show.end, ";\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ").concat(placement, "HideAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].hide.start, ";\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].hide.end, ";\n                    opacity: 0;\n                }\n            }   \n        }\n    ");
+};
+var getAnimationStyles = function getAnimationStyles() {
+  return Object.keys(animationVariants).reduce(function (acc, placement) {
+    acc += templateAnimationStyle(placement);
+    return acc;
+  }, '');
+};
+var StyledPopup = /*#__PURE__*/styled(Popup).withConfig({
+  componentId: "plasma-new-hope__sc-rwu6sj-0"
+})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}", ""], Drawer_tokens.classes.overlay, Popup_tokens.classes.endAnimation, Drawer_tokens.classes.overlay, Popup_tokens.classes.root, Popup_tokens.classes.root, function (_ref) {
+  var width = _ref.width;
+  return width;
+}, function (_ref2) {
+  var height = _ref2.height;
+  return height;
+}, /*#__PURE__*/getAnimationStyles());
 
 exports.StyledPopup = StyledPopup;
 //# sourceMappingURL=Drawer.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }\n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAQA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,WAAW,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkChC;;;;"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n    right: {\n        show: {\n            start: 'translate(100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(100%, -50%)',\n        },\n    },\n    bottom: {\n        show: {\n            start: 'translate(-50%, 100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, 100%)',\n        },\n    },\n    left: {\n        show: {\n            start: 'translate(-100%, -50%)',\n            end: 'translate(0, -50%)',\n        },\n        hide: {\n            start: 'translate(0, -50%)',\n            end: 'translate(-100%, -50%)',\n        },\n    },\n    top: {\n        show: {\n            start: 'translate(-50%, -100%)',\n            end: 'translate(-50%, 0)',\n        },\n        hide: {\n            start: 'translate(-50%, 0)',\n            end: 'translate(-50%, -100%)',\n        },\n    },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n        &.${classes[`${placement}Placement` as keyof typeof classes]} {\n            && .${popupClasses.root} {\n                animation: ${placement}ShowAnimation 0.2s forwards;\n            }\n\n            &&.${popupClasses.endAnimation} .${popupClasses.root} {\n                animation: ${placement}HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ${placement}ShowAnimation {\n                0% {\n                    transform: ${animationVariants[placement].show.start};\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].show.end};\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ${placement}HideAnimation {\n                0% {\n                    transform: ${animationVariants[placement].hide.start};\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ${animationVariants[placement].hide.end};\n                    opacity: 0;\n                }\n            }   \n        }\n    `;\n\nconst getAnimationStyles = () => {\n    return Object.keys(animationVariants).reduce((acc, placement) => {\n        acc += templateAnimationStyle(placement as DrawerPlacement);\n        return acc;\n    }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n    placement: DrawerPlacement;\n    width?: number | string;\n    height?: number | string;\n}>`\n    &&.${classes.overlay} {\n        animation: fadeIn 0.2s forwards;\n    }\n\n    &&.${popupClasses.endAnimation} .${classes.overlay} {\n        animation: fadeOut 0.2s forwards;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes fadeOut {\n        from {\n            opacity: 1;\n        }\n\n        to {\n            opacity: 0;\n        }\n    }\n\n    && .${popupClasses.root}, && .${popupClasses.root} > div {\n        width: ${({ width }) => width};\n        height: ${({ height }) => height};\n    }\n\n    ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","animationVariants","right","show","start","end","hide","bottom","left","top","templateAnimationStyle","placement","concat","classes","popupClasses","root","endAnimation","getAnimationStyles","Object","keys","reduce","acc","StyledPopup","styled","withConfig","componentId","overlay","_ref","width","_ref2","height"],"mappings":"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"}

package/cjs/components/Steps/Steps.css

@@ -0,0 +1,18 @@
+.Steps_styles_1qandre_b7q3upx__608d6251{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{width:var(--plasma-step-item-active-indicator-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){width:var(--plasma-step-item-active-bullet-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.StepItem_styles_1vqessf_snf9dn9__47e6c1e4{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_1vqessf_sv5tpso__47e6c1e4{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_1vqessf_b1kcj14__47e6c1e4{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;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4{min-width:var(--plasma-step-item-active-indicator-size);min-height:100%;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4){min-width:var(--plasma-step-item-active-bullet-size);min-height:100%;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_1vqessf_b9hdug__47e6c1e4{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4:before,.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_1vqessf_b1eo1o32__47e6c1e4.StepItem_styles_1vqessf_b9hdug__47e6c1e4{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1vqessf_b1eo1o32__47e6c1e4.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_1vqessf_sxskc3q__47e6c1e4{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1vqessf_sxskc3q__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1vqessf_sxskc3q__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsTransparentDivider__47e6c1e4{background-color:transparent;}
+.StepItem_styles_1vqessf_s4zgmmr__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1vqessf_s4zgmmr__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4) .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{position:relative;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4).StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{position:relative;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_sxskc3q__47e6c1e4{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{cursor:pointer;color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4 .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{cursor:pointer;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{width:100%;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4,.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-right:0;text-align:center;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemDisabled__47e6c1e4{opacity:var(--plasma-step-item-disabled-opacity);}

package/cjs/components/Steps/Steps.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var Steps_tokens = require('./Steps.tokens.js');
+var Steps_styles = require('./Steps.styles.js');
+var StepItem = require('./ui/StepItem/StepItem.js');
+var base = require('./variations/_size/base.js');
+var base$1 = require('./variations/_view/base.js');
+
+var _excluded = ["size", "indicatorSize", "orientation", "contentAlign", "hasLine", "hasLoader", "items", "onChange", "current", "status"];
+var stepsRoot = function stepsRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+    var size = props.size,
+      indicatorSize = props.indicatorSize,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$contentAlign = props.contentAlign,
+      contentAlign = _props$contentAlign === void 0 ? 'left' : _props$contentAlign,
+      _props$hasLine = props.hasLine,
+      hasLine = _props$hasLine === void 0 ? true : _props$hasLine,
+      hasLoader = props.hasLoader,
+      _props$items = props.items,
+      items = _props$items === void 0 ? [] : _props$items,
+      onChange = props.onChange,
+      current = props.current,
+      status = props.status,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useState = React.useState(),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      prevIndex = _useState2[0],
+      setPrevIndex = _useState2[1];
+    var isUncontrolled = current !== undefined;
+    var hasIndicator = items.some(function (item) {
+      return item.indicator != null;
+    });
+    var isSimple = items.every(function (item) {
+      return !item.title && !item.content;
+    });
+    React.useEffect(function () {
+      return function () {
+        if (current !== undefined) {
+          setPrevIndex(current);
+        } else {
+          var index = items.findIndex(function (item) {
+            return item.status === 'active';
+          });
+          setPrevIndex(index !== -1 ? index : undefined);
+        }
+      };
+    }, [current, items]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      size: size,
+      view: "default",
+      ref: outerRef,
+      className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
+    }, rest), items.map(function (item, index) {
+      var itemStatus = 'inactive';
+      if (isUncontrolled) {
+        if (current > index) {
+          itemStatus = 'completed';
+        } else if (current === index) {
+          itemStatus = status || 'active';
+        }
+      } else {
+        itemStatus = status || item.status || 'inactive';
+      }
+      return /*#__PURE__*/React.createElement(StepItem.StepItem, {
+        key: index,
+        index: index,
+        title: item.title,
+        content: item.content,
+        indicator: item.indicator,
+        status: itemStatus,
+        size: size,
+        indicatorSize: indicatorSize,
+        orientation: orientation,
+        contentAlign: orientation === 'horizontal' ? contentAlign : 'left',
+        hasLine: hasLine,
+        hasLoader: hasLoader && itemStatus === 'active',
+        onClick: onChange ? function () {
+          return onChange(item, index, prevIndex);
+        } : undefined,
+        items: items
+      });
+    }));
+  });
+};
+var stepsConfig = {
+  name: 'Steps',
+  tag: 'div',
+  layout: stepsRoot,
+  base: Steps_styles.base,
+  variations: {
+    size: base.base,
+    view: base$1.base
+  },
+  defaults: {
+    view: 'default',
+    size: 's'
+  }
+};
+
+exports.stepsConfig = stepsConfig;
+exports.stepsRoot = stepsRoot;
+//# sourceMappingURL=Steps.js.map

package/cjs/components/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps } from './Steps.types';\nimport { base } from './Steps.styles';\nimport { StepItem, StepStatus } from './ui';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nexport const stepsRoot = (\n    Root: RootProps<\n        HTMLDivElement & Pick<StepsProps, 'onChange'>,\n        Omit<StepsProps & { view: 'default' } & HTMLAttributes<HTMLDivElement>, 'onChange' | 'indicatorSize'>\n    >,\n) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            size,\n            indicatorSize,\n            orientation = 'horizontal',\n            contentAlign = 'left',\n            hasLine = true,\n            hasLoader,\n            items = [],\n            onChange,\n            current,\n            status,\n            ...rest\n        } = props;\n\n        const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n        const isUncontrolled = current !== undefined;\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        useEffect(() => {\n            return () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = items.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n        }, [current, items]);\n\n        return (\n            <Root\n                size={size}\n                view=\"default\"\n                ref={outerRef}\n                className={cls({\n                    [classes.verticalOrientation]: orientation === 'vertical',\n                    [classes.simple]: isSimple,\n                    [classes.hasIndicator]: hasIndicator,\n                })}\n                {...rest}\n            >\n                {items.map((item, index) => {\n                    let itemStatus: StepStatus = 'inactive';\n                    if (isUncontrolled) {\n                        if (current! > index) {\n                            itemStatus = 'completed';\n                        } else if (current === index) {\n                            itemStatus = status || 'active';\n                        }\n                    } else {\n                        itemStatus = status || item.status || 'inactive';\n                    }\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={item.content}\n                            indicator={item.indicator}\n                            status={itemStatus}\n                            size={size}\n                            indicatorSize={indicatorSize}\n                            orientation={orientation}\n                            contentAlign={orientation === 'horizontal' ? contentAlign : 'left'}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && itemStatus === 'active'}\n                            onClick={onChange ? () => onChange(item, index, prevIndex) : undefined}\n                            items={items}\n                        />\n                    );\n                })}\n            </Root>\n        );\n    });\n\nexport const stepsConfig = {\n    name: 'Steps',\n    tag: 'div',\n    layout: stepsRoot,\n    base,\n    variations: {\n        size: sizeCSS,\n        view: viewCSS,\n    },\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","size","indicatorSize","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","isUncontrolled","undefined","hasIndicator","some","item","indicator","isSimple","every","title","content","useEffect","index","findIndex","React","createElement","_extends","view","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","StepItem","key","onClick","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/Steps/Steps.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n\n    &.${classes.simple} {\n        align-items: center;\n\n        &.${classes.hasIndicator} {\n            height: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            &.${classes.hasIndicator} {\n                width: var(${tokens.activeIndicatorSize});\n                height: auto;\n            }\n            &:not(.${classes.hasIndicator}) {\n                width: var(${tokens.activeBulletSize});\n                height: auto;\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        display: inline;\n        flex-direction: column;\n        justify-content: center;\n\n        &.${classes.simple} {\n            display: inline-flex;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAmChB;;;;"}

package/cjs/components/Steps/Steps.styles_1qandre.css

@@ -0,0 +1 @@
+.b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.--plasma-steps-simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.--plasma-steps-simple.--plasma-step-item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.--plasma-steps-simple:not(.--plasma-step-item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.--plasma-steps-simple.--plasma-steps-vertical-orientation.--plasma-step-item-has-indicator{width:var(--plasma-step-item-active-indicator-size);height:auto;}.b7q3upx.--plasma-steps-simple.--plasma-steps-vertical-orientation:not(.--plasma-step-item-has-indicator){width:var(--plasma-step-item-active-bullet-size);height:auto;}.b7q3upx.--plasma-steps-vertical-orientation{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b7q3upx.--plasma-steps-vertical-orientation.--plasma-steps-simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}