@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   buttonStretch: 'button-stretch',
   autoStretching: 'button-stretching-auto',
   filledStretching: 'button-stretching-filled',
@@ -12,7 +12,7 @@ var classes = {
   buttonItem: 'button-item',
   buttonLoading: 'button-loading'
 };
-var tokens = {
+const tokens = {
   buttonColor: '--plasma-button-color',
   buttonValueColor: '--plasma-button-value-color',
   buttonBackgroundColor: '--plasma-button-background-color',

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

@@ -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    buttonLoading: 'button-loading',\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    buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',\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    buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',\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","buttonLoading","tokens","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","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;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,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;AACtEC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,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,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,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;;;;;"}
+{"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    buttonLoading: 'button-loading',\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    buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',\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    buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',\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","buttonLoading","tokens","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":";;;;AAAO,MAAMA,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;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,MAAMC,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;AACtEC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,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,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,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;;;;;"}

package/cjs/components/Button/variations/_blurred/base.js

@@ -3,7 +3,7 @@ require('./base_x642ct.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b8o18uz";
+const base = "b8o18uz";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Button/variations/_blurred/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_blurred/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyBlur } from '../../../../mixins';\n\nexport const base = css`\n    ${applyBlur('var(--plasma_private-blur)')};\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_blurred/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyBlur } from '../../../../mixins';\n\nexport const base = css`\n    ${applyBlur('var(--plasma_private-blur)')};\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAEhB;;;;"}

package/cjs/components/Button/variations/_disabled/base.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /* because some projects don't need disabled */
 /* so we don't want to keep `:not(:disabled)` inside _view */
 
-var base = "b169l30m";
+const base = "b169l30m";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Button/variations/_disabled/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\n\n/* NOTE: check _view/base.css */\n/* we use tokens from _view */\n/* I don't like this but it's better to kepp disabled separtly */\n/* because some projects don't need disabled */\n/* so we don't want to keep `:not(:disabled)` inside _view */\n\nexport const base = css`\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: var(${tokens.buttonBackgroundColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAahB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\n\n/* NOTE: check _view/base.css */\n/* we use tokens from _view */\n/* I don't like this but it's better to kepp disabled separtly */\n/* because some projects don't need disabled */\n/* so we don't want to keep `:not(:disabled)` inside _view */\n\nexport const base = css`\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: var(${tokens.buttonBackgroundColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,IAAI,GAahB;;;;"}

package/cjs/components/Button/variations/_focused/base.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 // TODO: focus-visible #711
 
-var base = "b187cmzt";
+const base = "b187cmzt";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Button/variations/_focused/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// TODO: focus-visible #711\n\nexport const base = css`\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"],"names":["base"],"mappings":";;;;AAKA;;AAEO,IAAMA,IAAI,GAWhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\nimport { addFocus } from '../../../../mixins';\n\n// TODO: focus-visible #711\n\nexport const base = css`\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"],"names":["base"],"mappings":";;;;AAKA;;AAEO,MAAMA,IAAI,GAWhB;;;;"}

package/cjs/components/Button/variations/_size/base.js

@@ -3,7 +3,7 @@ require('./base_1alzrso.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "be0ha5g";
+const base = "be0ha5g";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Button/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\n\nexport const base = css`\n    height: var(${tokens.buttonHeight});\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"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAehB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Button.tokens';\n\nexport const base = css`\n    height: var(${tokens.buttonHeight});\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"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAehB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_hy8dc.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bdz31nb";
+const base = "bdz31nb";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -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;;;;"}
+{"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,MAAMA,IAAI,GAUhB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_jfbpjg.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1ty39ru";
+const base = "b1ty39ru";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Button.tokens';\n\nexport const base = css`\n    color: var(${tokens.buttonColor});\n    background: var(${tokens.buttonBackgroundColor});\n\n    &.${classes.buttonLoading} {\n        background: var(${tokens.buttonLoadingBackgroundColor});\n    }\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background: 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: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n`;\n\n// TODO: #715 background-image: gradients\n\n/// TODO: #714 tokens: optional / default / func toHover(color) => hoverColor ??\n/*\n    { \"optional\": true, \"value\":  \"--plasma-button-focus-color\" }\n    { \"default\": \"#fc0\", \"value\":  \"--plasma-button-focus-color\" }\n*/\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAqBhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Button/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Button.tokens';\n\nexport const base = css`\n    color: var(${tokens.buttonColor});\n    background: var(${tokens.buttonBackgroundColor});\n\n    &.${classes.buttonLoading} {\n        background: var(${tokens.buttonLoadingBackgroundColor});\n    }\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background: 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: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n`;\n\n// TODO: #715 background-image: gradients\n\n/// TODO: #714 tokens: optional / default / func toHover(color) => hoverColor ??\n/*\n    { \"optional\": true, \"value\":  \"--plasma-button-focus-color\" }\n    { \"default\": \"#fc0\", \"value\":  \"--plasma-button-focus-color\" }\n*/\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAqBhB;;;;"}

package/cjs/components/ButtonBase/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var ButtonBase = /*#__PURE__*/react.styled('button')({
+const ButtonBase = /*#__PURE__*/react.styled('button')({
   name: "ButtonBase",
-  "class": "b1mq5oi6",
+  class: "b1mq5oi6",
   propsAsIs: false
 });
 

package/cjs/components/ButtonBase/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nexport const ButtonBase = styled.button`\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background-color: transparent;\n    box-sizing: border-box;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: background-color 0.3s ease-in-out;\n    cursor: pointer;\n    border-radius: 0.25rem;\n    &:disabled {\n        background-color: transparent;\n    }\n    &:focus {\n        outline: none;\n    }\n    ${addFocus({\n        outlineRadius: 'inherit',\n    })}\n`;\n"],"names":["ButtonBase","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqB/B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nexport const ButtonBase = styled.button`\n    width: 100%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background-color: transparent;\n    box-sizing: border-box;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: background-color 0.3s ease-in-out;\n    cursor: pointer;\n    border-radius: 0.25rem;\n    &:disabled {\n        background-color: transparent;\n    }\n    &:focus {\n        outline: none;\n    }\n    ${addFocus({\n        outlineRadius: 'inherit',\n    })}\n`;\n"],"names":["ButtonBase","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,MAAMA,UAAU,gBAAGC,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqB/B;;;;"}

package/cjs/components/ButtonGroup/ButtonGroup.js

@@ -18,41 +18,35 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["children", "view", "size", "className", "stretching", "gap", "orientation", "shape", "isCommonButtonStyles"];
-var buttonGroupRoot = function buttonGroupRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var children = props.children,
-      view = props.view,
-      size = props.size,
-      className = props.className,
-      _props$stretching = props.stretching,
-      stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
-      _props$gap = props.gap,
-      gap = _props$gap === void 0 ? 'dense' : _props$gap,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'default' : _props$shape,
-      _props$isCommonButton = props.isCommonButtonStyles,
-      isCommonButtonStyles = _props$isCommonButton === void 0 ? true : _props$isCommonButton,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var orientationClass = ButtonGroup_tokens.classes[orientation];
-    var gapClass = ButtonGroup_tokens.classes[gap];
-    var shapeClass = ButtonGroup_tokens.classes[shape];
-    var stretchingClass = ButtonGroup_tokens.classes["".concat(stretching, "Stretching")];
-    var overrideStylesClass = isCommonButtonStyles ? ButtonGroup_tokens.classes.buttonGroupOverrideStyles : undefined;
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: ref,
-      view: view,
-      size: size,
-      gap: gap,
-      orientation: orientation,
-      shape: shape,
-      className: index.cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
-    }, rest), children);
-  });
-};
-var buttonGroupConfig = {
+const buttonGroupRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    view,
+    size,
+    className,
+    stretching = 'auto',
+    gap = 'dense',
+    orientation = 'horizontal',
+    shape = 'default',
+    isCommonButtonStyles = true,
+    ...rest
+  } = props;
+  const orientationClass = ButtonGroup_tokens.classes[orientation];
+  const gapClass = ButtonGroup_tokens.classes[gap];
+  const shapeClass = ButtonGroup_tokens.classes[shape];
+  const stretchingClass = ButtonGroup_tokens.classes[`${stretching}Stretching`];
+  const overrideStylesClass = isCommonButtonStyles ? ButtonGroup_tokens.classes.buttonGroupOverrideStyles : undefined;
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: ref,
+    view: view,
+    size: size,
+    gap: gap,
+    orientation: orientation,
+    shape: shape,
+    className: index.cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
+  }, rest), children);
+});
+const buttonGroupConfig = {
   name: 'ButtonGroup',
   tag: 'div',
   layout: buttonGroupRoot,

package/cjs/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport type { ButtonGroupProps } from './ButtonGroup.types';\nimport { base } from './ButtonGroup.styles';\nimport { classes } from './ButtonGroup.tokens';\n\nexport const buttonGroupRoot = (Root: RootProps<HTMLDivElement, ButtonGroupProps>) =>\n    forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            className,\n            stretching = 'auto',\n            gap = 'dense',\n            orientation = 'horizontal',\n            shape = 'default',\n            isCommonButtonStyles = true,\n            ...rest\n        } = props;\n\n        const orientationClass = classes[orientation];\n        const gapClass = classes[gap];\n        const shapeClass = classes[shape];\n        const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n        const overrideStylesClass = isCommonButtonStyles ? classes.buttonGroupOverrideStyles : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                gap={gap}\n                orientation={orientation}\n                shape={shape}\n                className={cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const buttonGroupConfig = {\n    name: 'ButtonGroup',\n    tag: 'div',\n    layout: buttonGroupRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        gap: {\n            css: gapCSS,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n        gap: 'dense',\n        orientation: 'horizontal',\n        shape: 'default',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonGroupRoot","Root","forwardRef","props","ref","children","view","size","className","_props$stretching","stretching","_props$gap","gap","_props$orientation","orientation","_props$shape","shape","_props$isCommonButton","isCommonButtonStyles","rest","_objectWithoutProperties","_excluded","orientationClass","classes","gapClass","shapeClass","stretchingClass","concat","overrideStylesClass","buttonGroupOverrideStyles","undefined","React","createElement","_extends","cx","buttonGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","orientationCSS","shapeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAeaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzD,IAAA,IACIC,QAAQ,GAURF,KAAK,CAVLE,QAAQ;MACRC,IAAI,GASJH,KAAK,CATLG,IAAI;MACJC,IAAI,GAQJJ,KAAK,CARLI,IAAI;MACJC,SAAS,GAOTL,KAAK,CAPLK,SAAS;MAAAC,iBAAA,GAOTN,KAAK,CANLO,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,iBAAA;MAAAE,UAAA,GAMnBR,KAAK,CALLS,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,kBAAA,GAKbV,KAAK,CAJLW,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,kBAAA;MAAAE,YAAA,GAI1BZ,KAAK,CAHLa,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;MAAAE,qBAAA,GAGjBd,KAAK,CAFLe,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AACxBE,MAAAA,IAAI,GAAAC,iDAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,gBAAgB,GAAGC,0BAAO,CAACT,WAAW,CAAC,CAAA;AAC7C,IAAA,IAAMU,QAAQ,GAAGD,0BAAO,CAACX,GAAG,CAAC,CAAA;AAC7B,IAAA,IAAMa,UAAU,GAAGF,0BAAO,CAACP,KAAK,CAAC,CAAA;AACjC,IAAA,IAAMU,eAAe,GAAGH,0BAAO,IAAAI,MAAA,CAAIjB,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;IAClF,IAAMkB,mBAAmB,GAAGV,oBAAoB,GAAGK,0BAAO,CAACM,yBAAyB,GAAGC,SAAS,CAAA;AAEhG,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAAC/B,IAAI,EAAAgC,iCAAA,CAAA;AACD7B,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXK,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,KAAK,EAAEA,KAAM;AACbR,MAAAA,SAAS,EAAE0B,QAAE,CAACN,mBAAmB,EAAEN,gBAAgB,EAAEE,QAAQ,EAAEC,UAAU,EAAEC,eAAe,EAAElB,SAAS,CAAA;KACjGW,EAAAA,IAAI,CAEPd,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM8B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtC,eAAe;AACvBuC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRlC,IAAAA,IAAI,EAAE;AACFmC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDnC,IAAAA,IAAI,EAAE;AACFkC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD/B,IAAAA,GAAG,EAAE;AACD6B,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACD9B,IAAAA,WAAW,EAAE;AACT2B,MAAAA,GAAG,EAAEI,WAAAA;KACR;AACD7B,IAAAA,KAAK,EAAE;AACHyB,MAAAA,GAAG,EAAEK,WAAAA;KACR;AACDpC,IAAAA,UAAU,EAAE;AACR+B,MAAAA,GAAG,EAAEM,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1C,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTK,IAAAA,GAAG,EAAE,OAAO;AACZE,IAAAA,WAAW,EAAE,YAAY;AACzBE,IAAAA,KAAK,EAAE,SAAS;AAChBN,IAAAA,UAAU,EAAE,MAAA;AAChB,GAAA;AACJ;;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport type { ButtonGroupProps } from './ButtonGroup.types';\nimport { base } from './ButtonGroup.styles';\nimport { classes } from './ButtonGroup.tokens';\n\nexport const buttonGroupRoot = (Root: RootProps<HTMLDivElement, ButtonGroupProps>) =>\n    forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            className,\n            stretching = 'auto',\n            gap = 'dense',\n            orientation = 'horizontal',\n            shape = 'default',\n            isCommonButtonStyles = true,\n            ...rest\n        } = props;\n\n        const orientationClass = classes[orientation];\n        const gapClass = classes[gap];\n        const shapeClass = classes[shape];\n        const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n        const overrideStylesClass = isCommonButtonStyles ? classes.buttonGroupOverrideStyles : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                gap={gap}\n                orientation={orientation}\n                shape={shape}\n                className={cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const buttonGroupConfig = {\n    name: 'ButtonGroup',\n    tag: 'div',\n    layout: buttonGroupRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        gap: {\n            css: gapCSS,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n        gap: 'dense',\n        orientation: 'horizontal',\n        shape: 'default',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonGroupRoot","Root","forwardRef","props","ref","children","view","size","className","stretching","gap","orientation","shape","isCommonButtonStyles","rest","orientationClass","classes","gapClass","shapeClass","stretchingClass","overrideStylesClass","buttonGroupOverrideStyles","undefined","React","createElement","_extends","cx","buttonGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","orientationCSS","shapeCSS","stretchingCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,eAAe,GAAIC,IAAiD,iBAC7EC,gBAAU,CAAmC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzD,MAAM;IACFC,QAAQ;IACRC,IAAI;IACJC,IAAI;IACJC,SAAS;AACTC,IAAAA,UAAU,GAAG,MAAM;AACnBC,IAAAA,GAAG,GAAG,OAAO;AACbC,IAAAA,WAAW,GAAG,YAAY;AAC1BC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,oBAAoB,GAAG,IAAI;IAC3B,GAAGC,IAAAA;AACP,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,MAAMY,gBAAgB,GAAGC,0BAAO,CAACL,WAAW,CAAC,CAAA;AAC7C,EAAA,MAAMM,QAAQ,GAAGD,0BAAO,CAACN,GAAG,CAAC,CAAA;AAC7B,EAAA,MAAMQ,UAAU,GAAGF,0BAAO,CAACJ,KAAK,CAAC,CAAA;AACjC,EAAA,MAAMO,eAAe,GAAGH,0BAAO,CAAC,CAAGP,EAAAA,UAAU,YAAY,CAAyB,CAAA;EAClF,MAAMW,mBAAmB,GAAGP,oBAAoB,GAAGG,0BAAO,CAACK,yBAAyB,GAAGC,SAAS,CAAA;AAEhG,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,iCAAA,CAAA;AACDrB,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbJ,IAAAA,SAAS,EAAEkB,QAAE,CAACN,mBAAmB,EAAEL,gBAAgB,EAAEE,QAAQ,EAAEC,UAAU,EAAEC,eAAe,EAAEX,SAAS,CAAA;GACjGM,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,CAAC,EAAC;AAEC,MAAMsB,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,eAAe;QACvB+B,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDzB,IAAAA,GAAG,EAAE;AACDuB,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDzB,IAAAA,WAAW,EAAE;AACTsB,MAAAA,GAAG,EAAEI,WAAAA;KACR;AACDzB,IAAAA,KAAK,EAAE;AACHqB,MAAAA,GAAG,EAAEK,WAAAA;KACR;AACD7B,IAAAA,UAAU,EAAE;AACRwB,MAAAA,GAAG,EAAEM,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,GAAG,EAAE,OAAO;AACZC,IAAAA,WAAW,EAAE,YAAY;AACzBC,IAAAA,KAAK,EAAE,SAAS;AAChBH,IAAAA,UAAU,EAAE,MAAA;AAChB,GAAA;AACJ;;;;;"}

package/cjs/components/ButtonGroup/ButtonGroup.styles.js

@@ -3,7 +3,7 @@ require('./ButtonGroup.styles_92nbdg.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b181uun8";
+const base = "b181uun8";
 
 exports.base = base;
 //# sourceMappingURL=ButtonGroup.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n    display: inline-flex;\n`;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAEhB;;;;"}
+{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n    display: inline-flex;\n`;\n"],"names":["base"],"mappings":";;;;AAEO,MAAMA,IAAI,GAEhB;;;;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   autoStretching: 'button-group-stretching-auto',
   filledStretching: 'button-group-stretching-filled',
   buttonGroupOverrideStyles: 'button-group-override-styles',
@@ -12,10 +12,10 @@ var classes = {
   dense: 'button-group-gap-dense',
   wide: 'button-group-gap-wide',
   segmented: 'button-group-shape-segmented',
-  "default": 'button-group-shape-default',
+  default: 'button-group-shape-default',
   pilled: 'button-group-shape-pilled'
 };
-var tokens = {
+const tokens = {
   buttonGroupOrientation: '--plasma-button-group-orientation',
   buttonColor: '--plasma-button-group-item-color',
   buttonValueColor: '--plasma-button-group-item-value-color',

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

@@ -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    buttonLoadingBackgroundColor: '--plasma-button-group-loading-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","buttonLoadingBackgroundColor","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,4BAA4B,EAAE,qDAAqD;AACnFC,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;;;;;"}
+{"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    buttonLoadingBackgroundColor: '--plasma-button-group-loading-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","default","pilled","tokens","buttonGroupOrientation","buttonColor","buttonValueColor","buttonBackgroundColor","buttonLoadingBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":";;;;AAAO,MAAMA,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;AACzCC,EAAAA,OAAO,EAAE,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,MAAMC,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,4BAA4B,EAAE,qDAAqD;AACnFC,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/_gap/base.js

@@ -3,7 +3,7 @@ require('./base_1l1wp9v.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bth582i";
+const base = "bth582i";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/ButtonGroup/variations/_gap/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n    gap: var(${tokens.buttonGroupItemsGap});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n    gap: var(${tokens.buttonGroupItemsGap});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,MAAMA,IAAI,GAEhB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_y7z7cs.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1tbn2l2";
+const base = "b1tbn2l2";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -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;;;;"}
+{"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,MAAMA,IAAI,GAMhB;;;;"}

package/cjs/components/ButtonGroup/variations/_shape/base.js

@@ -3,7 +3,7 @@ require('./base_1it4v56.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b137xshk";
+const base = "b137xshk";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/ButtonGroup/variations/_shape/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonTokens, buttonClasses } from '../../../Button';\nimport { addFocus } from '../../../../mixins';\n\nexport const base = css`\n    &.${classes.default} {\n        --plasma_private-button-radius-inner: var(${tokens.buttonDefaultRadius});\n    }\n    &.${classes.segmented} {\n        --plasma_private-button-radius-inner: var(${tokens.buttonSegmentedRadius});\n\n        &.${classes.none} {\n            --plasma_private-button-radius-inner: 0;\n        }\n    }\n\n    & .${buttonClasses.buttonItem} {\n        ${buttonTokens.buttonRadius}: var(--plasma_private-button-radius-inner);\n\n        ${addFocus({\n            outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n            outlineSize: 'var(--plasma_private-btn-outline-size)',\n            outlineRadius: 'var(--plasma_private-button-radius-inner)',\n            outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n        })}\n    }\n\n    &.${classes.horizontal}, &.${classes.vertical} {\n        .${buttonClasses.buttonItem}:first-child:last-child {\n            border-radius: var(${tokens.buttonSideRadius});\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: `var(${tokens.buttonSideRadius})`,\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n\n    &.${classes.horizontal} {\n        .${buttonClasses.buttonItem}:first-child {\n            --plasma_private-left-side-radius: var(${tokens.buttonSideRadius}) var(--plasma_private-button-radius-inner)\n                var(--plasma_private-button-radius-inner) var(${tokens.buttonSideRadius});\n\n            border-radius: var(--plasma_private-left-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-left-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n\n        .${buttonClasses.buttonItem}:last-child {\n            --plasma_private-right-side-radius: var(--plasma_private-button-radius-inner)\n                var(${tokens.buttonSideRadius}) var(${tokens.buttonSideRadius})\n                var(--plasma_private-button-radius-inner);\n\n            border-radius: var(--plasma_private-right-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-right-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n\n    &.${classes.vertical} {\n        .${buttonClasses.buttonItem}:first-child {\n            --plasma_private-up-side-radius: var(${tokens.buttonSideRadius}) var(${tokens.buttonSideRadius})\n                var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);\n\n            border-radius: var(--plasma_private-up-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-up-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n        .${buttonClasses.buttonItem}:last-child {\n            --plasma_private-down-side-radius: var(--plasma_private-button-radius-inner)\n                var(--plasma_private-button-radius-inner) var(${tokens.buttonSideRadius})\n                var(${tokens.buttonSideRadius});\n\n            border-radius: var(--plasma_private-down-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-down-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAgGhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonTokens, buttonClasses } from '../../../Button';\nimport { addFocus } from '../../../../mixins';\n\nexport const base = css`\n    &.${classes.default} {\n        --plasma_private-button-radius-inner: var(${tokens.buttonDefaultRadius});\n    }\n    &.${classes.segmented} {\n        --plasma_private-button-radius-inner: var(${tokens.buttonSegmentedRadius});\n\n        &.${classes.none} {\n            --plasma_private-button-radius-inner: 0;\n        }\n    }\n\n    & .${buttonClasses.buttonItem} {\n        ${buttonTokens.buttonRadius}: var(--plasma_private-button-radius-inner);\n\n        ${addFocus({\n            outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n            outlineSize: 'var(--plasma_private-btn-outline-size)',\n            outlineRadius: 'var(--plasma_private-button-radius-inner)',\n            outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n        })}\n    }\n\n    &.${classes.horizontal}, &.${classes.vertical} {\n        .${buttonClasses.buttonItem}:first-child:last-child {\n            border-radius: var(${tokens.buttonSideRadius});\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: `var(${tokens.buttonSideRadius})`,\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n\n    &.${classes.horizontal} {\n        .${buttonClasses.buttonItem}:first-child {\n            --plasma_private-left-side-radius: var(${tokens.buttonSideRadius}) var(--plasma_private-button-radius-inner)\n                var(--plasma_private-button-radius-inner) var(${tokens.buttonSideRadius});\n\n            border-radius: var(--plasma_private-left-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-left-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n\n        .${buttonClasses.buttonItem}:last-child {\n            --plasma_private-right-side-radius: var(--plasma_private-button-radius-inner)\n                var(${tokens.buttonSideRadius}) var(${tokens.buttonSideRadius})\n                var(--plasma_private-button-radius-inner);\n\n            border-radius: var(--plasma_private-right-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-right-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n\n    &.${classes.vertical} {\n        .${buttonClasses.buttonItem}:first-child {\n            --plasma_private-up-side-radius: var(${tokens.buttonSideRadius}) var(${tokens.buttonSideRadius})\n                var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);\n\n            border-radius: var(--plasma_private-up-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-up-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n        .${buttonClasses.buttonItem}:last-child {\n            --plasma_private-down-side-radius: var(--plasma_private-button-radius-inner)\n                var(--plasma_private-button-radius-inner) var(${tokens.buttonSideRadius})\n                var(${tokens.buttonSideRadius});\n\n            border-radius: var(--plasma_private-down-side-radius);\n\n            ${addFocus({\n                outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n                outlineSize: 'var(--plasma_private-btn-outline-size)',\n                outlineRadius: 'var(--plasma_private-down-side-radius)',\n                outlineColor: `var(${buttonTokens.buttonFocusColor})`,\n            })}\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,MAAMA,IAAI,GAgGhB;;;;"}

package/cjs/components/ButtonGroup/variations/_size/base.js

@@ -3,7 +3,7 @@ require('./base_xxxewc.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bc0nfse";
+const base = "bc0nfse";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/ButtonGroup/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_size/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.buttonHeight}: var(${tokens.buttonHeight});\n        ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n        ${buttonTokens.buttonScaleActive}: var(${tokens.buttonScaleActive});\n        ${buttonTokens.buttonScaleHover}: var(${tokens.buttonScaleHover});\n        ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n        ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n        ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n        ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n        ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n        ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAahB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_size/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.buttonHeight}: var(${tokens.buttonHeight});\n        ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n        ${buttonTokens.buttonScaleActive}: var(${tokens.buttonScaleActive});\n        ${buttonTokens.buttonScaleHover}: var(${tokens.buttonScaleHover});\n        ${buttonTokens.buttonFontFamily}: var(${tokens.buttonFontFamily});\n        ${buttonTokens.buttonFontSize}: var(${tokens.buttonFontSize});\n        ${buttonTokens.buttonFontStyle}: var(${tokens.buttonFontStyle});\n        ${buttonTokens.buttonFontWeight}: var(${tokens.buttonFontWeight});\n        ${buttonTokens.buttonLetterSpacing}: var(${tokens.buttonLetterSpacing});\n        ${buttonTokens.buttonLineHeight}: var(${tokens.buttonLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,MAAMA,IAAI,GAahB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_rzhdtv.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1q0zac7";
+const base = "b1q0zac7";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../ButtonGroup.tokens';\nimport { buttonClasses } from '../../../Button';\n\nexport const base = css`\n    &.${classes.filledStretching} {\n        width: 100%;\n\n        .${buttonClasses.buttonItem} {\n            width: 100%;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAQhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../ButtonGroup.tokens';\nimport { buttonClasses } from '../../../Button';\n\nexport const base = css`\n    &.${classes.filledStretching} {\n        width: 100%;\n\n        .${buttonClasses.buttonItem} {\n            width: 100%;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,MAAMA,IAAI,GAQhB;;;;"}

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

@@ -3,7 +3,7 @@ require('./base_1lhytnr.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b7jdqtc";
+const base = "b7jdqtc";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

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

@@ -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.buttonLoadingBackgroundColor}: var(${tokens.buttonLoadingBackgroundColor});\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,GAWhB;;;;"}
+{"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.buttonLoadingBackgroundColor}: var(${tokens.buttonLoadingBackgroundColor});\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,MAAMA,IAAI,GAWhB;;;;"}

package/cjs/components/Calendar/Calendar.js

@@ -12,26 +12,25 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 /**
  * Компонент календаря с диапазоном.
  */
-var boundCalendar = function boundCalendar(_ref) {
-  var CalendarBase = _ref.base,
-    CalendarDouble = _ref["double"],
-    CalendarBaseRange = _ref.baseRange,
-    CalendarDoubleRange = _ref.doubleRange;
-  return function (rest) {
-    if (!rest.isRange && !rest.isDouble) {
-      return /*#__PURE__*/React__default.default.createElement(CalendarBase, rest);
-    }
-    if (!rest.isRange && rest.isDouble) {
-      return /*#__PURE__*/React__default.default.createElement(CalendarDouble, rest);
-    }
-    if (rest.isRange && !rest.isDouble) {
-      return /*#__PURE__*/React__default.default.createElement(CalendarBaseRange, rest);
-    }
-    if (rest.isRange && rest.isDouble) {
-      return /*#__PURE__*/React__default.default.createElement(CalendarDoubleRange, rest);
-    }
-    return null;
-  };
+const boundCalendar = ({
+  base: CalendarBase,
+  double: CalendarDouble,
+  baseRange: CalendarBaseRange,
+  doubleRange: CalendarDoubleRange
+}) => rest => {
+  if (!rest.isRange && !rest.isDouble) {
+    return /*#__PURE__*/React__default.default.createElement(CalendarBase, rest);
+  }
+  if (!rest.isRange && rest.isDouble) {
+    return /*#__PURE__*/React__default.default.createElement(CalendarDouble, rest);
+  }
+  if (rest.isRange && !rest.isDouble) {
+    return /*#__PURE__*/React__default.default.createElement(CalendarBaseRange, rest);
+  }
+  if (rest.isRange && rest.isDouble) {
+    return /*#__PURE__*/React__default.default.createElement(CalendarDoubleRange, rest);
+  }
+  return null;
 };
 
 exports.boundCalendar = boundCalendar;

package/cjs/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CalendarProps, ComponentVariation } from './Calendar.types';\n\nimport 'focus-visible';\n\n/**\n * Компонент календаря с диапазоном.\n */\nexport const boundCalendar: (args: ComponentVariation) => React.FC<CalendarProps> = ({\n    base: CalendarBase,\n    double: CalendarDouble,\n    baseRange: CalendarBaseRange,\n    doubleRange: CalendarDoubleRange,\n}) => (rest) => {\n    if (!rest.isRange && !rest.isDouble) {\n        return <CalendarBase {...rest} />;\n    }\n\n    if (!rest.isRange && rest.isDouble) {\n        return <CalendarDouble {...rest} />;\n    }\n\n    if (rest.isRange && !rest.isDouble) {\n        return <CalendarBaseRange {...rest} />;\n    }\n\n    if (rest.isRange && rest.isDouble) {\n        return <CalendarDoubleRange {...rest} />;\n    }\n\n    return null;\n};\n"],"names":["boundCalendar","_ref","CalendarBase","base","CalendarDouble","CalendarBaseRange","baseRange","CalendarDoubleRange","doubleRange","rest","isRange","isDouble","React","createElement"],"mappings":";;;;;;;;;;;AAMA;AACA;AACA;IACaA,aAAoE,GAAG,SAAvEA,aAAoEA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACvEC,YAAY,GAAAD,IAAA,CAAlBE,IAAI;AACIC,IAAAA,cAAc,GAAAH,IAAA,CAAA,QAAA,CAAA;IACXI,iBAAiB,GAAAJ,IAAA,CAA5BK,SAAS;IACIC,mBAAmB,GAAAN,IAAA,CAAhCO,WAAW,CAAA;EAAA,OACT,UAACC,IAAI,EAAK;IACZ,IAAI,CAACA,IAAI,CAACC,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACjC,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACX,YAAY,EAAKO,IAAO,CAAC,CAAA;AACrC,KAAA;IAEA,IAAI,CAACA,IAAI,CAACC,OAAO,IAAID,IAAI,CAACE,QAAQ,EAAE;AAChC,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACT,cAAc,EAAKK,IAAO,CAAC,CAAA;AACvC,KAAA;IAEA,IAAIA,IAAI,CAACC,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AAChC,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACR,iBAAiB,EAAKI,IAAO,CAAC,CAAA;AAC1C,KAAA;AAEA,IAAA,IAAIA,IAAI,CAACC,OAAO,IAAID,IAAI,CAACE,QAAQ,EAAE;AAC/B,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,mBAAmB,EAAKE,IAAO,CAAC,CAAA;AAC5C,KAAA;AAEA,IAAA,OAAO,IAAI,CAAA;GACd,CAAA;AAAA;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CalendarProps, ComponentVariation } from './Calendar.types';\n\nimport 'focus-visible';\n\n/**\n * Компонент календаря с диапазоном.\n */\nexport const boundCalendar: (args: ComponentVariation) => React.FC<CalendarProps> = ({\n    base: CalendarBase,\n    double: CalendarDouble,\n    baseRange: CalendarBaseRange,\n    doubleRange: CalendarDoubleRange,\n}) => (rest) => {\n    if (!rest.isRange && !rest.isDouble) {\n        return <CalendarBase {...rest} />;\n    }\n\n    if (!rest.isRange && rest.isDouble) {\n        return <CalendarDouble {...rest} />;\n    }\n\n    if (rest.isRange && !rest.isDouble) {\n        return <CalendarBaseRange {...rest} />;\n    }\n\n    if (rest.isRange && rest.isDouble) {\n        return <CalendarDoubleRange {...rest} />;\n    }\n\n    return null;\n};\n"],"names":["boundCalendar","base","CalendarBase","double","CalendarDouble","baseRange","CalendarBaseRange","doubleRange","CalendarDoubleRange","rest","isRange","isDouble","React","createElement"],"mappings":";;;;;;;;;;;AAMA;AACA;AACA;AACO,MAAMA,aAAoE,GAAGA,CAAC;AACjFC,EAAAA,IAAI,EAAEC,YAAY;AAClBC,EAAAA,MAAM,EAAEC,cAAc;AACtBC,EAAAA,SAAS,EAAEC,iBAAiB;AAC5BC,EAAAA,WAAW,EAAEC,mBAAAA;AACjB,CAAC,KAAMC,IAAI,IAAK;EACZ,IAAI,CAACA,IAAI,CAACC,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACjC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACX,YAAY,EAAKO,IAAO,CAAC,CAAA;AACrC,GAAA;EAEA,IAAI,CAACA,IAAI,CAACC,OAAO,IAAID,IAAI,CAACE,QAAQ,EAAE;AAChC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACT,cAAc,EAAKK,IAAO,CAAC,CAAA;AACvC,GAAA;EAEA,IAAIA,IAAI,CAACC,OAAO,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AAChC,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACP,iBAAiB,EAAKG,IAAO,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,IAAIA,IAAI,CAACC,OAAO,IAAID,IAAI,CAACE,QAAQ,EAAE;AAC/B,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACL,mBAAmB,EAAKC,IAAO,CAAC,CAAA;AAC5C,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACf;;;;"}

package/cjs/components/Calendar/Calendar.tokens.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   dayOfWeek: 'day-of-week',
   dayInCurrentMonth: 'day-in-current-month',
   disabled: 'item-disabled',
@@ -20,7 +20,7 @@ var classes = {
   disabledPrevButton: 'disabled-prev-button',
   stretched: 'plasma-calendar-stretched'
 };
-var innerTokens = {
+const innerTokens = {
   dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
   dateStructureFontSize: '--plasma-calendar-date-structure-font-size',
   dateStructureFontStyle: '--plasma-calendar-date-structure-font-style',
@@ -30,7 +30,7 @@ var innerTokens = {
   dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',
   dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius'
 };
-var tokens = {
+const tokens = {
   calendarContainerWidth: '--plasma-calendar-container-width',
   calendarContainerHeight: '--plasma-calendar-container-height',
   calendarBorderWidth: '--plasma-calendar-border-width',