npm - @salutejs/plasma-new-hope - Versions diffs - 0.325.0-canary.1992.15255012441.0 → 0.325.0-canary.1993.15271190997.0 - Mend

@salutejs/plasma-new-hope 0.325.0-canary.1992.15255012441.0 → 0.325.0-canary.1993.15271190997.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (597) hide show

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayInCurrentMonth__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayOfWeek__1f08c8b0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabledCurrent__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_1hkk03u_s1wqrord__1f08c8b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_1hkk03u_s1cvvf5__1f08c8b0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_12b03hz_s140bov1__23973e8e{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e:not(.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayInCurrentMonth__23973e8e:not(.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayOfWeek__23973e8e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabledCurrent__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_12b03hz_s1wqrord__23973e8e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_12b03hz_s1cvvf5__23973e8e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./DateStructureItem.styles_1hkk03u.css');
+require('./DateStructureItem.styles_12b03hz.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,13 +20,13 @@ var StyledItem = /*#__PURE__*/react.styled('div')({
     "s140bov1-0": [/*#__PURE__*/_exp10()]
   }
 });
-var _exp21 = function _exp21() {
+var _exp19 = function _exp19() {
   return function (_ref2) {
     var isDayInCurrentMonth = _ref2.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryColor, ")");
   };
 };
-var _exp36 = function _exp36() {
+var _exp34 = function _exp34() {
   return function (_ref3) {
     var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
     return isDayInCurrentMonth ? "var(".concat(Calendar_tokens.tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(Calendar_tokens.tokens.calendarContentSecondaryDisabledColor, ")");
@@ -37,8 +37,8 @@ var StyledItemRoot = /*#__PURE__*/react.styled('div')({
   "class": "s1k1xcqq",
   propsAsIs: false,
   vars: {
-    "s1k1xcqq-0": [/*#__PURE__*/_exp21()],
-    "s1k1xcqq-1": [/*#__PURE__*/_exp36()]
+    "s1k1xcqq-0": [/*#__PURE__*/_exp19()],
+    "s1k1xcqq-1": [/*#__PURE__*/_exp34()]
   }
 });
 var StyledEvents = /*#__PURE__*/react.styled('div')({
@@ -46,7 +46,7 @@ var StyledEvents = /*#__PURE__*/react.styled('div')({
   "class": "s1wqrord",
   propsAsIs: false
 });
-var _exp42 = function _exp42() {
+var _exp40 = function _exp40() {
   return function (_ref4) {
     var _ref4$color = _ref4.color,
       color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
@@ -58,7 +58,7 @@ var StyledEvent = /*#__PURE__*/react.styled('div')({
   "class": "s1cvvf5",
   propsAsIs: false,
   vars: {
-    "s1cvvf5-0": [/*#__PURE__*/_exp42()]
+    "s1cvvf5-0": [/*#__PURE__*/_exp40()]
   }
 });

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n ~~min-width: var(${innerTokens.dateStructureWidth});\n min-height: var(${innerTokens.dateStructureHeight});\n\n~~ border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: `calc(~~var(${innerTokens.dateStructureWidth})~~ - 0.~~25rem~~)~~`,\~~n minHeight: `calc(~~var(${innerTokens.dateStructureHeight})~~ - 0.~~25rem~~)~~`,\~~n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","~~_exp21~~","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","~~_exp36~~","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","~~_exp42~~","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAM,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,~~OA6BW~~,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,sBAAM,CAACE,6BAA6B,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,~~GArF1CA~~,~~SAqF0CA~~,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,sBAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;~~AA9EjE~~,IAAMC,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,~~cAkBvBC~~,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,~~GA3KgBA~~,~~SA2KhBA~~,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGtB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}
1	+ {"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: 'calc(100% - 0.125rem)',\n minHeight: 'calc(100% - 0.125rem)',\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp19","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp34","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","_exp40","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;;;;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAM,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA0BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,sBAAM,CAACE,6BAA6B,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAlF1CA,SAkF0CA,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,sBAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,sBAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3EjE,IAAMC,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAevBC,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,GAxKgBA,SAwKhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGtB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;;;;"}

package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css ADDED Viewed

@@ -0,0 +1,4 @@
+.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
+.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
+.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/cjs/components/Calendar/utils/calendarGridHelper.js CHANGED Viewed

@@ -60,6 +60,13 @@ var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
     currentYear = _getDateFromNow2.year;
   return monthIndex === currentMonthIndex && date.year === currentYear;
 };
+var isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
+  var _getDateFromNow3 = getDateFromNow(),
+    currentMonthIndex = _getDateFromNow3.monthIndex,
+    currentYear = _getDateFromNow3.year;
+  var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
+  return currentQuarterCondition && date.year === currentYear;
+};
 var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
   if (!value) {
     return false;
@@ -70,8 +77,8 @@ var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
   return currentMonth === monthIndex && date.year === year;
 };
 var isCurrentYear = function isCurrentYear(year) {
-  var _getDateFromNow3 = getDateFromNow(),
-    currentYear = _getDateFromNow3.year;
+  var _getDateFromNow4 = getDateFromNow(),
+    currentYear = _getDateFromNow4.year;
   return year === currentYear;
 };
 var isSelectedYear = function isSelectedYear(yearValue, value) {
@@ -166,6 +173,7 @@ exports.getPrevDate = getPrevDate;
 exports.getPropsMap = getPropsMap;
 exports.getStartYear = getStartYear;
 exports.isCurrentMonth = isCurrentMonth;
+exports.isCurrentQuarter = isCurrentQuarter;
 exports.isCurrentYear = isCurrentYear;
 exports.isSelectedDay = isSelectedDay;
 exports.isSelectedMonth = isSelectedMonth;

package/cjs/components/Calendar/utils/calendarGridHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendarGridHelper.js","sources":["../../../../src/components/Calendar/utils/calendarGridHelper.ts"],"sourcesContent":["import type {\n CalendarValueType,\n DateObject,\n DateType,\n DisabledDay,\n EventDay,\n ItemProps,\n Locales,\n} from '../Calendar.types';\nimport type { CalendarStateType } from '../store/types';\n\nimport { isSelectProcess } from './calendarRangeHelper';\nimport { MONTHS, YEAR_RENDER_COUNT, I18N } from './constants';\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() \|\| 7) - 1;\n\nexport const getStartYear = (year: number) => Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n currentMonth - 1 < 0 ? [Math.abs(currentYear - 1) \|\| 0, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date \| undefined): DateObject => {\n const state = date \|\| new Date();\n\n return {\n day: date !== undefined ? state.getDate() : 0,\n monthIndex: state.getMonth(),\n year: Math.abs(state.getFullYear()),\n };\n};\n\nexport const getDateFromNow = (): DateObject => {\n const nowDate = new Date();\n\n return {\n day: nowDate.getDate(),\n monthIndex: nowDate.getMonth(),\n year: nowDate.getFullYear(),\n };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value: DateType) => {\n if (!value) {\n return false;\n }\n\n const { day, monthIndex, year } = getDateFromValue(value);\n return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, currentMonth: number, value?: DateType) => {\n if (!value) {\n return false;\n }\n\n const { monthIndex, year } = getDateFromValue(value);\n return currentMonth === monthIndex && date.year === year;\n};\n\nexport const isCurrentYear = (year: number) => {\n const { year: currentYear } = getDateFromNow();\n return year === currentYear;\n};\n\nexport const isSelectedYear = (yearValue: number, value: DateType) => {\n if (!value) {\n return false;\n }\n\n const { year } = getDateFromValue(value);\n return yearValue === year;\n};\n\n/*\n Метод для получения набора неповторяющихся дат.\n /\nexport const getPropsMap = <T extends EventDay \| DisabledDay>(props: T[]) =>\n props.reduce((acc, prop) => {\n const { year, monthIndex, day } = getDateFromValue(prop.date);\n\n const key = `${year}-${monthIndex}-${day}`;\n\n const propList = acc.get(key) \|\| [];\n propList.push(prop);\n\n return acc.set(key, propList);\n }, new Map<string, T[]>());\n\n/\n Метод проверяет, можно ли выбрать день.\n /\nexport const canSelectDate = (\n { year, monthIndex, day }: DateObject,\n value: CalendarValueType,\n disabledList?: DisabledDay[],\n) => {\n if (!isSelectProcess(value)) {\n return true;\n }\n\n const hoverDate = new Date(year, monthIndex, day);\n const [startDate] = value;\n\n if (!disabledList?.length) {\n return true;\n }\n\n const offDisabledRange = disabledList.some(\n ({ date }) => (startDate < date && date < hoverDate) \|\| (startDate > date && date > hoverDate),\n );\n\n return !offDisabledRange;\n};\n\n/\n Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] \| undefined] => {\n const newItems = [...items];\n\n let selected: [number, number] \| undefined;\n\n const result = newItems.reduce((acc: T[][], item, index) => {\n if (index % rowSize === 0) {\n acc.push([]);\n }\n\n acc[acc.length - 1].push(item);\n\n if (item.isSelected) {\n selected = [acc.length - 1, index % rowSize];\n }\n\n return acc;\n }, []);\n\n return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType, locale: Locales) => {\n switch (type) {\n case 'Months':\n case 'Quarters':\n return I18N.year[locale];\n case 'Years':\n return I18N.period[locale];\n default:\n return I18N.month[locale];\n }\n};\n"],"names":["getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","floor","YEAR_RENDER_COUNT","getNextDate","currentYear","currentMonth","MONTHS","length","getPrevDate","abs","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isSelectedMonth","_getDateFromValue2","isCurrentYear","_getDateFromNow3","isSelectedYear","yearValue","_getDateFromValue3","getPropsMap","props","reduce","acc","prop","_getDateFromValue4","key","concat","propList","get","push","set","Map","canSelectDate","_ref","disabledList","isSelectProcess","hoverDate","_value","_slicedToArray","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","item","index","isSelected","getCalendarType","type","locale","I18N","period","month"],"mappings":"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"}
1	+ {"version":3,"file":"calendarGridHelper.js","sources":["../../../../src/components/Calendar/utils/calendarGridHelper.ts"],"sourcesContent":["import type {\n CalendarValueType,\n DateObject,\n DateType,\n DisabledDay,\n EventDay,\n ItemProps,\n Locales,\n} from '../Calendar.types';\nimport type { CalendarStateType } from '../store/types';\n\nimport { isSelectProcess } from './calendarRangeHelper';\nimport { MONTHS, YEAR_RENDER_COUNT, I18N } from './constants';\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() \|\| 7) - 1;\n\nexport const getStartYear = (year: number) => Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n currentMonth - 1 < 0 ? [Math.abs(currentYear - 1) \|\| 0, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date \| undefined): DateObject => {\n const state = date \|\| new Date();\n\n return {\n day: date !== undefined ? state.getDate() : 0,\n monthIndex: state.getMonth(),\n year: Math.abs(state.getFullYear()),\n };\n};\n\nexport const getDateFromNow = (): DateObject => {\n const nowDate = new Date();\n\n return {\n day: nowDate.getDate(),\n monthIndex: nowDate.getMonth(),\n year: nowDate.getFullYear(),\n };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value: DateType) => {\n if (!value) {\n return false;\n }\n\n const { day, monthIndex, year } = getDateFromValue(value);\n return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n\n return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isCurrentQuarter = (date: DateObject, monthIndex: number) => {\n const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n const currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;\n\n return currentQuarterCondition && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, currentMonth: number, value?: DateType) => {\n if (!value) {\n return false;\n }\n\n const { monthIndex, year } = getDateFromValue(value);\n return currentMonth === monthIndex && date.year === year;\n};\n\nexport const isCurrentYear = (year: number) => {\n const { year: currentYear } = getDateFromNow();\n return year === currentYear;\n};\n\nexport const isSelectedYear = (yearValue: number, value: DateType) => {\n if (!value) {\n return false;\n }\n\n const { year } = getDateFromValue(value);\n return yearValue === year;\n};\n\n/*\n Метод для получения набора неповторяющихся дат.\n /\nexport const getPropsMap = <T extends EventDay \| DisabledDay>(props: T[]) =>\n props.reduce((acc, prop) => {\n const { year, monthIndex, day } = getDateFromValue(prop.date);\n\n const key = `${year}-${monthIndex}-${day}`;\n\n const propList = acc.get(key) \|\| [];\n propList.push(prop);\n\n return acc.set(key, propList);\n }, new Map<string, T[]>());\n\n/\n Метод проверяет, можно ли выбрать день.\n /\nexport const canSelectDate = (\n { year, monthIndex, day }: DateObject,\n value: CalendarValueType,\n disabledList?: DisabledDay[],\n) => {\n if (!isSelectProcess(value)) {\n return true;\n }\n\n const hoverDate = new Date(year, monthIndex, day);\n const [startDate] = value;\n\n if (!disabledList?.length) {\n return true;\n }\n\n const offDisabledRange = disabledList.some(\n ({ date }) => (startDate < date && date < hoverDate) \|\| (startDate > date && date > hoverDate),\n );\n\n return !offDisabledRange;\n};\n\n/\n Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] \| undefined] => {\n const newItems = [...items];\n\n let selected: [number, number] \| undefined;\n\n const result = newItems.reduce((acc: T[][], item, index) => {\n if (index % rowSize === 0) {\n acc.push([]);\n }\n\n acc[acc.length - 1].push(item);\n\n if (item.isSelected) {\n selected = [acc.length - 1, index % rowSize];\n }\n\n return acc;\n }, []);\n\n return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType, locale: Locales) => {\n switch (type) {\n case 'Months':\n case 'Quarters':\n return I18N.year[locale];\n case 'Years':\n return I18N.period[locale];\n default:\n return I18N.month[locale];\n }\n};\n"],"names":["getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","floor","YEAR_RENDER_COUNT","getNextDate","currentYear","currentMonth","MONTHS","length","getPrevDate","abs","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isCurrentQuarter","_getDateFromNow3","currentQuarterCondition","isSelectedMonth","_getDateFromValue2","isCurrentYear","_getDateFromNow4","isSelectedYear","yearValue","_getDateFromValue3","getPropsMap","props","reduce","acc","prop","_getDateFromValue4","key","concat","propList","get","push","set","Map","canSelectDate","_ref","disabledList","isSelectProcess","hoverDate","_value","_slicedToArray","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","item","index","isSelected","getCalendarType","type","locale","I18N","period","month"],"mappings":"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"}

package/cjs/components/CodeField/CodeField.css ADDED Viewed

@@ -0,0 +1,14 @@
+.CodeField_styles_7zxgpc_b1xx9skx__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7zxgpc_b1xx9skx__84a479ac.CodeField_styles_7zxgpc_codefieldCaptionAlignLeft__84a479ac{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
+.CodeField_styles_7zxgpc_c1wzspax__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CodeField_styles_7zxgpc_c7swj1z__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CodeField_styles_7zxgpc_s13uxcg8__84a479ac{width:var(--plasma-codefield-separator-width);}
+.CodeField_styles_7zxgpc_ig5h1kg__84a479ac{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
+.CodeField_styles_7zxgpc_c1jpzjak__84a479ac{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
+.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8{color:var(--plasma-codefield-caption-color);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8.base_9a5yza_codefieldCaptionError__e66aaab8{color:var(--plasma-codefield-caption-color-error);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.base_9a5yza_b1g41h91__e66aaab8:hover .base_9a5yza_codefieldItemHoverEnabled__e66aaab8{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.base_9a5yza_b1g41h91__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{-webkit-animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within.base_9a5yza_codefieldCodeErrorFade__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);}@-webkit-keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
+.base_1wrvbr5_bkkdah0__9ac780d6{gap:var(--plasma-codefield-caption-gap);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c1wzspax__9ac780d6,.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c7swj1z__9ac780d6{gap:var(--plasma-codefield-code-item-gap);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_ig5h1kg__9ac780d6{width:var(--plasma-codefield-item-width);height:var(--plasma-codefield-item-height);font-family:var(--plasma-codefield-font-family);font-size:var(--plasma-codefield-font-size);font-style:var(--plasma-codefield-font-style);font-weight:var(--plasma-codefield-font-weight);-webkit-letter-spacing:var(--plasma-codefield-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-letter-spacing);letter-spacing:var(--plasma-codefield-letter-spacing);line-height:var(--plasma-codefield-line-height);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c1jpzjak__9ac780d6{font-family:var(--plasma-codefield-caption-font-family);font-size:var(--plasma-codefield-caption-font-style);font-style:var(--plasma-codefield-caption-font-size);font-weight:var(--plasma-codefield-caption-font-weight);-webkit-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-caption-letter-spacing);letter-spacing:var(--plasma-codefield-caption-letter-spacing);line-height:var(--plasma-codefield-caption-line-height);}
+.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
+.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled] > *{pointer-events:none;}

package/cjs/components/CodeField/CodeField.js ADDED Viewed

@@ -0,0 +1,290 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var constants = require('./utils/constants.js');
+var CodeField_tokens = require('./CodeField.tokens.js');
+var CodeField_styles = require('./CodeField.styles.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var base$2 = require('./variations/_shape/base.js');
+var base$3 = require('./variations/_disabled/base.js');
+var initialValuesHelper = require('./utils/initialValuesHelper.js');
+var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
+var handleCodeError = require('./utils/handleCodeError.js');
+var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
+var handleItemError = require('./utils/handleItemError.js');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+var _Separator;
+var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "shape", "view", "size", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
+var codeFieldRoot = function codeFieldRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+      outerValue = _ref.value,
+      placeholder = _ref.placeholder,
+      autoFocus = _ref.autoFocus,
+      _ref$codeLength = _ref.codeLength,
+      codeLength = _ref$codeLength === void 0 ? 6 : _ref$codeLength,
+      caption = _ref.caption,
+      _ref$captionAlign = _ref.captionAlign,
+      captionAlign = _ref$captionAlign === void 0 ? 'left' : _ref$captionAlign,
+      width = _ref.width,
+      _ref$shape = _ref.shape,
+      shape = _ref$shape === void 0 ? 'default' : _ref$shape,
+      view = _ref.view,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      isError = _ref.isError,
+      _ref$allowedSymbols = _ref.allowedSymbols,
+      allowedSymbols = _ref$allowedSymbols === void 0 ? constants.ONLY_DIGITS_PATTERN : _ref$allowedSymbols,
+      _ref$itemErrorBehavio = _ref.itemErrorBehavior,
+      itemErrorBehavior = _ref$itemErrorBehavio === void 0 ? 'remove-symbol' : _ref$itemErrorBehavio,
+      _ref$codeErrorBehavio = _ref.codeErrorBehavior,
+      codeErrorBehavior = _ref$codeErrorBehavio === void 0 ? 'remove-code' : _ref$codeErrorBehavio,
+      _ref$autoComplete = _ref.autoComplete,
+      autoComplete = _ref$autoComplete === void 0 ? 'one-time-code' : _ref$autoComplete,
+      setIsError = _ref.setIsError,
+      onChange = _ref.onChange,
+      onFullCodeEnter = _ref.onFullCodeEnter,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useState = React.useState(initialValuesHelper.getCodeValue(codeLength, outerValue || '')),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      code = _useState2[0],
+      setCode = _useState2[1];
+    var _useState3 = React.useState(code.join('')),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      originalValue = _useState4[0],
+      setOriginalValue = _useState4[1];
+    var inputRefs = React.useRef([]);
+    var inputContainerRef = React.useRef(null);
+    var captionRef = React.useRef(null);
+    var fieldPattern = initialValuesHelper.getFieldPattern(allowedSymbols);
+    var placeholderValue = initialValuesHelper.getPlaceholderValue(codeLength, placeholder);
+    var parts = codeLength === 6 ? 2 : 1;
+    var widthValue = width ? getSizeValueFromProp.getSizeValueFromProp(width, 'rem') : undefined;
+    var getLastActiveIndex = function getLastActiveIndex() {
+      if (code.length && code.length < codeLength) {
+        return code.length;
+      }
+      var lastEmptyIndex = code.findIndex(function (digit) {
+        return digit === '';
+      });
+      return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
+    };
+    var handleClick = function handleClick() {
+      if (disabled) {
+        return;
+      }
+      var lastActiveIndex = getLastActiveIndex();
+      if (inputRefs.current[lastActiveIndex]) {
+        inputRefs.current[lastActiveIndex].focus();
+      }
+    };
+    var handleOnKeyDown = function handleOnKeyDown(event, index) {
+      if (disabled) {
+        return;
+      }
+      var key = event.key;
+      if (constants.FORBIDDEN_KEYS.includes(key)) {
+        event.preventDefault();
+        return;
+      }
+      if (key === constants.BACKSPACE_KEY) {
+        if (index > 0 && code[index] === '') {
+          var _inputRefs$current;
+          (_inputRefs$current = inputRefs.current[index - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.focus();
+        }
+      }
+    };
+    var codeSetter = function codeSetter(newCode) {
+      setCode(newCode);
+      setOriginalValue(newCode.join(''));
+      if (onChange) {
+        onChange(newCode.join(''));
+      }
+    };
+    var handleChange = function handleChange(event, index) {
+      var _inputRefs$current$in;
+      if (disabled) {
+        return;
+      }
+      var rawSymbol = event.currentTarget.value;
+      var symbol = rawSymbol.charAt(rawSymbol.length - 1);
+      var newCode = _rollupPluginBabelHelpers.toConsumableArray(code);
+      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.remove(CodeField_tokens.classes.itemError);
+      if (isError) {
+        var _captionRef$current;
+        (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.remove(CodeField_tokens.classes.captionError);
+        if (codeErrorBehavior === 'keep') {
+          var _inputContainerRef$cu;
+          (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(CodeField_tokens.classes.codeError, CodeField_tokens.classes.codeErrorAnimation);
+        }
+        if (setIsError) {
+          setIsError(false);
+        }
+      }
+      if (!fieldPattern) {
+        newCode[index] = symbol;
+        codeSetter(newCode);
+        if (symbol && index < codeLength - 1) {
+          var _inputRefs$current2;
+          (_inputRefs$current2 = inputRefs.current[index + 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
+        }
+        return;
+      }
+      if (!symbol) {
+        newCode[index] = '';
+        codeSetter(newCode);
+        return;
+      }
+      if (fieldPattern.test(symbol)) {
+        newCode[index] = symbol.charAt(symbol.length - 1);
+        codeSetter(newCode);
+        if (index < codeLength - 1) {
+          var _inputRefs$current3;
+          (_inputRefs$current3 = inputRefs.current[index + 1]) === null || _inputRefs$current3 === void 0 || _inputRefs$current3.focus();
+        }
+      } else {
+        newCode[index] = symbol.charAt(symbol.length - 1);
+        handleItemError.handleItemError({
+          currentSymbol: symbol,
+          itemErrorBehavior: itemErrorBehavior,
+          index: index,
+          newCode: newCode,
+          inputRefs: inputRefs,
+          setCode: setCode,
+          codeSetter: codeSetter
+        });
+      }
+    };
+    var handlePaste = function handlePaste(event) {
+      var _inputRefs$current$ac;
+      if (disabled) {
+        return;
+      }
+      event.preventDefault();
+      var rawData = event.clipboardData.getData('text/plain');
+      var pastedData = (fieldPattern ? rawData.split('').map(function (symb) {
+        var _symb$match;
+        return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
+      }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
+      var activeIndex = Math.min(pastedData.length, codeLength - 1);
+      (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
+      codeSetter(pastedData);
+    };
+    var handleFullCodeEnter = React.useCallback(function (fullCode) {
+      if (onFullCodeEnter) {
+        onFullCodeEnter(fullCode);
+      }
+    }, []);
+    React.useEffect(function () {
+      inputRefs.current = inputRefs.current.slice(0, codeLength);
+    }, [codeLength]);
+    React.useEffect(function () {
+      if (autoFocus && !disabled) {
+        var _inputRefs$current$la;
+        var lastActiveIndex = getLastActiveIndex();
+        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
+      }
+    }, [autoFocus]);
+    useDidMountEffect.useDidMountEffect(function () {
+      if (handleFullCodeEnter && originalValue.length === codeLength) {
+        handleFullCodeEnter(originalValue);
+      }
+    }, [originalValue, handleFullCodeEnter]);
+    useDidMountEffect.useDidMountEffect(function () {
+      if (isError) {
+        handleCodeError.handleCodeError({
+          codeLength: codeLength,
+          codeErrorBehavior: codeErrorBehavior,
+          currentCode: code,
+          inputRefs: inputRefs,
+          inputContainerRef: inputContainerRef,
+          captionRef: captionRef,
+          setCode: setCode,
+          codeSetter: codeSetter
+        });
+      }
+    }, [isError]);
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref,
+      view: view,
+      size: size,
+      shape: shape,
+      disabled: disabled,
+      onClick: handleClick,
+      className: cls__default.default(className, _rollupPluginBabelHelpers.defineProperty({}, CodeField_tokens.classes.captionAlignLeft, captionAlign === 'left'))
+    }, rest), /*#__PURE__*/React__default.default.createElement(CodeField_styles.CodeWrapper, {
+      ref: inputContainerRef
+    }, _rollupPluginBabelHelpers.toConsumableArray(Array(parts)).map(function (_, partIndex) {
+      return /*#__PURE__*/React__default.default.createElement(React.Fragment, {
+        key: partIndex
+      }, /*#__PURE__*/React__default.default.createElement(CodeField_styles.CodeGroup, {
+        role: "group"
+      }, _rollupPluginBabelHelpers.toConsumableArray(Array(codeLength / parts)).map(function (_, i) {
+        var inputCorrectIndex = i + codeLength / parts * partIndex;
+        return /*#__PURE__*/React__default.default.createElement(CodeField_styles.ItemInput, _rollupPluginBabelHelpers.extends({
+          key: partIndex + i + partIndex * i,
+          ref: function ref(element) {
+            inputRefs.current[inputCorrectIndex] = element;
+          },
+          className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, CodeField_tokens.classes.segmented, shape === 'segmented'), CodeField_tokens.classes.hoverEnabled, !disabled && inputCorrectIndex >= originalValue.length)),
+          value: code[inputCorrectIndex] || '',
+          autoComplete: autoComplete,
+          onChange: function onChange(e) {
+            handleChange(e, inputCorrectIndex);
+          },
+          onKeyDown: function onKeyDown(e) {
+            handleOnKeyDown(e, inputCorrectIndex);
+          },
+          onPaste: handlePaste,
+          tabIndex: !disabled && originalValue.length === inputCorrectIndex ? 0 : -1
+        }, placeholderValue && {
+          placeholder: placeholderValue[inputCorrectIndex]
+        }));
+      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React__default.default.createElement(CodeField_styles.Separator, null))));
+    })), caption && /*#__PURE__*/React__default.default.createElement(CodeField_styles.CaptionWrapper, {
+      ref: captionRef,
+      captionAlign: captionAlign,
+      widthValue: widthValue
+    }, caption));
+  });
+};
+var codeFieldConfig = {
+  name: 'CodeField',
+  tag: 'div',
+  layout: codeFieldRoot,
+  base: CodeField_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    shape: {
+      css: base$2.base
+    },
+    disabled: {
+      css: base$3.base,
+      attrs: true
+    }
+  },
+  defaults: {
+    size: 'm',
+    view: 'default',
+    shape: 'default'
+  }
+};
+exports.codeFieldConfig = codeFieldConfig;
+exports.codeFieldRoot = codeFieldRoot;
+//# sourceMappingURL=CodeField.js.map