@salutejs/plasma-new-hope 0.93.0-canary.1224.9678231866.0 → 0.93.0-canary.1233.9692693420.0

package/es/index.js

@@ -14,6 +14,7 @@ export { useUniqId } from './hooks/useUniqId.js';
 export { usePreviousValue } from './hooks/usePreviousValue.js';
 export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
+export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
 export { composableStyle, cx } from './utils/index.js';
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
@@ -155,13 +156,8 @@ export { getBaseGridView } from './components/Grid/utils/index.js';
 export { progressConfig, progressRoot } from './components/Progress/Progress.js';
 export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
 export { selectConfig, selectRoot } from './components/Select/Select.js';
-export { classes as selectClasses, tokens as selectTokens } from './components/Select/Select.tokens.js';
-export { selectDividerConfig, selectDividerRoot } from './components/Select/ui/SelectDivider/SelectDivider.js';
-export { selectFooterConfig, selectFooterRoot } from './components/Select/ui/SelectFooter/SelectFooter.js';
-export { selectGroupConfig, selectGroupRoot } from './components/Select/ui/SelectGroup/SelectGroup.js';
-export { selectHeaderConfig, selectHeaderRoot } from './components/Select/ui/SelectHeader/SelectHeader.js';
-export { selectItemConfig, selectItemRoot } from './components/Select/ui/SelectItem/SelectItem.js';
-export { SelectTarget } from './components/Select/ui/SelectTarget/SelectTarget.js';
+export { tokens as selectTokens } from './components/Select/Select.tokens.js';
+export { SelectNotFoundContent } from './components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js';
 export { dividerConfig, dividerRoot } from './components/Divider/Divider.js';
 export { classes as dividerClasses, tokens as dividerTokens } from './components/Divider/Divider.tokens.js';
 export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
@@ -180,14 +176,11 @@ export { tokens as rangeTokens } from './components/Range/Range.tokens.js';
 export { accordionConfig, accordionRoot } from './components/Accordion/Accordion.js';
 export { AccordionItem } from './components/Accordion/ui/AccordionItem/AccordionItem.js';
 export { classes as accordionClasses, tokens as accordionTokens } from './components/Accordion/Accordion.tokens.js';
-export { datePickerConfig, datePickerRoot } from './components/DatePicker/SingleDate/SingleDate.js';
-export { datePickerRangeConfig, datePickerRangeRoot } from './components/DatePicker/RangeDate/RangeDate.js';
-export { classes as datePickerClasses, tokens as datePickerTokens } from './components/DatePicker/DatePicker.tokens.js';
 export { component, mergeConfig } from './engines/common.js';
 export { canUseDOM } from './utils/canUseDOM.js';
 export { extractTextFrom } from './utils/extractTextFrom.js';
 export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
 export { IS_REACT_18, safeUseId } from './utils/react.js';
 export { isNumber } from './utils/isNumber.js';
-export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
+export { isEmpty } from './utils/isEmpty.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AASaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AASaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/es/utils/isEmpty.js

@@ -0,0 +1,45 @@
+import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var isEmpty = function isEmpty(obj) {
+  // null and undefined are "empty"
+  if (obj == null) {
+    return true;
+  }
+
+  // Assume if it has a length property with a non-zero value
+  // that that property is correct.
+  if (obj.length > 0) {
+    return false;
+  }
+  if (obj.length === 0) {
+    return true;
+  }
+
+  // If it isn't an object at this point
+  // it is empty, but it can't be anything *but* empty
+  // Is it empty?  Depends on your application.
+  if (_typeof(obj) !== 'object') {
+    return true;
+  }
+
+  // Otherwise, does it have any properties of its own?
+  // Note that this doesn't handle
+  // toString and valueOf enumeration bugs in IE < 9
+  for (var key in obj) {
+    if (hasOwnProperty.call(obj, key)) {
+      return false;
+    }
+  }
+  return true;
+};
+
+// Example
+// '' true
+// '{}' true
+// '[]' true
+// '123' false
+// '[123]' false
+
+export { isEmpty };
+//# sourceMappingURL=isEmpty.js.map

package/es/utils/isEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmpty.js","sources":["../../src/utils/isEmpty.ts"],"sourcesContent":["const { hasOwnProperty } = Object.prototype;\n\nconst isEmpty = (obj: any): boolean => {\n    // null and undefined are \"empty\"\n    if (obj == null) {\n        return true;\n    }\n\n    // Assume if it has a length property with a non-zero value\n    // that that property is correct.\n    if (obj.length > 0) {\n        return false;\n    }\n    if (obj.length === 0) {\n        return true;\n    }\n\n    // If it isn't an object at this point\n    // it is empty, but it can't be anything *but* empty\n    // Is it empty?  Depends on your application.\n    if (typeof obj !== 'object') {\n        return true;\n    }\n\n    // Otherwise, does it have any properties of its own?\n    // Note that this doesn't handle\n    // toString and valueOf enumeration bugs in IE < 9\n    for (const key in obj) {\n        if (hasOwnProperty.call(obj, key)) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport { isEmpty };\n\n// Example\n// '' true\n// '{}' true\n// '[]' true\n// '123' false\n// '[123]' false\n"],"names":["hasOwnProperty","Object","prototype","isEmpty","obj","length","_typeof","key","call"],"mappings":";;AAAA,IAAQA,cAAc,GAAKC,MAAM,CAACC,SAAS,CAAnCF,cAAc,CAAA;AAEtB,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAIC,GAAQ,EAAc;AACnC;EACA,IAAIA,GAAG,IAAI,IAAI,EAAE;AACb,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA,EAAA,IAAIA,GAAG,CAACC,MAAM,GAAG,CAAC,EAAE;AAChB,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AACA,EAAA,IAAID,GAAG,CAACC,MAAM,KAAK,CAAC,EAAE;AAClB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA;AACA,EAAA,IAAIC,OAAA,CAAOF,GAAG,CAAA,KAAK,QAAQ,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;;AAEA;AACA;AACA;AACA,EAAA,KAAK,IAAMG,GAAG,IAAIH,GAAG,EAAE;IACnB,IAAIJ,cAAc,CAACQ,IAAI,CAACJ,GAAG,EAAEG,GAAG,CAAC,EAAE;AAC/B,MAAA,OAAO,KAAK,CAAA;AAChB,KAAA;AACJ,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACf,EAAC;;AAID;AACA;AACA;AACA;AACA;AACA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.93.0-canary.1224.9678231866.0",
+  "version": "0.93.0-canary.1233.9692693420.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -68,7 +68,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.158.0",
+    "@salutejs/plasma-sb-utils": "0.159.0-canary.1233.9692693420.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -98,13 +98,12 @@
     "@linaria/core": "5.0.2",
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
-    "@salutejs/plasma-core": "1.160.0",
-    "dayjs": "1.11.11",
+    "@salutejs/plasma-core": "1.161.0-canary.1233.9692693420.0",
     "focus-visible": "5.2.0",
     "lodash.throttle": "4.1.1",
     "react-draggable": "4.4.3",
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "67449a1b3d6de747c981d9d039d8f398ffdcf517"
+  "gitHead": "802e9a789788e51899904b8af724ea9d4361c6dc"
 }

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

@@ -46,10 +46,10 @@ var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponen
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-9d9bqj-6"
 })(["display:flex;margin:var(", ");"], _Button.tokens.buttonRightContentMargin);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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    &&.", " {\n        width: var(", ");\n        padding: 0;\n    }\n"])), /*#__PURE__*/String(_Button.classes.buttonSquare), _Button.tokens.buttonHeight);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\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    &&.", " {\n        width: var(", ");\n        padding: 0;\n    }\n"])), /*#__PURE__*/String(_Button.classes.buttonSquare), _Button.tokens.buttonHeight);
 
 // INFO: Для возможности переиспользования стилей в других компонентах
-var baseContent = exports.baseContent = /*#__PURE__*/"\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    &&.".concat(String(_Button.classes.buttonSquare), " {\n        width: var(").concat(_Button.tokens.buttonHeight, ");\n        padding: 0;\n    }\n\n    color: var(").concat(_Button.tokens.buttonColor, ");\n    background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n    :hover {\n        color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n    }\n\n    :active {\n        color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n    }\n\n    height: var(").concat(_Button.tokens.buttonHeight, ");\n    width: var(").concat(_Button.tokens.buttonWidth, ");\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n    font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n    font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n    font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n    font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n    letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n    line-height: var(").concat(_Button.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    ").concat((0, _mixins.addFocus)({
+var baseContent = exports.baseContent = /*#__PURE__*/"\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    &&.".concat(String(_Button.classes.buttonSquare), " {\n        width: var(").concat(_Button.tokens.buttonHeight, ");\n        padding: 0;\n    }\n\n    color: var(").concat(_Button.tokens.buttonColor, ");\n    background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n    :hover {\n        color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n    }\n\n    :active {\n        color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n    }\n\n    height: var(").concat(_Button.tokens.buttonHeight, ");\n    width: var(").concat(_Button.tokens.buttonWidth, ");\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n    font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n    font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n    font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n    font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n    letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n    line-height: var(").concat(_Button.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    ").concat((0, _mixins.addFocus)({
   outlineOffset: '-0.125rem',
   outlineSize: 'var(--plasma_private-btn-outline-size)',
   outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',

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

@@ -15,90 +15,51 @@ var classes = exports.classes = {
   selectableItem: 'item-selectable',
   selectedItem: 'item-selected',
   currentItem: 'item-current',
-  hoveredItem: 'item-hovered',
-  doubleHeaderDate: 'double-header-date',
-  doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper'
+  hoveredItem: 'item-hovered'
 };
 var tokens = exports.tokens = {
-  calendarWidth: '--plasma-calendar-width',
-  calendarHeight: '--plasma-calendar-height',
-  /* Токены размера сетки лет */
-  calendarYearsPadding: '--plasma-calendar-years-padding',
-  calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
-  calendarYearItemWidth: '--plasma-calendar-year-item-width',
-  calendarYearItemHeight: '--plasma-calendar-year-item-height',
+  calendarBackgroundColor: '--plasma-calendar-background',
+  calendarHeaderArrowContainerWidth: '--plasma-calendar-arrow-container-width',
+  calendarItemBorderRadius: '--plasma-calendar-item-border-radius',
+  calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
+  calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
+  calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
+  calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
+  calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
+  calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
+  calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
+  calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
+  calendarActiveItemColor: '--plasma-calendar-active-item-color',
+  calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
+  calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
+  calendarSeparatorBackground: '--plasma-calendar-separator-background',
+  calendarRangeBackground: '--plasma-calendar-range-background',
+  calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
+  calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
+  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
+  calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
+  calendarHeaderFontSize: '--plasma-calendar-header-font-size',
+  calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
+  calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
+  calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
+  calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
+  calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
   calendarYearFontFamily: '--plasma-calendar-year-font-family',
   calendarYearFontSize: '--plasma-calendar-year-font-size',
   calendarYearFontStyle: '--plasma-calendar-year-font-style',
   calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',
   calendarYearFontLineHeight: '--plasma-calendar-year-line-height',
   calendarYearFontWeight: '--plasma-calendar-year-font-weight',
-  calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',
-  /* Токены размера сетки месяцев */
-  calendarMonthsPadding: '--plasma-calendar-months-padding',
-  calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
-  calendarMonthItemWidth: '--plasma-calendar-month-item-width',
-  calendarMonthItemHeight: '--plasma-calendar-month-item-height',
   calendarMonthFontFamily: '--plasma-calendar-month-font-family',
   calendarMonthFontSize: '--plasma-calendar-month-font-size',
   calendarMonthFontStyle: '--plasma-calendar-month-font-style',
   calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',
   calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',
   calendarMonthFontWeight: '--plasma-calendar-month-font-weight',
-  calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',
-  /* Токены размера сетки дней */
-  calendarDaysPadding: '--plasma-calendar-days-padding',
-  calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
-  calendarDayItemWidth: '--plasma-calendar-day-item-width',
-  calendarDayItemHeight: '--plasma-calendar-day-item-height',
   calendarDayFontFamily: '--plasma-calendar-day-font-family',
   calendarDayFontSize: '--plasma-calendar-day-font-size',
   calendarDayFontStyle: '--plasma-calendar-day-font-style',
   calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',
   calendarDayFontLineHeight: '--plasma-calendar-day-line-height',
-  calendarDayFontWeight: '--plasma-calendar-day-font-weight',
-  calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
-  calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
-  /* Токены шапки календаря */
-  calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
-  calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
-  calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
-  calendarHeaderPadding: '--plasma-calendar-header-padding',
-  calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
-  calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
-  calendarHeaderFontSize: '--plasma-calendar-header-font-size',
-  calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
-  calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
-  calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
-  calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
-  calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
-  /* Токены стрелок навигации календаря */
-  iconButtonColor: '--plasma-calendar-icon-button-color',
-  iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
-  iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',
-  iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',
-  iconButtonColorActive: '--plasma-calendar-icon-button-color-active',
-  iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',
-  iconButtonHeight: '--plasma-calendar-icon-button-height',
-  iconButtonWidth: '--plasma-calendar-icon-button-width',
-  iconButtonPadding: '--plasma-calendar-icon-button-padding',
-  iconButtonRadius: '--plasma-calendar-icon-button-radius',
-  iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',
-  calendarBackgroundColor: '--plasma-calendar-background',
-  calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
-  calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
-  calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
-  calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
-  calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
-  calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
-  calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
-  calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
-  calendarActiveItemColor: '--plasma-calendar-active-item-color',
-  calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
-  calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
-  calendarSeparatorBackground: '--plasma-calendar-separator-background',
-  calendarRangeBackground: '--plasma-calendar-range-background',
-  calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
-  calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
-  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
+  calendarDayFontWeight: '--plasma-calendar-day-font-weight'
 };

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -222,11 +222,6 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       });
       onKeyDown(event);
     }, [onKeyDown]);
-    (0, _react.useEffect)(function () {
-      if (!prevValue) {
-        setPrevValue(value);
-      }
-    }, [value, prevValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
@@ -237,7 +232,6 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       "aria-live": "assertive",
       "aria-relevant": "additions"
     }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
-      size: rest.size,
       firstDate: date,
       startYear: startYear,
       type: calendarState,

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledCalendar = exports.IsOutOfRange = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
 var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: 19.5rem;\n    height: 19.5rem;\n"])));
 var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xkgu4c-0"
 })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -141,17 +141,11 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
       }
       setPrevValue(value);
     }
-    (0, _react.useEffect)(function () {
-      if (!prevValue) {
-        setPrevValue(value);
-      }
-    }, [value, prevValue]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: outerRootRef,
       "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
     }, rest), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
       isDouble: true,
-      size: rest.size,
       firstDate: firstDate,
       secondDate: secondDate,
       onPrev: handlePrev,

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js

@@ -11,10 +11,10 @@ var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    width: var(", ");\n    height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    width: 39rem;\n    height: 19.5rem;\n"])));
 var StyledSeparator = exports.StyledSeparator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-0"
-})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], _Calendar.tokens.calendarSeparatorBackground);
+})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 0 1.5rem;"], _Calendar.tokens.calendarSeparatorBackground);
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1dp3a9f-1"
 })(["display:flex;"]);

package/styled-components/cjs/components/Calendar/hooks/useDays.js

@@ -233,5 +233,5 @@ var useDays = exports.useDays = function useDays(date, value, eventList, disable
       return (0, _utils.getMatrix)(modifiedDays);
     }
     return (0, _utils.getMatrix)(days);
-  }, [date, value, eventList, disabledList, max, min, includeEdgeDates]);
+  }, [date, value, eventList, disabledList, max, min]);
 };

package/styled-components/cjs/components/Calendar/mixins/index.js

@@ -3,33 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  addActive: true,
-  addSelected: true
-};
-Object.defineProperty(exports, "addActive", {
-  enumerable: true,
-  get: function get() {
-    return _active.addActive;
-  }
-});
-Object.defineProperty(exports, "addSelected", {
-  enumerable: true,
-  get: function get() {
-    return _selected.addSelected;
-  }
-});
-var _active = /*#__PURE__*/require("./active");
-var _selected = /*#__PURE__*/require("./selected");
-var _flex = /*#__PURE__*/require("./flex");
-Object.keys(_flex).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _flex[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _flex[key];
-    }
-  });
-});
+exports.selectedMixin = exports.flexSpaceBetween = exports.flexCenter = exports.buttonFocus = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
+var _mixins = /*#__PURE__*/require("../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var flexCenter = exports.flexCenter = "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n";
+var flexSpaceBetween = exports.flexSpaceBetween = "\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n";
+
+/**
+ * Миксин для установки синтетического фокуса на выбранной кнопке.
+ */
+var buttonFocus = exports.buttonFocus = /*#__PURE__*/_styledComponents["default"].button.withConfig({
+  componentId: "plasma-new-hope__sc-1tntqjy-0"
+})(["border:none;background-color:transparent;padding:0;outline:none;", ";"], /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+  outlineRadius: '0.563rem'
+}));
+
+/**
+ * Миксины для изменения стиля выбранного дня.
+ */
+var active = "\n    &:active {\n        background-color: var(--calendar_private-active-background);\n        color: var(--calendar_private-active-color);\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n    }\n";
+
+/*
+ *  Если использовать токены и классы из ./tokens rollup ругается на этот миксин
+ */
+var selectedMixin = exports.selectedMixin = /*#__PURE__*/"\n    outline: none;\n    cursor: pointer;\n\n    &:hover:not(.item-selected) {\n        background-color: var(--calendar_private-selectable-background-hover);\n        \n        ".concat(String(active), ";\n    };\n\n    &.item-selected {\n        border: 0;\n        background-color: var(--calendar_private-selected-background);\n        color: var(--calendar_private-selected-color);\n        cursor: default;\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n    };\n\n    &.item-current {\n        border: 0.063rem solid var(--calendar_private-current-border-color);\n\n        &:not(.item-selected):hover {\n            background-color: var(--calendar_private-current-background-hover);\n            color: var(--calendar_private-current-color-hover);\n\n            & > div:first-of-type {\n                background-color: var(--calendar_private-current-child-background-hover);\n                min-width: var(--calendar_private-selected-min-width);\n                min-height: var(--calendar_private-selected-min-height);\n            }\n        \n            ").concat(String(active), ";\n        }\n    };\n\n    &.item-hovered, &.item-hovered:hover {\n        background-color: var(--calendar_private-hovered-background);\n        color: var(--calendar_private-hovered-color);\n        cursor: pointer;\n        font-weight: var(--plasma-typo-body-s-bold-font-weight);\n        ").concat(String(active), ";\n    }\n\n    ").concat( /*#__PURE__*/String(active), ";\n");

package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js

@@ -5,61 +5,54 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledEvents = exports.StyledEvent = exports.StyledDayRoot = exports.StyledDay = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _mixins = /*#__PURE__*/require("../../mixins");
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _mixins2 = /*#__PURE__*/require("../../mixins");
+var _mixins2 = /*#__PURE__*/require("../../../../mixins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var inRange = function inRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 2.5rem;\n        height: 1.875rem;\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
 };
 var sideInRange = function sideInRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
+  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.313rem;\n        height: 1.875rem;\n        background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n    }\n");
 };
 var StyledDay = exports.StyledDay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-0"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/String(_Calendar.classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(_Calendar.classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(_Calendar.classes.daySideLeft), function (_ref) {
+})(["border-radius:0.375rem;", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], /*#__PURE__*/String(_mixins.flexCenter), /*#__PURE__*/String(_Calendar.classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(_Calendar.classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(_Calendar.classes.daySideLeft), function (_ref) {
   var offset = _ref.offset;
   return "".concat(offset, "px");
 }, /*#__PURE__*/String(_Calendar.classes.daySideRight), function (_ref2) {
   var offset = _ref2.offset;
   return "".concat(offset, "px");
 });
+var dayOfWeek = function dayOfWeek() {
+  return "\n    color: var(--plasma-colors-tertiary);\n";
+};
 var disabledDay = function disabledDay() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
+  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n\n    ".concat((0, _mixins2.addFocus)({
+    outlineSize: '0.063rem',
+    outlineOffset: '-0.063rem',
+    outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
+    outlineRadius: '0.563rem'
+  }), ";\n");
 };
 var disabledCurrentDay = function disabledCurrentDay() {
-  return "\n    ".concat(disabledDay(), ";\n");
+  return "\n    ".concat(disabledDay(), ";\n    --calendar_private-add-focus-outline-offset: 0.125rem;\n");
 };
 var StyledDayRoot = exports.StyledDayRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-1"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), function (_ref3) {
+})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:2.5rem;min-height:2rem;border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{--calendar_private-selected-min-width:2.25rem;--calendar_private-selected-min-height:1.75rem;--calendar_private-selected-background:var(", ");--calendar_private-selected-color:var(", ");--calendar_private-selectable-background-hover:var(", ");--calendar_private-current-border-color:var(", ");--calendar_private-current-background-hover:var(", ");--calendar_private-current-color-hover:var(", ");--calendar_private-current-child-background-hover:var(", ");--calendar_private-active-background:var(", ");--calendar_private-active-color:var(", ");--calendar_private-hovered-background:var(", ");--calendar_private-hovered-color:var(", ");", ";", ";}&.", "{", ";}&.", "{", ";}&.", "{", ";}"], _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarItemBorderRadius, /*#__PURE__*/String(_mixins.flexCenter), function (_ref3) {
   var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
   return isDayInCurrentMonth ? "var(".concat(_Calendar.tokens.calendarContentPrimaryColor, ")") : "var(".concat(_Calendar.tokens.calendarContentSecondaryColor, ")");
 }, function (_ref4) {
   var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
     isDouble = _ref4.isDouble;
   return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
-}, /*#__PURE__*/String(_Calendar.classes.selectableItem), /*#__PURE__*/(0, _mixins2.addSelected)({
-  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarDaySelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
-}), /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
+}, /*#__PURE__*/String(_Calendar.classes.selectableItem), _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, /*#__PURE__*/(0, _mixins2.addFocus)({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
+  outlineOffset: '-0.063rem',
   outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), _Calendar.classes.dayOfWeek, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.classes.dayDisabled, /*#__PURE__*/disabledDay(), _Calendar.classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), _Calendar.classes.currentItem, _Calendar.classes.dayInRange, _Calendar.classes.daySideRight, _Calendar.classes.daySideLeft);
+  outlineRadius: '0.563rem'
+}), /*#__PURE__*/String(_mixins.selectedMixin), /*#__PURE__*/String(_Calendar.classes.dayOfWeek), /*#__PURE__*/dayOfWeek(), /*#__PURE__*/String(_Calendar.classes.dayDisabled), /*#__PURE__*/disabledDay(), /*#__PURE__*/String(_Calendar.classes.dayDisabledCurrent), /*#__PURE__*/disabledCurrentDay());
 var StyledEvents = exports.StyledEvents = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2y5uj0-2"
 })(["display:flex;position:absolute;bottom:0.25rem;"]);

package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../mixins");
-var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-0"
 })(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
 var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-1"
-})(["outline:none;padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarDaysPadding);
+})(["outline:none;padding:0.5rem 1rem 1.5rem;box-sizing:border-box;"]);
 var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   componentId: "plasma-new-hope__sc-3ydwr5-2"
 })(["display:none;"]);