@salutejs/plasma-new-hope 0.338.0-canary.2271.18277060318.0 → 0.338.0-canary.2271.18458605615.0

package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css

@@ -1,4 +1,4 @@
-.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);}
+.DateStructureItem_styles_z3dhwf_s140bov1__431a872e{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_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemInRange__431a872e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideInRange__431a872e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideLeft__431a872e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_z3dhwf_s140bov1__431a872e.DateStructureItem_styles_z3dhwf_itemSideRight__431a872e:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e{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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemHovered__431a872e,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemHovered__431a872e: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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e:not(.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e){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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_itemSelected__431a872e > 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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e::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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_focusVisible__431a872e:focus::before,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e{position:relative;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e::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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e.DateStructureItem_styles_z3dhwf_focusVisible__431a872e:focus::before,.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemSelectable__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_dayInCurrentMonth__431a872e:not(.DateStructureItem_styles_z3dhwf_itemDisabled__431a872e):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_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_dayOfWeek__431a872e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemDisabled__431a872e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemDisabledCurrent__431a872e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemInRange__431a872e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemSideRight__431a872e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_z3dhwf_s1k1xcqq__431a872e.DateStructureItem_styles_z3dhwf_itemCurrent__431a872e > .DateStructureItem_styles_z3dhwf_itemSideLeft__431a872e:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_z3dhwf_s1wqrord__431a872e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_z3dhwf_s1cvvf5__431a872e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

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

@@ -1,4 +1,4 @@
-import './DateStructureItem.styles_12b03hz.css';
+import './DateStructureItem.styles_z3dhwf.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../Calendar.tokens.js';
 
@@ -42,10 +42,10 @@ var StyledEvents = /*#__PURE__*/styled('div')({
   "class": "s1wqrord",
   propsAsIs: false
 });
-var _exp40 = function _exp40() {
+var _exp41 = function _exp41() {
   return function (_ref4) {
     var _ref4$color = _ref4.color,
-      color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
+      color = _ref4$color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _ref4$color;
     return color;
   };
 };
@@ -54,7 +54,7 @@ var StyledEvent = /*#__PURE__*/styled('div')({
   "class": "s1cvvf5",
   propsAsIs: false,
   vars: {
-    "s1cvvf5-0": [/*#__PURE__*/_exp40()]
+    "s1cvvf5-0": [/*#__PURE__*/_exp41()]
   }
 });
 

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

@@ -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    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,MAAM,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,MAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,MAAM,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,MAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,MAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3EjE,IAAMC,cAAc,gBAAGhB,MAAM,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,MAAM,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,MAAM,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;;;;"}
+{"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: var(${tokens.calendarEventItemBottom}, 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, var(--surface-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","_exp41","_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,MAAM,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,MAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,MAAM,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,MAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,MAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3EjE,IAAMC,cAAc,gBAAGhB,MAAM,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,MAAM,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,oDAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAA2DC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP5F,IAAMC,WAAW,gBAAGtB,MAAM,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,MAA2E,EAAA,CAAA;AAAA,GAAA;AAAA,CAClG;;;;"}

package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_12b03hz.css → DateStructureItem.styles_z3dhwf.css}

@@ -1,4 +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;}
+.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
 .s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}

package/es/components/Chip/Chip.css

@@ -4,16 +4,16 @@
 
 .base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
 
-.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+.base_1j4s925_b16ulzzx__083e1d45[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1j4s925_b16ulzzx__083e1d45[disabled]:hover,.base_1j4s925_b16ulzzx__083e1d45[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45{color:var(--plasma-chip-close-icon-color);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45:hover{color:var(--plasma-chip-close-icon-color);}
 
-.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+.base_1xublmy_b10y1phq__4d939fb6[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly]:hover,.base_1xublmy_b10y1phq__4d939fb6[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6{color:var(--plasma-chip-close-icon-color-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6:hover{color:var(--plasma-chip-close-icon-color-readonly);}
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
-.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
-.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+.Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
+.Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
+.Chip_styles_d9y94l_s1pcflhj__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}

package/es/components/Chip/Chip.js

@@ -11,7 +11,7 @@ import { base as base$6 } from './variations/_pilled/base.js';
 import { StyledContentLeft, StyledContentMain, StyledContentRight, StyledContentClear, base } from './Chip.styles.js';
 import { classes, tokens } from './Chip.tokens.js';
 
-var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled", "_forceChipManipulationWithReadonly"];
+var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled", "_forceChipManipulationWithReadonly", "chipClickArea"];
 var chipRoot = function chipRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var children = props.children,
@@ -43,14 +43,16 @@ var chipRoot = function chipRoot(Root) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);
-      onClear === null || onClear === void 0 || onClear();
     };
     var handleClickClose = function handleClickClose(event) {
-      if (disabled || readOnly || !onClickClose) {
+      if (disabled || readOnly && !_forceChipManipulationWithReadonly || !onClickClose) {
         return;
       }
       event.stopPropagation();
       onClickClose(event);
+      if (onClear) {
+        onClear();
+      }
     };
     return /*#__PURE__*/React.createElement(Root, _extends({
       type: "button",
@@ -59,7 +61,7 @@ var chipRoot = function chipRoot(Root) {
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
+      readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
       size: size
     }, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
       hasClear: hasClear

package/es/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            // @ts-ignore\n            _forceChipManipulationWithReadonly,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight hasClear={hasClear}>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","_forceChipManipulationWithReadonly","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            // @ts-ignore\n            _forceChipManipulationWithReadonly,\n            // @ts-ignore\n            chipClickArea,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly) || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n\n            if (onClear) {\n                onClear();\n            }\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                readOnly={!disabled && readOnly && !_forceChipManipulationWithReadonly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight hasClear={hasClear}>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","_forceChipManipulationWithReadonly","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}

package/es/components/Chip/Chip.styles.js

@@ -1,4 +1,4 @@
-import './Chip.styles_fnd4j5.css';
+import './Chip.styles_d9y94l.css';
 import { styled } from '@linaria/react';
 import { tokens } from './Chip.tokens.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { tokens } from './Chip.tokens';\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin-left: var(${tokens.leftContentMarginLeft});\n    margin-right: var(${tokens.leftContentMarginRight});\n    color: var(${tokens.leftContentColor});\n`;\n\nexport const StyledContentMain = styled.div`\n    ${applyEllipsis()};\n`;\n\nexport const StyledContentRight = styled.div<{ hasClear?: boolean }>`\n    display: flex;\n    margin-left: var(${tokens.rightContentMarginLeft});\n    margin-right: ${(hasClear) => (hasClear ? '0' : `var(${tokens.rightContentMarginRight})`)};\n`;\n\nexport const StyledContentClear = styled.div`\n    display: flex;\n    margin-left: var(${tokens.clearContentMarginLeft});\n    margin-right: var(${tokens.clearContentMarginRight});\n    color: var(${tokens.closeIconColor});\n`;\n"],"names":["base","StyledContentLeft","styled","name","class","propsAsIs","StyledContentMain","_exp6","hasClear","concat","tokens","rightContentMarginRight","StyledContentRight","vars","StyledContentClear"],"mappings":";;;AAOO,IAAMA,IAAI,GAUhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAAC,IAAAE,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAKmBC,UAAAA,QAAQ,EAAA;IAAA,OAAMA,QAAQ,GAAG,GAAG,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,uBAAuB,EAAI,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHtF,IAAMC,kBAAkB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBN,KAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5F,EAAA;AAEM,IAAMO,kBAAkB,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
+{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { tokens } from './Chip.tokens';\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const StyledContentLeft = styled.div`\n    display: flex;\n    margin-left: var(${tokens.leftContentMarginLeft});\n    margin-right: var(${tokens.leftContentMarginRight});\n    color: var(${tokens.leftContentColor});\n`;\n\nexport const StyledContentMain = styled.div`\n    ${applyEllipsis()};\n`;\n\nexport const StyledContentRight = styled.div<{ hasClear?: boolean }>`\n    display: flex;\n    margin-left: var(${tokens.rightContentMarginLeft});\n    margin-right: ${(hasClear) => (hasClear ? '0' : `var(${tokens.rightContentMarginRight})`)};\n`;\n\nexport const StyledContentClear = styled.div`\n    display: flex;\n    margin-left: var(${tokens.clearContentMarginLeft});\n    margin-right: var(${tokens.clearContentMarginRight});\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorHover});\n    }\n`;\n"],"names":["base","StyledContentLeft","styled","name","class","propsAsIs","StyledContentMain","_exp6","hasClear","concat","tokens","rightContentMarginRight","StyledContentRight","vars","StyledContentClear"],"mappings":";;;AAOO,IAAMA,IAAI,GAUhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAAC,IAAAE,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAKmBC,UAAAA,QAAQ,EAAA;IAAA,OAAMA,QAAQ,GAAG,GAAG,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,uBAAuB,EAAI,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHtF,IAAMC,kBAAkB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBN,KAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5F,EAAA;AAEM,IAAMO,kBAAkB,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASvC;;;;"}

package/{cjs/components/Chip/Chip.styles_fnd4j5.css → es/components/Chip/Chip.styles_d9y94l.css}

@@ -2,4 +2,4 @@
 .sj20on5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
 .s1ror4o9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .swddmyi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
-.s1pcflhj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+.s1pcflhj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.s1pcflhj:hover{color:var(--plasma-chip-close-icon-color-hover);}

package/es/components/Chip/Chip.tokens.js

@@ -18,6 +18,7 @@ var tokens = {
   closeIconColor: '--plasma-chip-close-icon-color',
   closeIconColorHover: '--plasma-chip-close-icon-color-hover',
   closeIconColorActive: '--plasma-chip-close-icon-color-active',
+  closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
   leftContentColor: '--plasma-chip-left-content-color',
   borderRadius: '--plasma-chip-border-radius',
   pilledBorderRadius: '--plasma-chip-pilled-border-radius',

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n    pilled: 'chip-pilled',\n    chipItem: 'chip-item',\n};\n\nexport const tokens = {\n    background: '--plasma-chip-background',\n    color: '--plasma-chip-color',\n    backgroundHover: '--plasma-chip-background-hover',\n    colorHover: '--plasma-chip-color-hover',\n    backgroundReadOnly: '--plasma-chip-background-readonly',\n    colorReadOnly: '--plasma-chip-color-readonly',\n    backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n    colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n    backgroundActive: '--plasma-chip-background-active',\n    colorActive: '--plasma-chip-color-active',\n    focusColor: '--plasma-chip-focus-color',\n    outlineSize: '--plasma-chip-outline-size',\n    closeIconColor: '--plasma-chip-close-icon-color',\n    closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n    closeIconColorActive: '--plasma-chip-close-icon-color-active',\n    leftContentColor: '--plasma-chip-left-content-color',\n\n    borderRadius: '--plasma-chip-border-radius',\n    pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n    width: '--plasma-chip-width',\n    height: '--plasma-chip-height',\n    padding: '--plasma-chip-padding',\n    closeIconSize: '--plasma-chip-close-icon-size',\n\n    disabledOpacity: '--plasma-chip-disabled-opacity',\n\n    fontFamily: '--plasma-chip-font-family',\n    fontSize: '--plasma-chip-font-size',\n    fontStyle: '--plasma-chip-font-style',\n    fontWeight: '--plasma-chip-font-weight',\n    letterSpacing: '--plasma-chip-letter-spacing',\n    lineHeight: '--plasma-chip-lineheight',\n\n    leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n    leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n    rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n    clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n    clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","chipItem","tokens","background","color","backgroundHover","colorHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","leftContentColor","borderRadius","pilledBorderRadius","width","height","padding","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,gBAAgB,EAAE,kCAAkC;AAEpDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
+{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n    pilled: 'chip-pilled',\n    chipItem: 'chip-item',\n};\n\nexport const tokens = {\n    background: '--plasma-chip-background',\n    color: '--plasma-chip-color',\n    backgroundHover: '--plasma-chip-background-hover',\n    colorHover: '--plasma-chip-color-hover',\n    backgroundReadOnly: '--plasma-chip-background-readonly',\n    colorReadOnly: '--plasma-chip-color-readonly',\n    backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n    colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n    backgroundActive: '--plasma-chip-background-active',\n    colorActive: '--plasma-chip-color-active',\n    focusColor: '--plasma-chip-focus-color',\n    outlineSize: '--plasma-chip-outline-size',\n    closeIconColor: '--plasma-chip-close-icon-color',\n    closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n    closeIconColorActive: '--plasma-chip-close-icon-color-active',\n    closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',\n    leftContentColor: '--plasma-chip-left-content-color',\n\n    borderRadius: '--plasma-chip-border-radius',\n    pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n    width: '--plasma-chip-width',\n    height: '--plasma-chip-height',\n    padding: '--plasma-chip-padding',\n    closeIconSize: '--plasma-chip-close-icon-size',\n\n    disabledOpacity: '--plasma-chip-disabled-opacity',\n\n    fontFamily: '--plasma-chip-font-family',\n    fontSize: '--plasma-chip-font-size',\n    fontStyle: '--plasma-chip-font-style',\n    fontWeight: '--plasma-chip-font-weight',\n    letterSpacing: '--plasma-chip-letter-spacing',\n    lineHeight: '--plasma-chip-lineheight',\n\n    leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n    leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n    rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n    rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n    clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n    clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","chipItem","tokens","background","color","backgroundHover","colorHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","closeIconColorReadonly","leftContentColor","borderRadius","pilledBorderRadius","width","height","padding","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,gBAAgB,EAAE,kCAAkC;AAEpDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}

package/es/components/Chip/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_rmcs0j.css';
+import './base_1j4s925.css';
 var base = "b16ulzzx";
 
 export { base };

package/es/components/Chip/variations/_disabled/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Chip.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.color});\n            background-color: var(${tokens.background});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAahB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Chip.tokens';\nimport { StyledContentClear } from '../../Chip.styles';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.color});\n            background-color: var(${tokens.background});\n        }\n\n        ${StyledContentClear} {\n            color: var(${tokens.closeIconColor});\n\n            &:hover {\n                color: var(${tokens.closeIconColor});\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAqBhB;;;;"}

package/{cjs/components/Chip/variations/_disabled/base_rmcs0j.css → es/components/Chip/variations/_disabled/base_1j4s925.css}

@@ -1 +1 @@
-.b16ulzzx[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.b16ulzzx[disabled]:hover,.b16ulzzx[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+.b16ulzzx[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.b16ulzzx[disabled]:hover,.b16ulzzx[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.b16ulzzx[disabled] .s1pcflhj{color:var(--plasma-chip-close-icon-color);}.b16ulzzx[disabled] .s1pcflhj:hover{color:var(--plasma-chip-close-icon-color);}

package/es/components/Chip/variations/_readonly/base.js

@@ -1,4 +1,4 @@
-import './base_1nfit77.css';
+import './base_1xublmy.css';
 var base = "b10y1phq";
 
 export { base };

package/es/components/Chip/variations/_readonly/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Chip.tokens';\n\nexport const base = css`\n    &[readonly] {\n        color: var(${tokens.colorReadOnly});\n        background-color: var(${tokens.backgroundReadOnly});\n\n        :hover,\n        :active {\n            scale: none;\n            cursor: default;\n\n            color: var(${tokens.colorReadOnlyHover});\n            background-color: var(${tokens.backgroundReadOnlyHover});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Chip.tokens';\nimport { StyledContentClear } from '../../Chip.styles';\n\nexport const base = css`\n    &[readonly] {\n        color: var(${tokens.colorReadOnly});\n        background-color: var(${tokens.backgroundReadOnly});\n\n        :hover,\n        :active {\n            scale: none;\n            cursor: default;\n\n            color: var(${tokens.colorReadOnlyHover});\n            background-color: var(${tokens.backgroundReadOnlyHover});\n        }\n\n        ${StyledContentClear} {\n            color: var(${tokens.closeIconColorReadonly});\n\n            &:hover {\n                color: var(${tokens.closeIconColorReadonly});\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsBhB;;;;"}

package/{cjs/components/Chip/variations/_readonly/base_1nfit77.css → es/components/Chip/variations/_readonly/base_1xublmy.css}

@@ -1 +1 @@
-.b10y1phq[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.b10y1phq[readonly]:hover,.b10y1phq[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+.b10y1phq[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.b10y1phq[readonly]:hover,.b10y1phq[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.b10y1phq[readonly] .s1pcflhj{color:var(--plasma-chip-close-icon-color-readonly);}.b10y1phq[readonly] .s1pcflhj:hover{color:var(--plasma-chip-close-icon-color-readonly);}

package/es/components/Combobox/ComboboxNew/Combobox.css

@@ -51,29 +51,29 @@
 
 .base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
 
-.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+.base_1j4s925_b16ulzzx__083e1d45[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1j4s925_b16ulzzx__083e1d45[disabled]:hover,.base_1j4s925_b16ulzzx__083e1d45[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45{color:var(--plasma-chip-close-icon-color);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45:hover{color:var(--plasma-chip-close-icon-color);}
 
-.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+.base_1xublmy_b10y1phq__4d939fb6[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly]:hover,.base_1xublmy_b10y1phq__4d939fb6[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6{color:var(--plasma-chip-close-icon-color-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6:hover{color:var(--plasma-chip-close-icon-color-readonly);}
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
-.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
-.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+.Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
+.Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
+.Chip_styles_d9y94l_s1pcflhj__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
 
-.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
+.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
 
-.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
+.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
+.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.Target_styles_1c4vtoy_s1wiuml6__863008f4{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-combobox-new-textfield-readonly-opacity);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield-right-content-opacity-readonly:var(--plasma-combobox-new-textfield-content-right-slot-opacity-readonly);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
+.Target_styles_ycaw31_s1wiuml6__3631e4ff{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-combobox-new-textfield-readonly-opacity);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield-right-content-opacity-readonly:var(--plasma-combobox-new-textfield-content-right-slot-opacity-readonly);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-combobox-new-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-combobox-new-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
 
 .base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
 

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

@@ -29,7 +29,7 @@ import { SelectAll } from './ui/SelectAll/SelectAll.js';
 import { VirtualList } from './ui/VirtualList/VirtualList.js';
 import { Inner } from './ui/Inner/Inner.js';
 
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle", "mode", "_offset"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle", "mode", "chipClickArea", "_offset"];
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
@@ -86,6 +86,8 @@ var comboboxRoot = function comboboxRoot(Root) {
       onToggle = props.onToggle,
       _props$mode = props.mode,
       mode = _props$mode === void 0 ? 'default' : _props$mode,
+      _props$chipClickArea = props.chipClickArea,
+      chipClickArea = _props$chipClickArea === void 0 ? 'full' : _props$chipClickArea,
       _offset = props._offset,
       rest = _objectWithoutProperties(props, _excluded);
     var transformedItems = useMemo(function () {
@@ -392,7 +394,7 @@ var comboboxRoot = function comboboxRoot(Root) {
     // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
     // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
     useLayoutEffect(function () {
-      var checkedCopy = new Map(checked);
+      var checkedCopy = new Map(valueToCheckedMap);
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
       });
@@ -511,8 +513,9 @@ var comboboxRoot = function comboboxRoot(Root) {
           keepPlaceholder: keepPlaceholder
         }, multiple ? {
           enumerationType: 'chip',
+          _chipClickArea: chipClickArea,
           _chips: getChips(),
-          _onChipClick: handleChipClick
+          _onChipCloseClick: handleChipClick
         } : {
           enumerationType: 'plain'
         }, rest, {