@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

package/dist/css/cjs/index.js

@@ -18,6 +18,7 @@ var applySkeletonAnimation = require('./mixins/applySkeletonAnimation.js');
 var applyHidden = require('./mixins/applyHidden.js');
 var createApplyPaperMixin = require('./mixins/createApplyPaperMixin.js');
 var addScrollbar = require('./mixins/addScrollbar.js');
+var applySliderThumb = require('./mixins/applySliderThumb.js');
 var common = require('./engines/common.js');
 var utils = require('./engines/utils.js');
 var useUniqId = require('./hooks/useUniqId.js');
@@ -132,6 +133,7 @@ var Modal_tokens = require('./components/Modal/Modal.tokens.js');
 var NotificationsProvider = require('./components/Notification/NotificationsProvider.js');
 var Notification = require('./components/Notification/Notification.js');
 var NotificationsStore = require('./components/Notification/NotificationsStore.js');
+var NotificationsContext = require('./components/Notification/NotificationsContext.js');
 var Notification_tokens = require('./components/Notification/Notification.tokens.js');
 var Drawer = require('./components/Drawer/Drawer.js');
 var Drawer_tokens = require('./components/Drawer/Drawer.tokens.js');
@@ -377,6 +379,8 @@ exports.getSkeletonColor = applySkeletonAnimation.getSkeletonColor;
 exports.applyHidden = applyHidden.applyHidden;
 exports.createApplyPaperMixin = createApplyPaperMixin.createApplyPaperMixin;
 exports.addScrollbar = addScrollbar.addScrollbar;
+exports.applySliderThumb = applySliderThumb.applySliderThumb;
+exports.applySliderThumbFocus = applySliderThumb.applySliderThumbFocus;
 exports.component = common.component;
 exports.mergeConfig = common.mergeConfig;
 exports.getResponsiveCSS = utils.getResponsiveCSS;
@@ -557,6 +561,7 @@ exports.notificationConfig = Notification.notificationConfig;
 exports.notificationRoot = Notification.notificationRoot;
 exports.addNotification = NotificationsStore.addNotification;
 exports.closeNotification = NotificationsStore.closeNotification;
+exports.useNotifications = NotificationsContext.useNotifications;
 exports.notificationClasses = Notification_tokens.classes;
 exports.notificationTokens = Notification_tokens.tokens;
 exports.drawerConfig = Drawer.drawerConfig;

package/dist/css/cjs/mixins/applySliderThumb.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Слои фона бегунка. Порядок: содержимое, заливка по padding-box, рамка по border-box.
+ */
+var thumbLayers = function thumbLayers(tokens, borderColorToken, innerContent) {
+  return "\n    background: ".concat(innerContent, " no-repeat center,\n        linear-gradient(var(").concat(tokens.background, ", transparent), var(").concat(tokens.background, ", transparent)) padding-box,\n        var(").concat(borderColorToken, ", transparent) border-box;\n");
+};
+
+/**
+ * Миксин бегунка слайдера.
+ *
+ * Рамка рисуется слоем фона по border-box, а не через box-shadow: так её толщина может быть
+ * асимметричной, форма — эллиптической, а внутрь бегунка можно положить содержимое (innerContent).
+ *
+ * В обычном состоянии innerContent не показывается — только в hover/active/focus,
+ * см. applySliderThumbFocus.
+ */
+var applySliderThumb = function applySliderThumb(tokens) {
+  return "\n    box-sizing: content-box;\n    width: var(".concat(tokens.width, ");\n    height: var(").concat(tokens.height, ", var(").concat(tokens.width, "));\n    border-radius: var(").concat(tokens.borderRadius, ", 50%);\n    cursor: grab;\n\n    border-style: solid;\n    border-color: transparent;\n    border-width: var(").concat(tokens.borderWidth, ", 0);\n\n    transition: background-color 0.1s ease-in-out, background-image 0.1s ease-in-out;\n\n    ").concat(thumbLayers(tokens, tokens.borderColor, 'none'), "\n");
+};
+
+/**
+ * Состояния hover/active/focus бегунка: меняется цвет рамки и показывается innerContent.
+ */
+var applySliderThumbFocus = function applySliderThumbFocus(tokens) {
+  return thumbLayers(tokens, tokens.focusBorderColor, "var(".concat(tokens.innerContent, ", none)"));
+};
+
+exports.applySliderThumb = applySliderThumb;
+exports.applySliderThumbFocus = applySliderThumbFocus;

package/dist/css/cjs/utils/focusManager.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
-var tabbable = require('./tabbable.js');
+var focusScope = require('./focusScope.js');
 
 /**
  *  Менеджер фокуса при открытии и закрытии нод при использовании focus-trap.
@@ -17,14 +17,15 @@ var FocusManager = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function F
   // массив с trap нодами
   _rollupPluginBabelHelpers.defineProperty(this, "focusNodes", []);
   _rollupPluginBabelHelpers.defineProperty(this, "handleFocus", function () {
+    var _focusNode$getFocusTr, _focusNode$getFocusTr2;
     // Фокус всегда должен находиться внутри необходимой ноды
     var focusNode = _this.focusNodes[_this.focusNodes.length - 1];
-    if (!focusNode || focusNode.contains(document.activeElement)) {
+    if (!focusNode || focusScope.isElementInFocusScope(focusNode.element, document.activeElement, (_focusNode$getFocusTr = focusNode.getFocusTrapSelectors) === null || _focusNode$getFocusTr === void 0 ? void 0 : _focusNode$getFocusTr.call(focusNode))) {
       return;
     }
 
     // Выделяем первый tabbable элемент
-    var el = tabbable.findTabbableDescendants(focusNode)[0] || focusNode;
+    var el = focusScope.findTabbableInFocusScope(focusNode.element, (_focusNode$getFocusTr2 = focusNode.getFocusTrapSelectors) === null || _focusNode$getFocusTr2 === void 0 ? void 0 : _focusNode$getFocusTr2.call(focusNode))[0] || focusNode.element;
     el.focus();
   });
   // добавление на фокус после анмаунта
@@ -41,14 +42,30 @@ var FocusManager = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function F
     }
   });
   // при маунте ноды
-  _rollupPluginBabelHelpers.defineProperty(this, "setupScopedFocus", function (element) {
-    _this.focusNodes.push(element);
-    document.addEventListener('focusin', _this.handleFocus, true);
+  _rollupPluginBabelHelpers.defineProperty(this, "setupScopedFocus", function (element, getFocusTrapSelectors) {
+    _this.focusNodes.push({
+      element: element,
+      getFocusTrapSelectors: getFocusTrapSelectors
+    });
+    if (_this.focusNodes.length === 1) {
+      document.addEventListener('focusin', _this.handleFocus, true);
+    }
   });
   // при анмаунте
-  _rollupPluginBabelHelpers.defineProperty(this, "teardownScopedFocus", function () {
-    _this.focusNodes.pop();
-    document.removeEventListener('focusin', _this.handleFocus);
+  _rollupPluginBabelHelpers.defineProperty(this, "teardownScopedFocus", function (element) {
+    var focusNodeIndex = element ? _this.focusNodes.map(function (focusNode) {
+      return focusNode.element;
+    }).lastIndexOf(element) : _this.focusNodes.length - 1;
+    if (focusNodeIndex >= 0) {
+      _this.focusNodes.splice(focusNodeIndex, 1);
+    }
+    if (!_this.focusNodes.length) {
+      document.removeEventListener('focusin', _this.handleFocus, true);
+    }
+  });
+  _rollupPluginBabelHelpers.defineProperty(this, "isTopFocusNode", function (element) {
+    var _this$focusNodes;
+    return ((_this$focusNodes = _this.focusNodes[_this.focusNodes.length - 1]) === null || _this$focusNodes === void 0 ? void 0 : _this$focusNodes.element) === element;
   });
 });
 

package/dist/css/cjs/utils/focusScope.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var tabbable = require('./tabbable.js');
+
+var getAdditionalFocusScopeElements = function getAdditionalFocusScopeElements(root, focusTrapSelectors) {
+  if (!(focusTrapSelectors !== null && focusTrapSelectors !== void 0 && focusTrapSelectors.length)) {
+    return [];
+  }
+  var elements = focusTrapSelectors.flatMap(function (selector) {
+    return Array.from(root.ownerDocument.querySelectorAll(selector));
+  });
+  return Array.from(new Set(elements)).filter(function (element) {
+    return element !== root;
+  });
+};
+var isElementInFocusScope = function isElementInFocusScope(root, element, focusTrapSelectors) {
+  if (!element) {
+    return false;
+  }
+  return [root].concat(_rollupPluginBabelHelpers.toConsumableArray(getAdditionalFocusScopeElements(root, focusTrapSelectors))).some(function (scopeElement) {
+    return scopeElement.contains(element);
+  });
+};
+var findTabbableInFocusScope = function findTabbableInFocusScope(root, focusTrapSelectors) {
+  var additionalScopeElements = getAdditionalFocusScopeElements(root, focusTrapSelectors);
+  var tabbable$1 = [].concat(_rollupPluginBabelHelpers.toConsumableArray(tabbable.findTabbableDescendants(root)), _rollupPluginBabelHelpers.toConsumableArray(additionalScopeElements.flatMap(function (element) {
+    return [].concat(_rollupPluginBabelHelpers.toConsumableArray(tabbable.isTabble(element) ? [element] : []), _rollupPluginBabelHelpers.toConsumableArray(tabbable.findTabbableDescendants(element)));
+  })));
+  return Array.from(new Set(tabbable$1));
+};
+
+exports.findTabbableInFocusScope = findTabbableInFocusScope;
+exports.isElementInFocusScope = isElementInFocusScope;

package/dist/css/cjs/utils/scopeTab.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tabbable = require('./tabbable.js');
+var focusScope = require('./focusScope.js');
 
 /**
  * Управлление фокусом лишь внутри ноды через tab
  * @param node
  * @param event
  */
-var scopeTab = function scopeTab(node, event, activeFocusTrap) {
-  var tabbable$1 = tabbable.findTabbableDescendants(node);
-  if (!tabbable$1.length) {
+var scopeTab = function scopeTab(node, event, activeFocusTrap, focusTrapSelectors) {
+  var tabbable = focusScope.findTabbableInFocusScope(node, focusTrapSelectors);
+  if (!tabbable.length) {
     event.preventDefault();
     return;
   }
 
   // смотрим, является ли элемент крайним - первый или последним
-  var finalTabbable = tabbable$1[event.shiftKey ? 0 : tabbable$1.length - 1];
+  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
   var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
 
   // если не является, то передаем обработку таба самому браузеру
@@ -27,7 +27,7 @@ var scopeTab = function scopeTab(node, event, activeFocusTrap) {
 
   // иначе зацкливаемся
   event.preventDefault();
-  var target = tabbable$1[event.shiftKey ? tabbable$1.length - 1 : 0];
+  var target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];
   if (target) {
     target.focus();
   }

package/dist/css/es/components/Accordion/Accordion.tokens.js

@@ -7,6 +7,8 @@ var classes = {
   clearAccordionItem: 'clear-accordion-item',
   accordionItemShowBody: 'accordion-item-show-body',
   accordionPlusAnimationElement: 'accordion-plus-animation-element',
+  accordionArrowAnimation: 'accordion-arrow-animation',
+  accordionSignAnimation: 'accordion-sign-animation',
   accordionDisabled: 'accordion-disabled',
   accordionItemBody: 'accordion-item-body'
 };

package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.css

@@ -1,13 +1,15 @@
 .IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
 
-.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec:focus{outline:none;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec.AccordionItem_styles_jmhhzd_focusVisible__b11c13ec:focus::before,.AccordionItem_styles_jmhhzd_s18r4alo__b11c13ec[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
-.AccordionItem_styles_jmhhzd_smlmb15__b11c13ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.AccordionItem_styles_jmhhzd_s17ielqg__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_jmhhzd_s17ielqg__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_jmhhzd_s1b9vluo__b11c13ec{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AccordionItem_styles_jmhhzd_s1b9vluo__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
-.AccordionItem_styles_jmhhzd_s11pmsun__b11c13ec{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
-.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.AccordionItem_styles_jmhhzd_s1x1tofe__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec.AccordionItem_styles_jmhhzd_accordionPlusAnimationElement__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
-.AccordionItem_styles_jmhhzd_sx7q49v__b11c13ec{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
-.AccordionItem_styles_jmhhzd_s1avkyhz__b11c13ec{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
-.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec.AccordionItem_styles_jmhhzd_accordionPlusAnimationElement__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_jmhhzd_s1egd5jo__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemShowBody__b11c13ec{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
-.AccordionItem_styles_jmhhzd_s152y2r1__b11c13ec{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
-.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionDisabled__b11c13ec{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec:hover:not(.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec .AccordionItem_styles_jmhhzd_s1avkyhz__b11c13ec{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_jmhhzd_so4zk5c__b11c13ec.AccordionItem_styles_jmhhzd_accordionItemOpened__b11c13ec .AccordionItem_styles_jmhhzd_s11pmsun__b11c13ec{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}
+.AccordionItem_styles_2z3bya_s18r4alo__bfecc988{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988:focus{outline:none;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_2z3bya_s18r4alo__bfecc988.AccordionItem_styles_2z3bya_focusVisible__bfecc988:focus::before,.AccordionItem_styles_2z3bya_s18r4alo__bfecc988[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
+.AccordionItem_styles_2z3bya_smlmb15__bfecc988{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.AccordionItem_styles_2z3bya_s17ielqg__bfecc988{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionArrowAnimation__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionSignAnimation__bfecc988{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_2z3bya_s17ielqg__bfecc988.AccordionItem_styles_2z3bya_accordionSignAnimation__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+
+
+.AccordionItem_styles_2z3bya_s1x1tofe__bfecc988{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
+.AccordionItem_styles_2z3bya_sx7q49v__bfecc988{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_2z3bya_sx7q49v__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.AccordionItem_styles_2z3bya_sx7q49v__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988.AccordionItem_styles_2z3bya_accordionPlusAnimationElement__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.AccordionItem_styles_2z3bya_s1avkyhz__bfecc988{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
+.AccordionItem_styles_2z3bya_s1egd5jo__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.AccordionItem_styles_2z3bya_s152y2r1__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.AccordionItem_styles_2z3bya_so4zk5c__bfecc988{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.AccordionItem_styles_2z3bya_so4zk5c__bfecc988.AccordionItem_styles_2z3bya_accordionPlusAnimationElement__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_2z3bya_so4zk5c__bfecc988.AccordionItem_styles_2z3bya_accordionItemShowBody__bfecc988{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
+.AccordionItem_styles_2z3bya_sck20s3__bfecc988{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
+.AccordionItem_styles_2z3bya_soue3sn__bfecc988{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.AccordionItem_styles_2z3bya_soue3sn__bfecc988:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionDisabled__bfecc988{opacity:0.4;cursor:not-allowed;}.AccordionItem_styles_2z3bya_soue3sn__bfecc988:hover:not(.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s1egd5jo__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s152y2r1__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.AccordionItem_styles_2z3bya_soue3sn__bfecc988.AccordionItem_styles_2z3bya_accordionItemOpened__bfecc988 .AccordionItem_styles_2z3bya_s1x1tofe__bfecc988{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}

package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -3,20 +3,21 @@ import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import { convertRoundnessMatrix } from '../../../../utils/roundness.js';
 import { classes, tokens, privateTokens } from '../../Accordion.tokens.js';
 import { cx } from '../../../../utils/index.js';
-import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionContentLeft, StyledAccordionTitle, StyledAccordionContentRight, StyledAccordionBodyAnimate, StyledAccordionBody, StyledArrow, StyledPlus, StyledMinus } from './AccordionItem.styles.js';
+import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionContentLeft, StyledAccordionTitle, StyledAccordionBodyAnimate, StyledAccordionBody, StyledAccordionContentRight, StyledChevron, StyledArrow, StyledPlus, StyledMinus } from './AccordionItem.styles.js';
 
-var _excluded = ["value", "contentRight", "contentLeft", "title", "pin", "children", "type", "index", "className", "style", "eventKey", "disabled", "alignWithTitle", "opened", "view", "onChange", "onClick", "titleProps", "bodyProps"];
+var _excluded = ["value", "contentRight", "contentLeft", "defaultIconContent", "defaultIconPlacement", "title", "pin", "children", "type", "index", "className", "style", "eventKey", "disabled", "alignWithTitle", "opened", "view", "onChange", "onClick", "titleProps", "bodyProps"];
 var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-  var _ref2;
+  var _ref2, _ref3, _StyledAnimationPlus;
   var value = _ref.value,
     contentRight = _ref.contentRight,
     contentLeft = _ref.contentLeft,
+    defaultIconContent = _ref.defaultIconContent,
+    defaultIconPlacement = _ref.defaultIconPlacement,
     title = _ref.title,
     _ref$pin = _ref.pin,
     pin = _ref$pin === void 0 ? 'square-square' : _ref$pin,
     children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'sign' : _ref$type,
+    type = _ref.type,
     index = _ref.index,
     className = _ref.className,
     style = _ref.style,
@@ -32,6 +33,9 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     bodyProps = _ref.bodyProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
+  var resolvedDefaultIconContent = (_ref3 = defaultIconContent !== null && defaultIconContent !== void 0 ? defaultIconContent : type) !== null && _ref3 !== void 0 ? _ref3 : 'sign';
+  var resolvedDefaultIconPlacement = defaultIconPlacement !== null && defaultIconPlacement !== void 0 ? defaultIconPlacement : defaultIconContent === undefined && type === 'arrow' ? 'left' : 'right';
+  var openedState = opened !== null && opened !== void 0 ? opened : value;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     leftPadding = _useState2[0],
@@ -53,8 +57,8 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
-  }, [value, type, leftContentRef, setLeftPadding]);
-  var openedBodyClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
+  }, [alignWithTitle, contentLeft, defaultIconContent, defaultIconPlacement, type, value, view]);
+  var openedBodyClass = openedState ? classes.accordionItemShowBody : undefined;
   var StyledAnimationPlus = function StyledAnimationPlus() {
     return /*#__PURE__*/React__default.createElement(StyledPlus, null, /*#__PURE__*/React__default.createElement(StyledMinus, {
       size: "xs",
@@ -68,16 +72,46 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     }));
   };
   var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemViewBorderRadius, ", var(").concat(tokens.accordionItemBorderRadius, "))"), '1.5rem');
-  var openedClass = (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemOpened : '';
+  var openedClass = openedState ? classes.accordionItemOpened : '';
   var disabledClass = disabled ? classes.accordionDisabled : '';
-  var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? /*#__PURE__*/React__default.createElement(StyledArrow, {
-    size: "xs",
-    color: "inherit",
-    sizeCustomProperty: tokens.accordionItemIconSize
-  }) : undefined;
-  var leftContentRotate = type === 'arrow' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
-  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React__default.createElement(StyledAnimationPlus, null) : undefined;
-  var rightContentRotate = type === 'sign' && (opened !== null && opened !== void 0 ? opened : value) ? classes.accordionItemShowBody : undefined;
+  var getDefaultIcon = function getDefaultIcon() {
+    switch (resolvedDefaultIconContent) {
+      case 'arrow':
+        return /*#__PURE__*/React__default.createElement(StyledArrow, {
+          size: "xs",
+          color: "inherit",
+          sizeCustomProperty: tokens.accordionItemIconSize
+        });
+      case 'chevron':
+        return /*#__PURE__*/React__default.createElement(StyledChevron, {
+          size: "xs",
+          color: "inherit",
+          sizeCustomProperty: tokens.accordionItemIconSize
+        });
+      case 'sign':
+        return _StyledAnimationPlus || (_StyledAnimationPlus = /*#__PURE__*/React__default.createElement(StyledAnimationPlus, null));
+      default:
+        return undefined;
+    }
+  };
+  var defaultIcon = getDefaultIcon();
+  var defaultIconAnimationClass;
+  if (resolvedDefaultIconContent === 'sign') {
+    defaultIconAnimationClass = classes.accordionSignAnimation;
+  } else if (resolvedDefaultIconContent === 'arrow' || resolvedDefaultIconContent === 'chevron') {
+    defaultIconAnimationClass = classes.accordionArrowAnimation;
+  }
+  var defaultLeftContent = resolvedDefaultIconPlacement === 'left' ? defaultIcon : undefined;
+  var defaultRightContent = resolvedDefaultIconPlacement === 'right' ? defaultIcon : undefined;
+  var leftContent = contentLeft !== undefined ? contentLeft : defaultLeftContent;
+  var leftContentClassName = contentLeft === undefined ? cx(defaultIconAnimationClass, openedBodyClass) : undefined;
+  var rightContentClassName = cx(defaultIconAnimationClass, openedBodyClass);
+  var renderedRightContent = contentRight;
+  if (contentRight === undefined && defaultRightContent) {
+    renderedRightContent = /*#__PURE__*/React__default.createElement(StyledAccordionContentRight, {
+      className: rightContentClassName
+    }, defaultRightContent);
+  }
   return /*#__PURE__*/React__default.createElement(StyledAccordionItem, _extends({
     className: cx(classes.accordionItem, className, openedClass, disabledClass),
     key: key,
@@ -94,18 +128,16 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
     },
     tabIndex: 0,
     onClick: handleOpen,
-    "aria-expanded": opened !== null && opened !== void 0 ? opened : value,
+    "aria-expanded": openedState,
     "aria-controls": "accordion-item-section".concat(key),
     id: "accordion-item-".concat(key),
     style: _defineProperty({}, privateTokens.calculatedBorderRadius, accordionBorderRadius)
   }, /*#__PURE__*/React__default.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React__default.createElement(StyledAccordionContentLeft, {
     ref: leftContentRef,
-    className: leftContentRotate
-  }, leftContent), /*#__PURE__*/React__default.createElement(StyledAccordionTitle, titleProps, title)), contentRight || rightContent && /*#__PURE__*/React__default.createElement(StyledAccordionContentRight, {
-    className: rightContentRotate
-  }, rightContent && rightContent)), /*#__PURE__*/React__default.createElement(StyledAccordionBodyAnimate, _extends({
+    className: leftContentClassName
+  }, leftContent), /*#__PURE__*/React__default.createElement(StyledAccordionTitle, titleProps, title)), renderedRightContent), /*#__PURE__*/React__default.createElement(StyledAccordionBodyAnimate, _extends({
     "aria-labelledby": "accordion-item-".concat(key),
-    "aria-hidden": !(opened !== null && opened !== void 0 ? opened : value),
+    "aria-hidden": !openedState,
     id: "accordion-item-section".concat(key),
     className: cx(openedBodyClass),
     style: {

package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -1,5 +1,6 @@
-import './AccordionItem.styles_jmhhzd.css';
+import './AccordionItem.styles_2z3bya.css';
 import { styled } from '@linaria/react';
+import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
 import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
 import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
 
@@ -13,56 +14,75 @@ var StyledAccordionHeaderLeft = /*#__PURE__*/styled('div')({
   "class": "smlmb15",
   propsAsIs: false
 });
-var StyledAccordionContentRight = /*#__PURE__*/styled('div')({
-  name: "StyledAccordionContentRight",
+var StyledAccordionContent = /*#__PURE__*/styled('div')({
+  name: "StyledAccordionContent",
   "class": "s17ielqg",
   propsAsIs: false
 });
-var StyledAccordionContentLeft = /*#__PURE__*/styled('div')({
-  name: "StyledAccordionContentLeft",
+var _exp0 = function _exp0() {
+  return StyledAccordionContent;
+};
+var StyledAccordionContentRight = /*#__PURE__*/styled(_exp0())({
+  name: "StyledAccordionContentRight",
   "class": "s1b9vluo",
-  propsAsIs: false
+  propsAsIs: true
+});
+var _exp1 = function _exp1() {
+  return StyledAccordionContent;
+};
+var StyledAccordionContentLeft = /*#__PURE__*/styled(_exp1())({
+  name: "StyledAccordionContentLeft",
+  "class": "s11pmsun",
+  propsAsIs: true
 });
 var StyledAccordionTitle = /*#__PURE__*/styled('div')({
   name: "StyledAccordionTitle",
-  "class": "s11pmsun",
+  "class": "s1x1tofe",
   propsAsIs: false
 });
 var StyledAccordionBodyAnimate = /*#__PURE__*/styled('div')({
   name: "StyledAccordionBodyAnimate",
-  "class": "s1x1tofe",
+  "class": "sx7q49v",
   propsAsIs: false
 });
 var StyledAccordionBody = /*#__PURE__*/styled('div')({
   name: "StyledAccordionBody",
-  "class": "sx7q49v",
+  "class": "s1avkyhz",
   propsAsIs: false
 });
-var _exp26 = function _exp26() {
+var _exp30 = function _exp30() {
   return IconChevronDownFill;
 };
-var StyledArrow = /*#__PURE__*/styled(_exp26())({
+var StyledArrow = /*#__PURE__*/styled(_exp30())({
   name: "StyledArrow",
-  "class": "s1avkyhz",
+  "class": "s1egd5jo",
   propsAsIs: true
 });
-var _exp28 = function _exp28() {
+var _exp32 = function _exp32() {
+  return IconChevronDown;
+};
+var StyledChevron = /*#__PURE__*/styled(_exp32())({
+  name: "StyledChevron",
+  "class": "s152y2r1",
+  propsAsIs: true
+});
+var _exp34 = function _exp34() {
   return IconMinus;
 };
-var StyledMinus = /*#__PURE__*/styled(_exp28())({
+var StyledMinus = /*#__PURE__*/styled(_exp34())({
   name: "StyledMinus",
-  "class": "s1egd5jo",
+  "class": "so4zk5c",
   propsAsIs: true
 });
 var StyledPlus = /*#__PURE__*/styled('div')({
   name: "StyledPlus",
-  "class": "s152y2r1",
+  "class": "sck20s3",
   propsAsIs: false
 });
 var StyledAccordionItem = /*#__PURE__*/styled('div')({
   name: "StyledAccordionItem",
-  "class": "so4zk5c",
+  "class": "soue3sn",
   propsAsIs: false
 });
 
-export { StyledAccordionBody, StyledAccordionBodyAnimate, StyledAccordionContentLeft, StyledAccordionContentRight, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionItem, StyledAccordionTitle, StyledArrow, StyledMinus, StyledPlus };
+export { StyledAccordionBody, StyledAccordionBodyAnimate, StyledAccordionContentLeft, StyledAccordionContentRight, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionItem, StyledAccordionTitle, StyledArrow, StyledChevron, StyledMinus, StyledPlus };

package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css

@@ -0,0 +1,13 @@
+.s18r4alo{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.s18r4alo:focus{outline:none;}.s18r4alo::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma_private-calculated-border-radius);outline:0.125rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s18r4alo.focus-visible:focus::before,.s18r4alo[data-focus-visible-added]::before{outline-color:var(--plasma-accordion-item-focus);}
+.smlmb15{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-header-left-gap,var(--plasma-accordion-item-gap));-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s17ielqg{-webkit-transition:0.2s;transition:0.2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s17ielqg.accordion-arrow-animation.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s17ielqg.accordion-sign-animation{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s17ielqg.accordion-sign-animation.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+
+
+.s1x1tofe{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
+.sx7q49v{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.sx7q49v.accordion-item-show-body{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-body-padding-bottom,var(--plasma-accordion-item-padding-vertical));}.sx7q49v.accordion-item-show-body.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.s1avkyhz{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
+.s1egd5jo{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.s152y2r1{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
+.so4zk5c{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;}.so4zk5c.accordion-plus-animation-element{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.so4zk5c.accordion-item-show-body{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}
+.sck20s3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-accordion-item-icon-size,1rem);height:var(--plasma-accordion-item-icon-size,1rem);}
+.soue3sn{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);box-shadow:var(--plasma-accordion-item-shadow);}.soue3sn:last-child{border-bottom:var(--plasma-accordion-item-border);}.soue3sn.accordion-disabled{opacity:0.4;cursor:not-allowed;}.soue3sn:hover:not(.accordion-item-opened){background:var(--plasma-accordion-item-background-hover,var(--plasma-accordion-item-background));}.soue3sn.accordion-item-opened{background:var(--plasma-accordion-item-opened-background,var(--plasma-accordion-item-background));}.soue3sn.accordion-item-opened .s1egd5jo{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.soue3sn.accordion-item-opened .s152y2r1{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-color-icon));}.soue3sn.accordion-item-opened .s1x1tofe{color:var(--plasma-accordion-item-title-opened-color,var(--plasma-accordion-item-title-color));}

package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.css

@@ -39,10 +39,10 @@
 .CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;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;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
 
-.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0{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_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideInRange__d0973ff0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_xtwy39_stjjgaf__d0973ff0.DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{right:var(--stjjgaf-0);}
-.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0{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(--s12s50dy-0);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemHovered__d0973ff0: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_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0){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_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_itemSelected__d0973ff0 > 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_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0{position:relative;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0.DateStructureItem_styles_xtwy39_focusVisible__d0973ff0:focus::before,.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemSelectable__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayInCurrentMonth__d0973ff0:not(.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0):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_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_dayOfWeek__d0973ff0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabled__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemDisabledCurrent__d0973ff0{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemInRange__d0973ff0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideRight__d0973ff0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0.DateStructureItem_styles_xtwy39_itemCurrent__d0973ff0 > .DateStructureItem_styles_xtwy39_itemSideLeft__d0973ff0:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_xtwy39_s12s50dy__d0973ff0 .DateStructureItem_styles_xtwy39_popoverWrapper__d0973ff0.DateStructureItem_styles_xtwy39_popoverTargetAsRef__d0973ff0{z-index:-1;width:100%;}
-.DateStructureItem_styles_xtwy39_s1bjn1j9__d0973ff0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
-.DateStructureItem_styles_xtwy39_s5fr8wv__d0973ff0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
+.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{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_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
+.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{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(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173: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_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){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_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > 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_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):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_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
+.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
+.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
 
 .CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
 .CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}

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

@@ -101,7 +101,7 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
       min.setHours(0, 0, 0, 0);
     }
     if (max) {
-      max.setHours(23, 59, 59, 999);
+      max.setHours(0, 0, 0, 0);
     }
     var renderFrom = renderFromDate && new Date(renderFromDate);
     var _useReducer = useReducer(reducer, getInitialState(value, min, renderFrom, type)),