@salutejs/plasma-new-hope 0.155.1-canary.1448.11072895995.0 → 0.155.1-canary.1458.11067362582.0

package/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,9 +1,11 @@
-import './Breadcrumbs.styles_1troyzr.css';
+import './Breadcrumbs.styles_17id7um.css';
 import { styled } from '@linaria/react';
-import { tokens } from './Breadcrumbs.tokens.js';
+import { linkConfig } from '../Link/Link.js';
+import '@linaria/core';
 import { component, mergeConfig } from '../../engines/common.js';
+import 'react';
 import { IconDisclosureRight } from '../_Icon/Icons/IconDisclosureRight.js';
-import { linkConfig } from '../Link/Link.js';
+import { tokens } from './Breadcrumbs.tokens.js';
 
 var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
 var Link = /*#__PURE__*/component(mergedLinkConfig);
@@ -16,19 +18,26 @@ var _exp2 = function _exp2() {
     return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
   };
 };
+var _exp3 = function _exp3() {
+  return function (_ref2) {
+    var isHref = _ref2.isHref;
+    return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ", var(").concat(tokens.breadcrumbsColor, "))");
+  };
+};
 var StyledLink = /*#__PURE__*/styled(_exp())({
   name: "StyledLink",
   "class": "shehk3i",
   propsAsIs: true,
   vars: {
-    "shehk3i-0": [/*#__PURE__*/_exp2()]
+    "shehk3i-0": [/*#__PURE__*/_exp2()],
+    "shehk3i-1": [/*#__PURE__*/_exp3()]
   }
 });
 var base = "bkgt5xr";
-var _exp12 = function _exp12() {
+var _exp13 = function _exp13() {
   return IconDisclosureRight;
 };
-var Separator = /*#__PURE__*/styled(_exp12())({
+var Separator = /*#__PURE__*/styled(_exp13())({
   name: "Separator",
   "class": "sajtslk",
   propsAsIs: true

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColor});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp12","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBX,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhF,EAAA;AAEM,IAAMY,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GApCgBA,SAoChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    color: ${({ isHref }) =>\n        isHref\n            ? `var(${tokens.breadcrumbsColor})`\n            : `var(${tokens.breadcrumbsColorText}, var(${tokens.breadcrumbsColor}))`};\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator}, var(${tokens.breadcrumbsColor}));\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp13","IconDisclosureRight","Separator"],"mappings":";;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACpE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OACRA,MAAM,GAAAC,MAAAA,CAAAA,MAAA,CACOC,MAAM,CAACI,gBAAiB,EAAAL,GAAAA,CAAAA,GAAAA,MAAAA,CAAAA,MAAA,CACxBC,MAAM,CAACK,oBAAqB,EAAAN,QAAAA,CAAAA,CAAAA,MAAA,CAAQC,MAAM,CAACI,gBAAiB,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAL7E,IAAME,UAAU,gBAAGC,MAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBf,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpEM,KAGuE,EAAA,CAAA;AAAA,GAAA;AAAA,CAOnF,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}

package/es/components/Breadcrumbs/{Breadcrumbs.styles_1troyzr.css → Breadcrumbs.styles_17id7um.css}

@@ -1,3 +1,3 @@
-.shehk3i{opacity:var(--shehk3i-0);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.shehk3i{opacity:var(--shehk3i-0);color:var(--shehk3i-1);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
 .bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
+.sajtslk{color:var(--plasma-breadcrumbs-color-separator,var(--plasma-breadcrumbs-color));opacity:var(--plasma-breadcrumbs-opacity);}

package/es/components/Breadcrumbs/Breadcrumbs.tokens.js

@@ -5,6 +5,8 @@ var tokens = {
   breadcrumbsGap: '--plasma-breadcrumbs-gap',
   breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
   breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
+  breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',
+  breadcrumbsColorText: '--plasma-breadcrumbs-color-text',
   breadcrumbsColor: '--plasma-breadcrumbs-color',
   breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
   breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',

package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}
+{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n    breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n    breadcrumbsGap: '--plasma-breadcrumbs-gap',\n    breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n    breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n    breadcrumbsColorSeparator: '--plasma-breadcrumbs-color-separator',\n    breadcrumbsColorText: '--plasma-breadcrumbs-color-text',\n\n    breadcrumbsColor: '--plasma-breadcrumbs-color',\n    breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n    breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n    breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n    breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n    breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n    breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColorSeparator","breadcrumbsColorText","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,yBAAyB,EAAE,sCAAsC;AACjEC,EAAAA,oBAAoB,EAAE,iCAAiC;AAEvDC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}

package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { tokens } from '../../Breadcrumbs.tokens.js';
 import { addFocus } from '../../../../mixins/addFocus.js';
+import { tokens } from '../../Breadcrumbs.tokens.js';
 
 var StyledRoot = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1ufgggn-0"

package/es/components/Button/Button.styles.js

@@ -1,5 +1,8 @@
 import './Button.styles_1sopr3d.css';
 import { styled } from '@linaria/react';
+import 'focus-visible';
+import 'styled-components';
+import '@linaria/core';
 import { component, mergeConfig } from '../../engines/common.js';
 import { spinnerConfig } from '../Spinner/Spinner.js';
 

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

@@ -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    display: flex;\n    margin: var(${tokens.buttonLeftContentMargin});\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n`;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonRightContentMargin});\n    align-self: var(${tokens.buttonRightContentAlignSelf});\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,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;"}
+{"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    display: flex;\n    margin: var(${tokens.buttonLeftContentMargin});\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n`;\n\nexport const StyledContentRight = styled.div`\n    display: flex;\n    margin: var(${tokens.buttonRightContentMargin});\n    align-self: var(${tokens.buttonRightContentAlignSelf});\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,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;"}

package/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -2,18 +2,18 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { forwardRef, useMemo, useState, useReducer, useCallback, useEffect } from 'react';
 import { reducer, getInitialState, sizeMap } from '../store/reducer.js';
 import { ActionType, CalendarState } from '../store/types.js';
-import { base } from './variations/_view/base.js';
-import { base as base$1 } from './variations/_size/base.js';
-import { IsOutOfRange, StyledCalendar } from './CalendarBase.styles.js';
-import { useCalendarNavigation } from '../hooks/useCalendarNavigation.js';
+import { isValueUpdate } from '../utils/calendarRangeHelper.js';
 import { useKeyNavigation } from '../hooks/useKeyNavigation.js';
+import { useCalendarNavigation } from '../hooks/useCalendarNavigation.js';
 import { useCalendarDateChange } from '../hooks/useCalendarDateChange.js';
 import { CalendarHeader } from '../ui/CalendarHeader/CalendarHeader.js';
 import { CalendarDays } from '../ui/CalendarDays/CalendarDays.js';
 import { CalendarMonths } from '../ui/CalendarMonths/CalendarMonths.js';
 import { CalendarQuarters } from '../ui/CalendarQuarters/CalendarQuarters.js';
 import { CalendarYears } from '../ui/CalendarYears/CalendarYears.js';
-import { isValueUpdate } from '../utils/calendarRangeHelper.js';
+import { base } from './variations/_view/base.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { IsOutOfRange, StyledCalendar } from './CalendarBase.styles.js';
 
 var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 /**

package/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -1,21 +1,21 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo, useState, useReducer, useCallback, useEffect } from 'react';
-import { reducer, getInitialState, sizeMap } from '../store/reducer.js';
 import { ActionType, CalendarState } from '../store/types.js';
-import { IsOutOfRange } from '../CalendarBase/CalendarBase.styles.js';
-import { base } from './variations/_view/base.js';
-import { StyledWrapper, StyledSeparator, StyledCalendar } from './CalendarDouble.styles.js';
-import { useCalendarNavigation } from '../hooks/useCalendarNavigation.js';
+import { YEAR_RENDER_COUNT } from '../utils/constants.js';
+import { getNextDate } from '../utils/calendarGridHelper.js';
+import { isValueUpdate } from '../utils/calendarRangeHelper.js';
 import { useKeyNavigation } from '../hooks/useKeyNavigation.js';
+import { useCalendarNavigation } from '../hooks/useCalendarNavigation.js';
 import { useCalendarDateChange } from '../hooks/useCalendarDateChange.js';
 import { CalendarHeader } from '../ui/CalendarHeader/CalendarHeader.js';
 import { CalendarDays } from '../ui/CalendarDays/CalendarDays.js';
 import { CalendarMonths } from '../ui/CalendarMonths/CalendarMonths.js';
 import { CalendarQuarters } from '../ui/CalendarQuarters/CalendarQuarters.js';
 import { CalendarYears } from '../ui/CalendarYears/CalendarYears.js';
-import { isValueUpdate } from '../utils/calendarRangeHelper.js';
-import { YEAR_RENDER_COUNT } from '../utils/constants.js';
-import { getNextDate } from '../utils/calendarGridHelper.js';
+import { reducer, getInitialState, sizeMap } from '../store/reducer.js';
+import { IsOutOfRange } from '../CalendarBase/CalendarBase.styles.js';
+import { base } from './variations/_view/base.js';
+import { StyledWrapper, StyledSeparator, StyledCalendar } from './CalendarDouble.styles.js';
 
 var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
 var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];

package/es/components/Calendar/hooks/useDays.js

@@ -1,9 +1,9 @@
 import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo } from 'react';
-import { CalendarState } from '../store/types.js';
-import { getDaysInMonth, getOffsetDayInWeek, getMatrix, IsCurrentDay, isSelectedDay, getPrevDate, getNextDate } from '../utils/calendarGridHelper.js';
 import { getDatesWithModifications } from '../utils/getDateWithModification.js';
+import { getDaysInMonth, getOffsetDayInWeek, getMatrix, IsCurrentDay, isSelectedDay, getPrevDate, getNextDate } from '../utils/calendarGridHelper.js';
 import { isDateInRange } from '../utils/calendarRangeHelper.js';
+import { CalendarState } from '../store/types.js';
 
 /**
  * Метод возвращающий массив дней в предыдущем месяце.

package/es/components/Calendar/hooks/useKeyNavigation.js

@@ -1,8 +1,8 @@
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useRef, useLayoutEffect, useCallback } from 'react';
 import { Keys } from '../Calendar.types.js';
-import { sizeMap } from '../store/reducer.js';
 import { offsetMap } from '../utils/constants.js';
+import { sizeMap } from '../store/reducer.js';
 
 /**
  * Метод для получения стороны двойного календаря.

package/es/components/Calendar/hooks/useMonths.js

@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
-import { CalendarState } from '../store/types.js';
+import { getDatesWithModifications } from '../utils/getDateWithModification.js';
 import { SHORT_MONTH_NAME, MONTH_NAMES } from '../utils/constants.js';
 import { isCurrentMonth, isSelectedMonth, getMatrix } from '../utils/calendarGridHelper.js';
 import { isDateInRange } from '../utils/calendarRangeHelper.js';
-import { getDatesWithModifications } from '../utils/getDateWithModification.js';
+import { CalendarState } from '../store/types.js';
 
 /**
  * Хук для получения списка месяцев.

package/es/components/Calendar/hooks/useQuarters.js

@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
-import { CalendarState } from '../store/types.js';
+import { getDatesWithModifications } from '../utils/getDateWithModification.js';
 import { QUARTER_NAMES, quarterDates } from '../utils/constants.js';
 import { isCurrentMonth, isSelectedMonth, getMatrix } from '../utils/calendarGridHelper.js';
 import { isDateInRange } from '../utils/calendarRangeHelper.js';
-import { getDatesWithModifications } from '../utils/getDateWithModification.js';
+import { CalendarState } from '../store/types.js';
 
 /**
  * Хук для получения списка месяцев.

package/es/components/Calendar/hooks/useYears.js

@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
-import { CalendarState } from '../store/types.js';
+import { getDatesWithModifications } from '../utils/getDateWithModification.js';
 import { YEAR_RENDER_COUNT } from '../utils/constants.js';
 import { isCurrentYear, isSelectedYear, getMatrix } from '../utils/calendarGridHelper.js';
 import { isDateInRange } from '../utils/calendarRangeHelper.js';
-import { getDatesWithModifications } from '../utils/getDateWithModification.js';
+import { CalendarState } from '../store/types.js';
 
 /**
  * Хук для получения списка годов.

package/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from './CalendarDays.styles.js';
 import { useDays } from '../../hooks/useDays.js';
+import { SHORT_DAY_NAMES, FULL_DAY_NAMES, ROW_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
-import { SHORT_DAY_NAMES, FULL_DAY_NAMES, ROW_STEP } from '../../utils/constants.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from './CalendarDays.styles.js';
 
 var _StyledCalendarDaysHi;
 /**

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -1,13 +1,14 @@
 import React, { useCallback, useMemo } from 'react';
+import { IconDisclosureLeft } from '../../../_Icon/Icons/IconDisclosureLeft.js';
+import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
+import { IconDisclosureDownFill } from '../../../_Icon/Icons/IconDisclosureDownFill.js';
+import '@linaria/react';
 import { CalendarState } from '../../store/types.js';
+import { MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils/constants.js';
+import { getCalendarType } from '../../utils/calendarGridHelper.js';
 import { classes } from '../../Calendar.tokens.js';
 import { sizeMap } from '../../store/reducer.js';
 import { StyledHeaderDate, StyledArrow, StyledCalendarHeader, StyledNavigation, StyledDoubleHeaderWrapper, StyledHeaderDouble, StyledHeader, StyledArrows } from './CalendarHeader.styles.js';
-import { IconDisclosureDownFill } from '../../../_Icon/Icons/IconDisclosureDownFill.js';
-import { IconDisclosureLeft } from '../../../_Icon/Icons/IconDisclosureLeft.js';
-import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
-import { getCalendarType } from '../../utils/calendarGridHelper.js';
-import { MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils/constants.js';
 
 /**
  * Компонент шапки календаря.

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n    locale,\n}) => {\n    const handleCalendarState = useCallback(() => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    }, [type, onUpdateCalendarState]);\n\n    const getHeaderContent = useCallback(\n        (date?: DateObject, secondPart?: boolean) => {\n            if (!date) {\n                return '';\n            }\n\n            if (type === CalendarState.Days) {\n                return (\n                    <>\n                        <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n                        <StyledHeaderDate>\n                            {date.year}\n                            <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                        </StyledHeaderDate>\n                    </>\n                );\n            }\n\n            if (type === CalendarState.Months || type === CalendarState.Quarters) {\n                return (\n                    <StyledHeaderDate>\n                        {date.year}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            if (type === CalendarState.Years) {\n                const yearValue = secondPart ? startYear + 12 : startYear;\n\n                return (\n                    <StyledHeaderDate>\n                        {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            return '';\n        },\n        [type, startYear, size, locale],\n    );\n\n    const currentCalendarType = getCalendarType(type);\n\n    const PreviousButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n                <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onPrev],\n    );\n\n    const NextButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n                <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onNext],\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        {PreviousButton}\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        {NextButton}\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        {PreviousButton}\n                        {NextButton}\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n    StyledArrow,\n    StyledArrows,\n    StyledCalendarHeader,\n    StyledDoubleHeaderWrapper,\n    StyledHeader,\n    StyledHeaderDate,\n    StyledHeaderDouble,\n    StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n    type = 'Days',\n    startYear = 0,\n    size,\n    firstDate,\n    secondDate,\n    isDouble,\n    onPrev,\n    onNext,\n    onUpdateCalendarState,\n    locale,\n}) => {\n    const handleCalendarState = useCallback(() => {\n        const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n        if (type === CalendarState.Days) {\n            onUpdateCalendarState?.(CalendarState.Months, newSize);\n        }\n\n        if (type === CalendarState.Months || type === CalendarState.Quarters) {\n            onUpdateCalendarState?.(CalendarState.Years, newSize);\n        }\n    }, [type, onUpdateCalendarState]);\n\n    const getHeaderContent = useCallback(\n        (date?: DateObject, secondPart?: boolean) => {\n            if (!date) {\n                return '';\n            }\n\n            if (type === CalendarState.Days) {\n                return (\n                    <>\n                        <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n                        <StyledHeaderDate>\n                            {date.year}\n                            <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                        </StyledHeaderDate>\n                    </>\n                );\n            }\n\n            if (type === CalendarState.Months || type === CalendarState.Quarters) {\n                return (\n                    <StyledHeaderDate>\n                        {date.year}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            if (type === CalendarState.Years) {\n                const yearValue = secondPart ? startYear + 12 : startYear;\n\n                return (\n                    <StyledHeaderDate>\n                        {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n                        <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n                    </StyledHeaderDate>\n                );\n            }\n\n            return '';\n        },\n        [type, startYear, size, locale],\n    );\n\n    const currentCalendarType = getCalendarType(type);\n\n    const PreviousButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n                <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onPrev],\n    );\n\n    const NextButton = useMemo(\n        () => (\n            <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n                <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n            </StyledArrow>\n        ),\n        [currentCalendarType, size, onNext],\n    );\n\n    return (\n        <StyledCalendarHeader>\n            {isDouble ? (\n                <StyledNavigation>\n                    <StyledDoubleHeaderWrapper>\n                        {PreviousButton}\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(firstDate)}\n                        </StyledHeaderDouble>\n                    </StyledDoubleHeaderWrapper>\n                    <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n                        <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n                            {getHeaderContent(secondDate, true)}\n                        </StyledHeaderDouble>\n                        {NextButton}\n                    </StyledDoubleHeaderWrapper>\n                </StyledNavigation>\n            ) : (\n                <>\n                    <StyledHeader\n                        type=\"button\"\n                        aria-live=\"polite\"\n                        id=\"id-grid-label\"\n                        onClick={handleCalendarState}\n                        tabIndex={0}\n                    >\n                        {getHeaderContent(firstDate)}\n                    </StyledHeader>\n                    <StyledArrows>\n                        {PreviousButton}\n                        {NextButton}\n                    </StyledArrows>\n                </>\n            )}\n        </StyledCalendarHeader>\n    );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -1,5 +1,6 @@
 import './CalendarHeader.styles_1jfelqf.css';
 import { styled } from '@linaria/react';
+import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { iconButtonConfig } from '../../../IconButton/IconButton.js';
 

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;AAQA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC;;;;"}
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n    padding: var(${tokens.calendarHeaderPadding});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n\n    &:hover,\n    &:active {\n        color: var(${tokens.calendarContentSecondaryColor});\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n    ${flexCenter};\n    pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n    display: flex;\n    gap: var(${tokens.calendarHeaderArrowGap});\n    padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n    width: 100%;\n    ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n    grid-template-areas: 'a b c';\n\n    ${StyledArrow} {\n        grid-area: a;\n    }\n\n    &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n        grid-area: c;\n    }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    font-family: var(${tokens.calendarHeaderFontFamily});\n    font-size: var(${tokens.calendarHeaderFontSize});\n    font-style: var(${tokens.calendarHeaderFontStyle});\n    font-weight: var(${tokens.calendarHeaderFontWeightBold});\n    letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n    line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n    color: var(${tokens.calendarContentPrimaryColor});\n\n    grid-area: b;\n    justify-self: center;\n    cursor: pointer;\n    display: flex;\n    gap: var(${tokens.calendarHeaderDateGap});\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    height: fit-content;\n\n    ${String(flexCenter)};\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n        outlineRadius: '0.563rem',\n    })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;;AAQA,IAAMA,sBAAsB,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,MAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC;;;;"}

package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles.js';
-import { useMonths } from '../../hooks/useMonths.js';
 import { ROW_MONTH_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useMonths } from '../../hooks/useMonths.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles.js';
 
 /**
  * Компонент месяцев в календаре.

package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles.js';
-import { useQuarters } from '../../hooks/useQuarters.js';
 import { ROW_QUARTER_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useQuarters } from '../../hooks/useQuarters.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarQuarters, StyledFlex } from './CalendarQuarters.styles.js';
 
 /**
  * Компонент кварталов в календаре.

package/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -1,12 +1,12 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useCallback, useEffect } from 'react';
-import { tokens, innerTokens } from '../../Calendar.tokens.js';
-import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
-import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles.js';
-import { useYears } from '../../hooks/useYears.js';
 import { ROW_YEAR_STEP } from '../../utils/constants.js';
 import { canSelectDate } from '../../utils/calendarGridHelper.js';
 import { isSelectProcess, isSameDay, getInRange, getSideInRange } from '../../utils/calendarRangeHelper.js';
+import { useYears } from '../../hooks/useYears.js';
+import { tokens, innerTokens } from '../../Calendar.tokens.js';
+import { DateStructureItem } from '../DateStructureItem/DateStructureItem.js';
+import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles.js';
 
 /**
  * Компонент годов в календаре.

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,26 +1,27 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import '../../../utils/react.js';
+import { isEmpty } from '../../../utils/isEmpty.js';
+import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
+import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
 import { getItemByFocused, useKeyNavigation } from './hooks/useKeyboardNavigation.js';
-import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
-import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
-import { base as base$1 } from './variations/_view/base.js';
-import { base as base$2 } from './variations/_size/base.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
-import { filterItems } from './utils/filterItems.js';
-import { pathReducer } from './reducers/pathReducer.js';
-import { focusedPathReducer } from './reducers/focusedPathReducer.js';
-import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
-import { isEmpty } from '../../../utils/isEmpty.js';
 import { updateDescendants } from './utils/updateDescendants.js';
 import { updateAncestors } from './utils/updateAncestors.js';
 import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
-import { StyledTextField } from './ui/Target/Target.styles.js';
-import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
+import { filterItems } from './utils/filterItems.js';
 import { getItemId } from './utils/getItemId.js';
 import { Inner } from './ui/Inner/Inner.js';
+import { StyledTextField } from './ui/Target/Target.styles.js';
+import { pathReducer } from './reducers/pathReducer.js';
+import { focusedPathReducer } from './reducers/focusedPathReducer.js';
+import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
+import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
 
 var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
 var Context = /*#__PURE__*/createContext({});