npm - @salutejs/plasma-new-hope - Versions diffs - 0.83.0-canary.1213.9176450261.0 → 0.84.0-canary.1194.9208145301.0 - Mend

@salutejs/plasma-new-hope 0.83.0-canary.1213.9176450261.0 → 0.84.0-canary.1194.9208145301.0

Files changed (490) hide show

package/cjs/components/Button/Button.css CHANGED Viewed

@@ -6,7 +6,7 @@
 .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
-.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
 .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
@@ -15,11 +15,8 @@
 .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);}}
-.Button_styles_nedem1_bzw1898__92bfbb48{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_nedem1_bzw1898__92bfbb48.Button_styles_nedem1_buttonContentRelaxed__92bfbb48{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_nedem1_bdfuqwe__92bfbb48{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_nedem1_l9ypozh__92bfbb48{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_nedem1_l4dfhbg__92bfbb48{position:absolute;}
-.Button_styles_nedem1_srdlazt__92bfbb48{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_nedem1_s7rggv0__92bfbb48{margin:var(--plasma-button-left-content-margin);}
-.Button_styles_nedem1_s1rjh7ra__92bfbb48{margin:var(--plasma-button-right-content-margin);}
-.Button_styles_nedem1_b9ga1dj__92bfbb48{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_nedem1_b9ga1dj__92bfbb48{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_buttonSquare__92bfbb48{width:var(--plasma-button-height);padding:0;}
+.Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
+.Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
+.Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
+.Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
+.Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}

package/cjs/components/Button/Button.js CHANGED Viewed

@@ -16,18 +16,15 @@ var Button_styles = require('./Button.styles.js');
 var Button_tokens = require('./Button.tokens.js');
 var _StyledSpinner;
-var _excluded = ["children", "view", "size", "text", "value", "contentLeft", "contentRight", "contentPlacing", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching"];
+var _excluded = ["children", "view", "size", "text", "contentLeft", "contentRight", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching"];
 var buttonRoot = function buttonRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
       view = props.view,
       size = props.size,
       text = props.text,
-      value = props.value,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
-      _props$contentPlacing = props.contentPlacing,
-      contentPlacing = _props$contentPlacing === void 0 ? 'default' : _props$contentPlacing,
       isLoading = props.isLoading,
       loader = props.loader,
       stretch = props.stretch,
@@ -44,34 +41,23 @@ var buttonRoot = function buttonRoot(Root) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var txt = typeof children === 'string' ? children : text;
     var stretchingClass = stretch ? Button_tokens.classes.filledStretching : Button_tokens.classes["".concat(stretching, "Stretching")];
-    var contentRelaxedClass = contentPlacing === 'relaxed' ? Button_tokens.classes.contentRelaxed : undefined;
     var squareClass = square ? Button_tokens.classes.buttonSquare : undefined;
     var buttonBorderRadius = pin ? roundness.convertRoundnessMatrix(pin, "var(".concat(Button_tokens.tokens.buttonRadius, ")"), "var(".concat(Button_tokens.tokens.buttonHeight, ")")) : "var(".concat(Button_tokens.tokens.buttonRadius, ", calc(var(").concat(Button_tokens.tokens.buttonHeight, ") / 4))");
-    var contentPlacingMapper = {
-      "default": 'center',
-      relaxed: 'space-between'
-    };
-    var contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';
     return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       type: "button",
       ref: ref,
       view: view,
       size: size,
-      value: value,
       disabled: disabled,
       focused: focused || outlined,
-      contentPlacing: contentPlacing,
       className: index.cx(squareClass, stretchingClass, Button_tokens.classes.buttonItem, className),
       style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
         '--plasma_computed-btn-br': buttonBorderRadius,
         '--plasma_private-blur': blur
       })
     }, rest), /*#__PURE__*/React.createElement(Button_styles.LoadWrap, {
-      contentPlacing: contentPlacementValue,
       isLoading: isLoading
-    }, contentLeft && /*#__PURE__*/React.createElement(Button_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(Button_styles.ButtonText, {
-      className: contentRelaxedClass
-    }, txt) : children, value && /*#__PURE__*/React.createElement(Button_styles.ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(Button_styles.StyledContentRight, null, contentRight)), isLoading && /*#__PURE__*/React.createElement(Button_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(Button_styles.StyledSpinner, null))));
+    }, contentLeft, txt ? /*#__PURE__*/React.createElement(Button_styles.ButtonText, null, txt) : children, contentRight), isLoading && /*#__PURE__*/React.createElement(Button_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(Button_styles.StyledSpinner, null))));
   });
 };
 var buttonConfig = {

package/cjs/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ~~ContentPlacementMapper~~ } from './Button.types';\nimport {\n base~~,\n~~ ButtonText~~,\n ButtonValue,\n~~ Loader~~,\n~~ LoadWrap~~,\n StyledContentLeft,\n StyledContentRight,\n~~ StyledSpinner~~,\n~~} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n ~~value,\n~~ contentLeft,\n contentRight,\n ~~contentPlacing = 'default',\n~~ isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const ~~contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n const~~ squareClass = square ? classes.buttonSquare : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n const contentPlacingMapper: ContentPlacementMapper = {\n default: 'center',\n relaxed: 'space-between',\n };\n\n const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n ~~value={value}\n~~ disabled={disabled}\n focused={focused \|\| outlined}\n ~~contentPlacing={contentPlacing}\n~~ className={cx(squareClass, stretchingClass, classes.buttonItem, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap ~~contentPlacing={contentPlacementValue}~~ isLoading={isLoading}>\n {contentLeft ~~&& <StyledContentLeft>{contentLeft~~}~~</StyledContentLeft>}~~\n {txt ? <ButtonText ~~className={contentRelaxedClass}~~>{txt}</ButtonText> : children}\n {~~value && <ButtonValue>{value}</ButtonValue>}\n {~~contentRight ~~&& <StyledContentRight>{contentRight~~}~~</StyledContentRight>}~~\n </LoadWrap>\n {isLoading && <Loader>{loader \|\| <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","~~value","~~contentLeft","contentRight","~~_props$contentPlacing","contentPlacing","~~isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","stretchingClass","classes","filledStretching","concat","~~contentRelaxedClass~~","~~contentRelaxed~~","undefined","~~squareClass","buttonSquare","~~buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","~~contentPlacingMapper","relaxed","contentPlacementValue","~~React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","~~StyledContentLeft","~~ButtonText","~~ButtonValue","StyledContentRight","~~Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;~~IA0BaA~~,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACtEC,gBAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IACIC,QAAQ,~~GAqBRF~~,KAAK,~~CArBLE~~,QAAQ;MACRC,IAAI,~~GAoBJH~~,KAAK,~~CApBLG~~,IAAI;MACJC,IAAI,~~GAmBJJ~~,KAAK,~~CAnBLI~~,IAAI;MACJC,IAAI,~~GAkBJL~~,KAAK,~~CAlBLK~~,IAAI;MACJC,~~KAAK,GAiBLN,KAAK,CAjBLM,KAAK;MACLC,~~WAAW,~~GAgBXP~~,KAAK,~~CAhBLO~~,WAAW;MACXC,YAAY,~~GAeZR~~,KAAK,~~CAfLQ~~,YAAY;~~MAAAC~~,~~qBAAA,GAeZT,KAAK,CAdLU,cAAc;AAAdA,MAAAA,cAAc,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,~~SAAS,~~GAAAA~~,~~qBAAA;MAC1BE,SAAS,GAaTX,~~KAAK,~~CAbLW~~,SAAS;MACTC,MAAM,~~GAYNZ~~,KAAK,~~CAZLY~~,MAAM;MACNC,OAAO,~~GAWPb~~,KAAK,~~CAXLa~~,OAAO;MACPC,MAAM,~~GAUNd~~,KAAK,~~CAVLc~~,MAAM;MACNC,GAAG,~~GASHf~~,KAAK,~~CATLe~~,GAAG;MACHC,QAAQ,~~GAQRhB~~,KAAK,~~CARLgB~~,QAAQ;MACRC,OAAO,~~GAOPjB~~,KAAK,~~CAPLiB~~,OAAO;MACPC,QAAQ,~~GAMRlB~~,KAAK,~~CANLkB~~,QAAQ;MACRC,SAAS,~~GAKTnB~~,KAAK,~~CALLmB~~,SAAS;MACTC,IAAI,~~GAIJpB~~,KAAK,~~CAJLoB~~,IAAI;MACJC,KAAK,~~GAGLrB~~,KAAK,~~CAHLqB~~,KAAK;MAAAC,iBAAA,~~GAGLtB~~,KAAK,~~CAFLuB~~,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;AAChBE,MAAAA,IAAI,GAAAC,iDAAA,~~CACPzB~~,KAAK,~~EAAA0B~~,SAAA,CAAA,CAAA;IAET,IAAMC,GAAG,GAAG,~~OAAOzB~~,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;AAE1D,IAAA,~~IAAMuB~~,eAAe,GAAGf,OAAO,GACzBgB,qBAAO,CAACC,gBAAgB,GACxBD,qBAAO,CAAA,EAAA,CAAAE,MAAA,CAAIR,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;IAChE,IAAMS,~~mBAAmB,GAAGtB,cAAc,KAAK,SAAS,GAAGmB,qBAAO,CAACI,cAAc,GAAGC,SAAS,CAAA;IAC7F,IAAMC,~~WAAW,~~GAAGrB~~,MAAM,GAAGe,qBAAO,~~CAACO~~,YAAY,~~GAAGF~~,SAAS,CAAA;AAC7D,IAAA,~~IAAMG~~,kBAAkB,~~GAAGtB~~,GAAG,~~GACxBuB~~,gCAAsB,~~CAACvB~~,GAAG,EAAAgB,MAAAA,CAAAA,MAAA,~~CAASQ~~,oBAAM,CAACC,YAAY,~~eAAAT~~,MAAA,~~CAAYQ~~,oBAAM,CAACE,YAAY,EAAA,GAAA,CAAG,CAAC,GAAA,MAAA,~~CAAAV~~,MAAA,~~CAClFQ~~,oBAAM,CAACC,YAAY,~~iBAAAT~~,MAAA,~~CAAcQ~~,oBAAM,CAACE,YAAY,EAAS,SAAA,CAAA,CAAA;AAE1E,IAAA,~~IAAMC~~,~~oBAA4C,GAAG;AACjD,MAAA,SAAA,EAAS,QAAQ;AACjBC,MAAAA,OAAO,EAAE,eAAA;KACZ,CAAA;IAED,IAAMC,qBAAqB,GAAGlC,cAAc,GAAGgC,oBAAoB,CAAChC,cAAc,CAAC,GAAG,QAAQ,CAAA;AAE9F,IAAA,oBACImC,~~KAAA,CAAAC,aAAA,~~CAAChD~~,IAAI,~~EAAAiD~~,iCAAA,CAAA;AACDC,MAAAA,IAAI,EAAC,QAAQ;~~AACb/C~~,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;~~AACXE~~,MAAAA,~~KAAK,EAAEA,KAAM;AACbU,MAAAA,~~QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAO,IAAIC,QAAS;~~AAC7BR~~,MAAAA,~~cAAc,EAAEA,cAAe;AAC/BS,MAAAA,~~SAAS,~~EAAE8B~~,QAAE,~~CAACd~~,WAAW,~~EAAEP~~,eAAe,EAAEC,qBAAO,~~CAACqB~~,UAAU,~~EAAE/B~~,SAAS,CAAE;AAC3EE,MAAAA,KAAK,~~EAAA8B~~,uCAAA,CAAAA,uCAAA,~~KAEM9B~~,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,QAAA,0BAA0B,~~EAAEgB~~,kBAAkB;AAC9C,QAAA,uBAAuB,~~EAAEjB~~,IAAAA;AAAI,OAAA,CAAA;AAEpC,KAAA,EACGI,IAAI,~~CAERqB~~,eAAAA,KAAA,CAAAC,aAAA,CAACM,sBAAQ,EAAA;~~AAAC1C~~,MAAAA,~~cAAc,EAAEkC,qBAAsB;AAACjC,MAAAA,~~SAAS,EAAEA,SAAAA;AAAU,KAAA,~~EACjEJ~~,WAAW,~~iBAAIsC~~,~~KAAA,CAAAC,aAAA,CAACO,+BAAiB,EAAA,IAAA,EAAE9C,WAA+B,CAAC,EACnEoB,~~GAAG,~~gBAAGkB~~,KAAA,CAAAC,aAAA,~~CAACQ~~,wBAAU,~~EAAA;AAACnC~~,~~MAAAA~~,~~SAAS,EAAEa,mBAAAA;KAAsBL,~~EAAAA,GAAgB,CAAC,~~GAAGzB~~,QAAQ,EAC/EI,~~KAAK~~,~~iBAAIuC,KAAA,CAAAC,aAAA,CAACS,yBAAW,EAAEjD,IAAAA,EAAAA,KAAmB,~~CAAC,~~EAC3CE~~,~~YAAY,iBAAIqC,KAAA,CAAAC,aAAA,CAACU,gCAAkB,EAAEhD,IAAAA,EAAAA,YAAiC,CACjE,CAAC,EACVG,~~SAAS,~~iBAAIkC~~,KAAA,CAAAC,aAAA,~~CAACW~~,oBAAM,~~EAAE7C~~,~~IAAAA,EAAAA,~~MAAM,~~IAAA8C~~,cAAA,KAAAA,cAAA,~~gBAAIb~~,KAAA,CAAAC,aAAA,~~CAACa~~,2BAAa,~~EAAE~~,~~IAAA,~~CAAC,CAAS,CACzD,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,~~EAAElE~~,UAAU;~~AAClBmE~~,EAAAA,IAAI,EAAJA,kBAAI;AACJC,EAAAA,UAAU,EAAE;~~AACR9D~~,IAAAA,IAAI,EAAE;~~AACF+D~~,MAAAA,GAAG,EAAEC,SAAAA;KACR;~~AACD/D~~,IAAAA,IAAI,EAAE;~~AACF8D~~,MAAAA,GAAG,EAAEE,WAAAA;KACR;~~AACDpD~~,IAAAA,QAAQ,EAAE;~~AACNkD~~,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;~~AACDrD~~,IAAAA,OAAO,EAAE;~~AACLiD~~,MAAAA,GAAG,EAAEK,WAAAA;AACL;KACH;AACDC,IAAAA,OAAO,EAAE;AACLN,MAAAA,GAAG,EAAEO,WAAAA;KACR;~~AACDlD~~,IAAAA,UAAU,EAAE;~~AACR2C~~,MAAAA,GAAG,EAAEQ,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;~~AACNxE~~,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAG;~~AACTmB~~,IAAAA,UAAU,EAAE,MAAA;AAChB,GAAA;AACJ;;;;;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps } from './Button.types';\nimport { base, ButtonText, Loader, LoadWrap, StyledSpinner } from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n stretch,\n square,\n pin,\n disabled,\n focused,\n outlined,\n className,\n blur,\n style,\n stretching = 'auto',\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const stretchingClass = stretch\n ? classes.filledStretching\n : classes[`${stretching}Stretching` as keyof typeof classes];\n const squareClass = square ? classes.buttonSquare : undefined;\n const buttonBorderRadius = pin\n ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n view={view}\n size={size}\n disabled={disabled}\n focused={focused \|\| outlined}\n className={cx(squareClass, stretchingClass, classes.buttonItem, className)}\n style={\n {\n ...style,\n '--plasma_computed-btn-br': buttonBorderRadius,\n '--plasma_private-blur': blur,\n } as CSSProperties\n }\n {...rest}\n >\n <LoadWrap isLoading={isLoading}>\n {contentLeft}\n {txt ? <ButtonText>{txt}</ButtonText> : children}\n {contentRight}\n </LoadWrap>\n {isLoading && <Loader>{loader \|\| <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const buttonConfig = {\n name: 'Button',\n tag: 'button',\n layout: buttonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n // TODO: isLoading => disabled\n },\n blurred: {\n css: blurredCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n stretching: 'auto',\n },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","stretchingClass","classes","filledStretching","concat","squareClass","buttonSquare","undefined","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","ButtonText","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}

package/cjs/components/Button/Button.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Button.styles_nedem1.css';
+import './Button.styles_uqvh6u.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,37 +12,30 @@ var Spinner$1 = require('../Spinner/Spinner.js');
 // issue #823
 var mergedConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
 var Spinner = /*#__PURE__*/common.component(mergedConfig);
+var base = "bzw1898";
+// TODO: PLASMA-2164
+// WHY do we need applyEllipsis ??
+// Если внутри кнопки тескт и на нее решили повесить square пропс
 var ButtonText = /*#__PURE__*/react.styled('span')({
   name: "ButtonText",
-  "class": "bzw1898",
-  propsAsIs: false
-});
-var ButtonValue = /*#__PURE__*/react.styled('span')({
-  name: "ButtonValue",
   "class": "bdfuqwe",
   propsAsIs: false
 });
 // TODO: #720
-var _exp6 = function _exp6() {
+var _exp4 = function _exp4() {
   return function (_ref) {
     var isLoading = _ref.isLoading;
     return isLoading ? '0' : '1';
   };
 };
-var _exp7 = function _exp7() {
-  return function (_ref2) {
-    var contentPlacing = _ref2.contentPlacing;
-    return contentPlacing;
-  };
-};
 var LoadWrap = /*#__PURE__*/react.styled('div')({
   name: "LoadWrap",
   "class": "l9ypozh",
   propsAsIs: false,
   vars: {
-    "l9ypozh-0": [/*#__PURE__*/_exp6()],
-    "l9ypozh-1": [/*#__PURE__*/_exp7()]
+    "l9ypozh-0": [/*#__PURE__*/_exp4()]
   }
 });
 var Loader = /*#__PURE__*/react.styled('div')({
@@ -50,32 +43,18 @@ var Loader = /*#__PURE__*/react.styled('div')({
   "class": "l4dfhbg",
   propsAsIs: false
 });
-var _exp8 = function _exp8() {
+var _exp5 = function _exp5() {
   return Spinner;
 };
-var StyledSpinner = /*#__PURE__*/react.styled(_exp8())({
+var StyledSpinner = /*#__PURE__*/react.styled(_exp5())({
   name: "StyledSpinner",
   "class": "srdlazt",
   propsAsIs: true
 });
-var StyledContentLeft = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentLeft",
-  "class": "s7rggv0",
-  propsAsIs: false
-});
-var StyledContentRight = /*#__PURE__*/react.styled('div')({
-  name: "StyledContentRight",
-  "class": "s1rjh7ra",
-  propsAsIs: false
-});
-var base = "b9ga1dj";
 exports.ButtonText = ButtonText;
-exports.ButtonValue = ButtonValue;
 exports.LoadWrap = LoadWrap;
 exports.Loader = Loader;
-exports.StyledContentLeft = StyledContentLeft;
-exports.StyledContentRight = StyledContentRight;
 exports.StyledSpinner = StyledSpinner;
 exports.base = base;
 //# sourceMappingURL=Button.styles.js.map

package/cjs/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ~~ButtonText~~ = ~~styled.span~~`\n ~~min-width~~: ~~4ch~~;\n flex-~~shrink~~: 2;\n \n ~~${applyEllipsis~~()}\n \n\n ~~&.$~~{String(classes.~~contentRelaxed~~)} {\n ~~text-align~~: ~~start~~;\n ~~flex-grow~~: 2;\n }\n`;\n\nexport const ~~ButtonValue~~ = styled.span`\n ~~color~~: ~~var($~~{~~tokens.buttonValueColor});\n~~\n margin: ~~var(${tokens~~.~~buttonValueMargin})~~;\n\n ~~min~~-~~width~~: ~~4ch~~;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ ~~contentPlacing: string;~~ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ~~${({ contentPlacing }) => contentPlacing}~~;\n height: 100%;\n ~~width: 100%;\n~~`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\~~nexport const StyledContentLeft = styled.div`\~~n margin: var(${tokens.buttonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n margin: var(${tokens.buttonRightContentMargin});\n`;\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n / NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n / TODO: #714 move these calc's to plasma-mapping \| ds-generator and add Math.round() /\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: ~~fit-content~~;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","~~ButtonValue~~","~~_exp6","~~_ref","isLoading","~~_exp7","_ref2","contentPlacing","~~LoadWrap","vars","Loader","~~_exp8~~","StyledSpinner"~~,"StyledContentLeft","StyledContentRight","base"~~],"mappings":";;;;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,~~UAAU~~,~~gBAAGC~~,~~YAAM,CAAA,MAAA,CAAA,CAAA~~;~~AAAAC,EAAAA,IAAA,EAAA,YAAA~~;~~AAAAC,EAAAA,OAAAA,EAAA,SAAA~~;~~AAAAC~~,~~EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,~~IAAMC,~~WAAW~~,~~gBAAGJ~~,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~aAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAQhC~~,EAAA;;AAED;AAAA,~~IAAAE~~,KAAA,~~GAnCkBA~~,~~SAmClBA~~,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;~~AAAA~~,~~IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,~~IAAMC,QAAQ,~~gBAAGX~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;~~AAAAS~~,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,~~cACfP~~,KAA0C,EAAA,CAAA;AAAA,~~IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,~~GAAA;AAAA,~~CAG5D~~,EAAA;AAEM,IAAMK,MAAM,~~gBAAGb~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,~~IAAAW~~,KAAA,~~GA/CgBA~~,~~SA+ChBA~~,KAAAA,GAAA;AAAA,EAAA,~~OAEkCjB~~,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,~~IAAMkB~~,aAAa,~~gBAAGf~~,YAAM,~~CAAAc~~,KAAA,EAAA,CAAA,CAAA;~~AAAAb~~,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;;;;;;;;"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// TODO: PLASMA-2164\n// WHY do we need applyEllipsis ??\n// Если внутри кнопки тескт и на нее решили повесить square пропс\nexport const ButtonText = styled.span`\n :not(:last-child) {\n margin-right: 0.375rem;\n }\n\n :not(:first-child) {\n margin-left: 0.375rem;\n }\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n width: 100%;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n / NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n / TODO: #714 move these calc's to plasma-mapping \| ds-generator and add Math.round() /\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: auto;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","ButtonText","styled","name","class","propsAsIs","_exp4","_ref","isLoading","LoadWrap","vars","Loader","_exp5","StyledSpinner"],"mappings":";;;;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GA0BhB,UAAA;;AAED;AACA;AACA;AACO,IAAMC,UAAU,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU/B,EAAA;;AAED;AAAA,IAAAC,KAAA,GAvDkBA,SAuDlBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlD,IAAMC,QAAQ,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA0C,EAAA,CAAA;AAAA,GAAA;AAAA,CAMxD,EAAA;AAEM,IAAMK,MAAM,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAnEgBA,SAmEhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,YAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC;;;;;;;;"}

package/cjs/components/Button/Button.styles_uqvh6u.css ADDED Viewed

@@ -0,0 +1,5 @@
+.bzw1898{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.bzw1898{-webkit-text-decoration:none;text-decoration:none;}.bzw1898.bzw1898.button-square{width:var(--plasma-button-height);padding:0;}
+.bdfuqwe{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bdfuqwe:not(:last-child){margin-right:0.375rem;}.bdfuqwe:not(:first-child){margin-left:0.375rem;}
+.l9ypozh{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
+.l4dfhbg{position:absolute;}
+.srdlazt{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}

package/cjs/components/Button/Button.tokens.js CHANGED Viewed

@@ -7,13 +7,11 @@ var classes = {
   autoStretching: 'button-stretching-auto',
   filledStretching: 'button-stretching-filled',
   fixedStretching: 'button-stretching-fixed',
-  contentRelaxed: 'button-content-relaxed',
   buttonSquare: 'button-square',
   buttonItem: 'button-item'
 };
 var tokens = {
   buttonColor: '--plasma-button-color',
-  buttonValueColor: '--plasma-button-value-color',
   buttonBackgroundColor: '--plasma-button-background-color',
   buttonColorHover: '--plasma-button-color-hover',
   buttonBackgroundColorHover: '--plasma-button-background-color-hover',
@@ -32,9 +30,6 @@ var tokens = {
   buttonFontWeight: '--plasma-button-font-weight',
   buttonLetterSpacing: '--plasma-button-letter-spacing',
   buttonLineHeight: '--plasma-button-line-height',
-  buttonLeftContentMargin: '--plasma-button-left-content-margin',
-  buttonRightContentMargin: '--plasma-button-right-content-margin',
-  buttonValueMargin: '--plasma-button-value-margin',
   buttonDisabledOpacity: '--plasma-button-disabled-opacity',
   buttonFocusColor: '--plasma-button-focus-color',
   buttonSpinnerColor: '--plasma-button-spinner-color',

package/cjs/components/Button/Button.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n ~~contentRelaxed: 'button-content-relaxed',\n~~ buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n ~~buttonValueColor: '--plasma-button-value-color',\n~~ buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n ~~buttonLeftContentMargin: '--plasma-button-left-content-margin',\n buttonRightContentMargin: '--plasma-button-right-content-margin',\n buttonValueMargin: '--plasma-button-value-margin',\n\n~~ buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n buttonFocusColor: '--plasma-button-focus-color',\n\n buttonSpinnerColor: '--plasma-button-spinner-color',\n buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","~~contentRelaxed","~~buttonSquare","buttonItem","tokens","buttonColor","~~buttonValueColor","~~buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","~~buttonLeftContentMargin","buttonRightContentMargin","buttonValueMargin","~~buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,~~cAAc,EAAE,wBAAwB;AACxCC,EAAAA,~~YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,~~gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,~~qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AAEtEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,~~uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,iBAAiB,EAAE,8BAA8B;AAEjDC,EAAAA,~~qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;;"}
1	+ {"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n buttonStretch: 'button-stretch',\n autoStretching: 'button-stretching-auto',\n filledStretching: 'button-stretching-filled',\n fixedStretching: 'button-stretching-fixed',\n buttonSquare: 'button-square',\n buttonItem: 'button-item',\n};\n\nexport const tokens = {\n buttonColor: '--plasma-button-color',\n buttonBackgroundColor: '--plasma-button-background-color',\n buttonColorHover: '--plasma-button-color-hover',\n buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n buttonColorActive: '--plasma-button-color-active',\n buttonBackgroundColorActive: '--plasma-button-background-color-active',\n\n buttonScaleHover: '--plasma-button-scale-hover',\n buttonScaleActive: '---plasma-button-scale-active',\n buttonHeight: '--plasma-button-height',\n buttonWidth: '--plasma-button-width',\n buttonPadding: '--plasma-button-padding',\n buttonRadius: '--plasma-button-radius',\n buttonRadiusCircle: '--plasma-button-radius-circle',\n\n buttonFontFamily: '--plasma-button-font-family',\n buttonFontSize: '--plasma-button-font-size',\n buttonFontStyle: '--plasma-button-font-style',\n buttonFontWeight: '--plasma-button-font-weight',\n buttonLetterSpacing: '--plasma-button-letter-spacing',\n buttonLineHeight: '--plasma-button-line-height',\n\n buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n buttonFocusColor: '--plasma-button-focus-color',\n\n buttonSpinnerColor: '--plasma-button-spinner-color',\n buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","buttonSquare","buttonItem","tokens","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AAEtEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;;"}

package/cjs/components/Button/variations/_stretching/base.js CHANGED Viewed

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

package/cjs/components/Button/variations/_stretching/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Button.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: ~~fit-content~~;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Button.tokens';\n\nexport const base = css`\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\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/Button/variations/_stretching/base_hy8dc.css → cjs/components/Button/variations/_stretching/base_1lx0ute.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .bdz31nb.button-stretching-fixed{width:var(--plasma-button-width);}.bdz31nb.button-stretching-filled{width:100%;}.bdz31nb.button-stretching-auto{width~~:-webkit-fit-content;width:-moz-fit-content;width~~:~~fit-content~~;}
1	+ .bdz31nb.button-stretching-fixed{width:var(--plasma-button-width);}.bdz31nb.button-stretching-filled{width:100%;}.bdz31nb.button-stretching-auto{width:auto;}

package/cjs/components/ButtonGroup/ButtonGroup.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
+.base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
 .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
@@ -6,7 +6,7 @@
 .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
-.base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
+.base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
 .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}

package/cjs/components/ButtonGroup/ButtonGroup.tokens.js CHANGED Viewed

@@ -18,7 +18,6 @@ var classes = {
 var tokens = {
   buttonGroupOrientation: '--plasma-button-group-orientation',
   buttonColor: '--plasma-button-group-item-color',
-  buttonValueColor: '--plasma-button-group-item-value-color',
   buttonBackgroundColor: '--plasma-button-group-item-background-color',
   buttonColorHover: '--plasma-button-group-item-color-hover',
   buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',

package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n ~~buttonValueColor: '--plasma-button-group-item-value-color',\n~~ buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","~~buttonValueColor","~~buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,~~gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,~~qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;;"}
1	+ {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;;"}

package/cjs/components/ButtonGroup/variations/_orientation/base.js CHANGED Viewed

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

package/cjs/components/ButtonGroup/variations/_orientation/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { ~~classes,~~ tokens } from '../../ButtonGroup.tokens';\~~nimport { buttonClasses } from '../../../Button';\~~n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n~~\n &.${classes.vertical} .${buttonClasses.buttonItem} {\n width: auto;\n }\n~~`;\n"],"names":["base"],"mappings":";;;;~~AAKO~~,IAAMA,IAAI,~~GAMhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/{es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}~~.b1tbn2l2.button-group-orienation-vertical .button-item{width:auto;}~~
1	+ .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}

package/cjs/components/ButtonGroup/variations/_view/base.js CHANGED Viewed

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

package/cjs/components/ButtonGroup/variations/_view/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.~~buttonValueColor}: var(${tokens.buttonValueColor});\n ${buttonTokens.~~buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,~~GAUhB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}

package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css ADDED Viewed

@@ -0,0 +1 @@

+ .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}

package/cjs/components/Combobox/hooks/useFocusController.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var usePreviousValue = require('../../../hooks/usePreviousValue.js');
 var useDidMountEffect = require('../../../hooks/useDidMountEffect.js');
+require('../../../utils/react.js');
 var useFocusController = function useFocusController(_ref) {
   var _ref$controlledRefs = _ref.controlledRefs,

package/cjs/components/Combobox/hooks/useFocusController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusController.js","sources":["../../../../src/components/Combobox/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened \|\| hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length \|\| 0;\n const valuesCount = values?.length \|\| 0;\n\n if ((opened \|\| prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","_ref","_ref$controlledRefs","controlledRefs","contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","_contentRef$current","current","scrollTo","left","hasFocusAfterClose","undefined","_inputRef$current","focus","prevValuesCount","length","valuesCount","_inputRef$current2","style","flex","value","clientWidth","concat","useEffect","newSearch","onClickText","event","_inputRef$current3","onFocusInput","_contentRef$current2","_contentRef$current3","setTimeout","_inputRef$current4","select","scrollWidth","onBlurInput"],"mappings":"~~;;;;;;;;~~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"}
1	+ {"version":3,"file":"useFocusController.js","sources":["../../../../src/components/Combobox/hooks/useFocusController.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidMountEffect, usePreviousValue } from '../../../hooks';\nimport type { UseFocusControllerProps } from '../Combobox.types';\n\nexport const useFocusController = ({\n controlledRefs: { contentRef, inputHelperRef, inputRef },\n opened,\n hasValue,\n textContent,\n search,\n values,\n readOnly,\n valueType,\n closedWithoutChanges,\n updateSearch,\n updateFocused,\n onChipClick,\n}: UseFocusControllerProps) => {\n const prevSearch = usePreviousValue(search);\n const prevValues = usePreviousValue(values);\n const prevOpened = usePreviousValue(opened);\n\n useDidMountEffect(() => {\n if (!opened) {\n updateFocused(false);\n contentRef.current?.scrollTo({ left: 0 });\n }\n\n const hasFocusAfterClose = prevOpened !== undefined && !opened && !closedWithoutChanges?.current;\n\n if (opened \|\| hasFocusAfterClose) {\n inputRef.current?.focus();\n }\n\n // INFO: Помогает определить, произошло ли закрытие выпадающего меню при выборе значения.\n // Нужно для того, чтобы не фокусироваться на инпуте\n // ОЧЕНЬ не нравится это решение, но оно работает\n if (closedWithoutChanges?.current === false) {\n closedWithoutChanges.current = true;\n }\n }, [opened]);\n\n useDidMountEffect(() => {\n const prevValuesCount = prevValues?.length \|\| 0;\n const valuesCount = values?.length \|\| 0;\n\n if ((opened \|\| prevOpened) && prevValuesCount < valuesCount) {\n inputRef.current?.focus();\n }\n }, [values, readOnly]);\n\n useDidMountEffect(() => {\n if (!inputRef.current) {\n return;\n }\n\n // INFO: Для multiple\n if (search === '') {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для single\n if (!opened && prevSearch !== search) {\n inputRef.current.style.flex = '1';\n }\n\n // INFO: Для кейсов, когда значение вырезано\n if (!inputRef.current.value.length) {\n inputRef.current.style.flex = '1';\n return;\n }\n\n if (valueType === 'multiple' && inputHelperRef.current) {\n const { clientWidth } = inputHelperRef.current;\n inputRef.current.style.flex = `1 0 ${clientWidth}px`;\n }\n }, [readOnly, search, valueType]);\n\n useEffect(() => {\n const newSearch = hasValue ? textContent : '';\n\n // INFO: Заполнить поле input при первой инициализации\n if (prevOpened !== undefined && opened) {\n return;\n }\n\n if (valueType === 'single') {\n updateSearch?.(newSearch, false);\n }\n\n if (valueType === 'multiple') {\n updateSearch?.('', false);\n }\n }, [updateSearch, values, opened, hasValue, textContent, valueType]);\n\n const onClickText = (event: React.MouseEvent<HTMLButtonElement>) => {\n onChipClick?.(event);\n inputRef.current?.focus();\n };\n\n const onFocusInput = () => {\n if (readOnly) {\n return;\n }\n\n // INFO: Жёсткий хак, нужный для корректного выделения всей строки после выбора значения.\n // Проблема возникает из-за очередности срабатывания useEffect, который сначала вызывает фокус\n // на элемент, а потом обновляет состояние inputRef\n if (valueType === 'single') {\n setTimeout(() => {\n inputRef.current?.select();\n });\n }\n\n contentRef.current?.scrollTo({ left: contentRef.current?.scrollWidth });\n\n updateFocused(true);\n };\n\n const onBlurInput = () => {\n if (!opened) {\n updateFocused(false);\n }\n };\n\n return { onClickText, onFocusInput, onBlurInput } as const;\n};\n"],"names":["useFocusController","_ref","_ref$controlledRefs","controlledRefs","contentRef","inputHelperRef","inputRef","opened","hasValue","textContent","search","values","readOnly","valueType","closedWithoutChanges","updateSearch","updateFocused","onChipClick","prevSearch","usePreviousValue","prevValues","prevOpened","useDidMountEffect","_contentRef$current","current","scrollTo","left","hasFocusAfterClose","undefined","_inputRef$current","focus","prevValuesCount","length","valuesCount","_inputRef$current2","style","flex","value","clientWidth","concat","useEffect","newSearch","onClickText","event","_inputRef$current3","onFocusInput","_contentRef$current2","_contentRef$current3","setTimeout","_inputRef$current4","select","scrollWidth","onBlurInput"],"mappings":"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"}

package/cjs/components/Drawer/Drawer.css CHANGED Viewed

@@ -26,7 +26,7 @@
 .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
-.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
 .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
@@ -35,14 +35,11 @@
 .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);}}
-.Button_styles_nedem1_bzw1898__92bfbb48{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_nedem1_bzw1898__92bfbb48.Button_styles_nedem1_buttonContentRelaxed__92bfbb48{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_nedem1_bdfuqwe__92bfbb48{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_nedem1_l9ypozh__92bfbb48{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_nedem1_l4dfhbg__92bfbb48{position:absolute;}
-.Button_styles_nedem1_srdlazt__92bfbb48{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_nedem1_s7rggv0__92bfbb48{margin:var(--plasma-button-left-content-margin);}
-.Button_styles_nedem1_s1rjh7ra__92bfbb48{margin:var(--plasma-button-right-content-margin);}
-.Button_styles_nedem1_b9ga1dj__92bfbb48{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_nedem1_b9ga1dj__92bfbb48{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_buttonSquare__92bfbb48{width:var(--plasma-button-height);padding:0;}
+.Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
+.Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
+.Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
+.Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
+.Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
 .PanelHeader_styles_1cid6t7_b5xb1jq__739616f6{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
 .PanelHeader_styles_1cid6t7_s1hqmxl1__739616f6{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}