npm - @salutejs/plasma-new-hope - Versions diffs - 0.195.2-canary.1580.11946918297.0 → 0.195.2-canary.1586.11970189580.0 - Mend

@salutejs/plasma-new-hope 0.195.2-canary.1580.11946918297.0 → 0.195.2-canary.1586.11970189580.0

Files changed (604) hide show

package/es/components/Combobox/ComboboxNew/FloatingPopover.js CHANGED Viewed

@@ -44,7 +44,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;AAMMA,IAAAA,eAAe,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,EAAA,IAAxFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,WAAA,GAAAT,IAAA,CAAEU,MAAM;AAANA,IAAAA,QAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA,CAAA;EAC3E,IAAAE,YAAA,GAAiCC,WAAW,CAAC;AACzCN,MAAAA,SAAS,EAATA,SAAS;AACTO,MAAAA,IAAI,EAAET,MAAM;MACZU,UAAU,EAAE,CACRC,MAAgB,CAACL,QAAM,CAAC,EACxBM,IAAI,CAAC;AAAEC,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EAC1CC,KAAK,EAAE,EACPC,IAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,EAAEpB,SAAS,IAAAqB,EAAAA,CAAAA,MAAA,CAAOP,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;IAfMG,IAAI,GAAApB,YAAA,CAAJoB,IAAI;IAAEC,cAAc,GAAArB,YAAA,CAAdqB,cAAc,CAAA;AAiB5B,EAAA,IAAMC,SAAS,GAAGC,SAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAI9B,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,IAAMgC,kBAAkB,GAAG,OAAOlC,MAAM,KAAK,UAAU,CAAA;EAEvD,oBACImC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrC,IAAAA,GAAG,EAAEA,GAAI;AAACsC,IAAAA,EAAE,EAAEN,~~SAAAA~~;~~GACfI~~,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrC,IAAAA,GAAG,EAAEmC,kBAAkB,~~GAAGI~~,SAAS,~~GAAGT~~,IAAI,~~CAACU~~,YAAa;AAACC,IAAAA,OAAO,~~EAAEP~~,WAAAA;AAAY,GAAA,EAC9E,OAAOjC,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC6B,IAAI,~~CAACU~~,YAAmB,CAAC,~~GAAGvC~~,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;AACAiC,EAAAA,KAAA,CAAAC,aAAA,~~CAACK~~,cAAc,EAAKC,sBAAsB,~~CAACrC~~,MAAM,EAAE0B,SAAS,CAAC,eACzDI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKrC,GAAG,EAAE8B,IAAI,~~CAACc~~,WAAY;~~AAAClB~~,IAAAA,KAAK,~~EAAAmB~~,cAAA,CAAAA,cAAA,~~KAAOd~~,cAAc,CAAA,EAAA,EAAA,EAAA;~~AAAEe~~,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;~~GAC5D5C~~,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,~~IAAMyC~~,sBAAsB,GAAG,SAAzBA,sBAAsBA,~~CACxBrC~~,MAAsC,EACtC0B,SAAiB,EACa;EAC9B,IAAI,CAAC1B,MAAM,EAAE;IACT,OAAO;AAAEgC,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO1B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEgC,MAAAA,EAAE,EAAEhC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;~~AAAEyC~~,IAAAA,IAAI,~~EAAEzC~~,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
1	+ {"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}

package/es/components/DatePicker/RangeDate/RangeDate.css CHANGED Viewed

@@ -38,10 +38,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{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_zgya4j_sdtpxcv__be70a02e::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:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{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_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354: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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{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_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20: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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css CHANGED Viewed

@@ -131,10 +131,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{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_zgya4j_sdtpxcv__be70a02e::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:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{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_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354: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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{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_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20: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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/es/components/DatePicker/SingleDate/SingleDate.css CHANGED Viewed

@@ -36,10 +36,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{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_zgya4j_sdtpxcv__be70a02e::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:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{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_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354: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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{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_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20: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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/es/components/Dropdown/FloatingPopover.js CHANGED Viewed

@@ -60,11 +60,12 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     id: wrappedId,
     style: {
+      position: 'relative',
       display: isInner ? 'block' : 'inline-block'
-    },
-    ref: ref
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: refs.setReference,
     onClick: handleTargetClick,

package/es/components/Dropdown/FloatingPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'hover') {\n return;\n }\n\n if (onToggle) {\n onToggle(!opened, event);\n }\n };\n\n const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'click' \|\| opened) {\n return;\n }\n\n onToggle(true, event);\n };\n\n const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n if (\n trigger === 'click' \|\|\n !opened \|\|\n (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n const handleFloatingMouseLeave = (event: MouseEvent) => {\n if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n if (\n trigger === 'click' \|\|\n !opened \|\|\n (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n return (\n <div\n id={wrappedId}\n style={{\n display: isInner ? 'block' : 'inline-block',\n }}\n ~~ref={ref}\n~~ >\n <div\n ref={refs.setReference}\n onClick={handleTargetClick}\n onMouseEnter={handleTargetMouseEnter}\n onMouseLeave={handleTargetMouseLeave}\n >\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n onMouseLeave={handleFloatingMouseLeave}\n style={{\n ...floatingStyles,\n zIndex: 1,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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~~AACIC~~,IAAAA,EAAE,EAAEjB,SAAU;AACdkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,OAAO,~~EAAEnC~~,OAAO,GAAG,OAAO,GAAG,cAAA;~~KAC/B;AACFT~~,~~IAAAA,GAAG,EAAEA,GAAAA~~;~~GAELwC~~,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACIzC,GAAG,EAAEuB,IAAI,~~CAACsB~~,YAAa;AACvBC,IAAAA,OAAO,~~EAAEnB~~,iBAAkB;~~AAC3BoB~~,IAAAA,YAAY,~~EAAElB~~,sBAAuB;~~AACrCmB~~,IAAAA,YAAY,~~EAAElB~~,sBAAAA;GAEb7B,EAAAA,MACA,CAAC,EAELE,MAAM,iBACHqC,KAAA,CAAAC,aAAA,~~CAACQ~~,cAAc,EAAKC,sBAAsB,~~CAAC5C~~,MAAM,EAAEmB,SAAS,CAAC,eACzDe,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACIzC,GAAG,EAAEuB,IAAI,~~CAAC4B~~,WAAY;AACtBH,IAAAA,YAAY,~~EAAEX~~,wBAAyB;AACvCM,IAAAA,KAAK,~~EAAAS~~,cAAA,CAAAA,cAAA,~~KACE5B~~,cAAc,CAAA,EAAA,EAAA,EAAA;~~AACjB6B~~,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;~~GAGZnD~~,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,~~IAAMgD~~,sBAAsB,GAAG,SAAzBA,sBAAsBA,~~CACxB5C~~,MAAsC,EACtCmB,SAAiB,EACa;EAC9B,IAAI,CAACnB,MAAM,EAAE;IACT,OAAO;AAAEoC,MAAAA,EAAE,EAAEjB,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAOnB,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEoC,MAAAA,EAAE,EAAEpC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;~~AAAEgD~~,IAAAA,IAAI,~~EAAEhD~~,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
1	+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'hover') {\n return;\n }\n\n if (onToggle) {\n onToggle(!opened, event);\n }\n };\n\n const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'click' \|\| opened) {\n return;\n }\n\n onToggle(true, event);\n };\n\n const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n if (\n trigger === 'click' \|\|\n !opened \|\|\n (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n const handleFloatingMouseLeave = (event: MouseEvent) => {\n if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n if (\n trigger === 'click' \|\|\n !opened \|\|\n (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n return (\n <div\n ref={ref}\n id={wrappedId}\n style={{\n position: 'relative',\n display: isInner ? 'block' : 'inline-block',\n }}\n >\n <div\n ref={refs.setReference}\n onClick={handleTargetClick}\n onMouseEnter={handleTargetMouseEnter}\n onMouseLeave={handleTargetMouseLeave}\n >\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n onMouseLeave={handleFloatingMouseLeave}\n style={{\n ...floatingStyles,\n zIndex: 1,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","position","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}

package/es/components/Select/FloatingPopover.js CHANGED Viewed

@@ -46,7 +46,10 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/es/components/Select/FloatingPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":";;;;;;;AAOMA,IAAAA,eAAe,gBAAGC,UAAU,CAC9B,UAAAC,IAAA,EAAmFC,GAAG,EAAK;AAAA,EAAA,IAAxFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,WAAA,GAAAT,IAAA,CAAEU,MAAM;AAANA,IAAAA,QAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,WAAA,CAAA;EAC3E,IAAAE,YAAA,GAAiCC,WAAW,CAAC;AACzCN,MAAAA,SAAS,EAAEO,YAAY,CAACP,SAAS,CAAC;AAClCQ,MAAAA,IAAI,EAAEV,MAAM;MACZW,UAAU,EAAE,CACRC,MAAgB,CAACN,QAAM,CAAC,EACxBO,IAAI,CAAC;QAAEC,kBAAkB,EAAEC,qBAAqB,CAACb,SAAS,CAAA;AAAE,OAAC,CAAC,EAC9Dc,KAAK,EAAE,EACPC,IAAI,CAAC;QACDC,KAAK,EAAA,SAAAA,KAAAC,CAAAA,KAAA,EAAsB;AAAA,UAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ,CAAA;UACnBC,MAAM,CAACC,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAACC,KAAK,EAAE;YACnCC,KAAK,EAAEtB,SAAS,IAAAuB,EAAAA,CAAAA,MAAA,CAAOP,KAAK,CAACQ,SAAS,CAACF,KAAK,EAAA,IAAA,CAAA;AAChD,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAC,CAAC,CAAA;AAEV,KAAC,CAAC;IAfMG,IAAI,GAAAtB,YAAA,CAAJsB,IAAI;IAAEC,cAAc,GAAAvB,YAAA,CAAduB,cAAc,CAAA;AAiB5B,EAAA,IAAMC,SAAS,GAAGC,SAAS,EAAE,CAAA;AAE7B,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIhC,QAAQ,EAAE;MACVA,QAAQ,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,KAAA;GACH,CAAA;;AAED;AACA;AACA;AACA;AACA,EAAA,IAAMkC,kBAAkB,GAAG,OAAOpC,MAAM,KAAK,UAAU,CAAA;EAEvD,oBACIqC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEA,GAAI;AAACwC,IAAAA,EAAE,EAAEN,~~SAAAA~~;~~GACfI~~,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKvC,IAAAA,GAAG,EAAEqC,kBAAkB,~~GAAGI~~,SAAS,~~GAAGT~~,IAAI,~~CAACU~~,YAAa;AAACC,IAAAA,OAAO,~~EAAEP~~,WAAAA;AAAY,GAAA,EAC9E,OAAOnC,MAAM,KAAK,UAAU,GAAGA,MAAM,CAAC+B,IAAI,~~CAACU~~,YAAmB,CAAC,~~GAAGzC~~,MAClE,CAAC,EAELE,MAAM;AAAA;AACH;AACA;AACAmC,EAAAA,KAAA,CAAAC,aAAA,~~CAACK~~,cAAc,EAAKC,sBAAsB,~~CAACvC~~,MAAM,EAAE4B,SAAS,CAAC,eACzDI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKvC,GAAG,EAAEgC,IAAI,~~CAACc~~,WAAY;~~AAAClB~~,IAAAA,KAAK,~~EAAAmB~~,cAAA,CAAAA,cAAA,~~KAAOd~~,cAAc,CAAA,EAAA,EAAA,EAAA;~~AAAEe~~,MAAAA,MAAM,EAAE,CAAA;AAAC,KAAA,CAAA;~~GAC5D9C~~,EAAAA,QACA,CACO,CAEnB,CAAC,CAAA;AAEd,CACJ,EAAC;AAOD;AACA;AACA,~~IAAM2C~~,sBAAsB,GAAG,SAAzBA,sBAAsBA,~~CACxBvC~~,MAAsC,EACtC4B,SAAiB,EACa;EAC9B,IAAI,CAAC5B,MAAM,EAAE;IACT,OAAO;AAAEkC,MAAAA,EAAE,EAAEN,SAAAA;KAAW,CAAA;AAC5B,GAAA;AAEA,EAAA,IAAI,OAAO5B,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO;AAAEkC,MAAAA,EAAE,EAAElC,MAAAA;KAAQ,CAAA;AACzB,GAAA;EAEA,OAAO;~~AAAE2C~~,IAAAA,IAAI,~~EAAE3C~~,MAAAA;GAAQ,CAAA;AAC3B,CAAC;;;;"}
1	+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: getPlacement(placement),\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth \|\| `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}

package/es/index.css CHANGED Viewed

@@ -292,10 +292,10 @@
 .CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e{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_zgya4j_sdtpxcv__be70a02e::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:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e.CalendarHeader_styles_zgya4j_focusVisible__be70a02e:focus::before,.CalendarHeader_styles_zgya4j_sdtpxcv__be70a02e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
 .CalendarHeader_styles_zgya4j_s1fi7s2r__be70a02e{color:var(--plasma-calendar-header-arrow-color);}
-.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354{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_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideInRange__c9a5b354:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{left:var(--s140bov1-0);}.DateStructureItem_styles_uzh6dj_s140bov1__c9a5b354.DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{right:var(--s140bov1-0);}
-.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemHovered__c9a5b354: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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354){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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelected__c9a5b354 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354{position:relative;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354::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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354.DateStructureItem_styles_uzh6dj_focusVisible__c9a5b354:focus::before,.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemSelectable__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayInCurrentMonth__c9a5b354:not(.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354):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_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_dayOfWeek__c9a5b354{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabled__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemDisabledCurrent__c9a5b354{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemInRange__c9a5b354:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideRight__c9a5b354:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_uzh6dj_s1k1xcqq__c9a5b354.DateStructureItem_styles_uzh6dj_itemCurrent__c9a5b354 > .DateStructureItem_styles_uzh6dj_itemSideLeft__c9a5b354:before{width:100%;left:-1px;right:unset;}
-.DateStructureItem_styles_uzh6dj_s1wqrord__c9a5b354{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
-.DateStructureItem_styles_uzh6dj_s1cvvf5__c9a5b354{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
+.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20{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_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideInRange__da2cff20:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxfztn_s140bov1__da2cff20.DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{right:var(--s140bov1-0);}
+.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemHovered__da2cff20: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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20){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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_itemSelected__da2cff20 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20{position:relative;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20::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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20.DateStructureItem_styles_1nxfztn_focusVisible__da2cff20:focus::before,.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemSelectable__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayInCurrentMonth__da2cff20:not(.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20):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_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_dayOfWeek__da2cff20{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabled__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemDisabledCurrent__da2cff20{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemInRange__da2cff20:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideRight__da2cff20:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxfztn_s1k1xcqq__da2cff20.DateStructureItem_styles_1nxfztn_itemCurrent__da2cff20 > .DateStructureItem_styles_1nxfztn_itemSideLeft__da2cff20:before{width:100%;left:-1px;right:unset;}
+.DateStructureItem_styles_1nxfztn_s1wqrord__da2cff20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
+.DateStructureItem_styles_1nxfztn_s1cvvf5__da2cff20{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
 .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{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;}
 .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.195.2-canary.1580.11946918297.0",
+  "version": "0.195.2-canary.1586.11970189580.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "6e71c0fda87166c0213d6bb5020b0cc74be464a7"
+  "gitHead": "251433374e1532eeda8717f467bd2bce325eb5f7"
 }

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

@@ -129,5 +129,6 @@ var tokens = exports.tokens = {
   calendarRangeBackground: '--plasma-calendar-range-background',
   calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
   calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
-  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
+  calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
+  calendarDisabledOpacity: '--plasma-calendar-disabled-opacity'
 };

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

@@ -25,7 +25,7 @@ var StyledItem = exports.StyledItem = /*#__PURE__*/_styledComponents["default"].
   return "".concat(offset, "px");
 });
 var disabledItem = function disabledItem() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
+  return "\n    cursor: not-allowed;\n    opacity: var(".concat(_Calendar.tokens.calendarDisabledOpacity, ");\n");
 };
 var disabledCurrentItem = function disabledCurrentItem() {
   return "\n    ".concat(disabledItem(), ";\n");

package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js CHANGED Viewed

@@ -56,7 +56,10 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/_react2["default"].createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/_react2["default"].createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/styled-components/cjs/components/Dropdown/FloatingPopover.js CHANGED Viewed

@@ -72,11 +72,12 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
     }
   };
   return /*#__PURE__*/_react2["default"].createElement("div", {
+    ref: ref,
     id: wrappedId,
     style: {
+      position: 'relative',
       display: isInner ? 'block' : 'inline-block'
-    },
-    ref: ref
+    }
   }, /*#__PURE__*/_react2["default"].createElement("div", {
     ref: refs.setReference,
     onClick: handleTargetClick,

package/styled-components/cjs/components/Select/FloatingPopover.js CHANGED Viewed

@@ -57,7 +57,10 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
   var isTargetAsFunction = typeof target === 'function';
   return /*#__PURE__*/_react2["default"].createElement("div", {
     ref: ref,
-    id: wrappedId
+    id: wrappedId,
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/_react2["default"].createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick

package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ type AccordionItemCustomProps = {
 type AccordionProps = ComponentProps<typeof Accordion> & AccordionItemCustomProps;
 const meta: Meta<AccordionProps> = {
-    title: 'b2c/Data Display/Accordion',
+    title: 'plasma_b2c/Accordion',
     decorators: [WithTheme],
     component: Accordion,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx CHANGED Viewed

@@ -47,7 +47,7 @@ type StoryAttachProps = ComponentProps<typeof Attach> & {
 };
 const meta: Meta<StoryAttachProps> = {
-    title: 'b2c/Data Entry/Attach',
+    title: 'plasma_b2c/Attach',
     decorators: [WithTheme],
     component: Attach,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx CHANGED Viewed

@@ -70,7 +70,7 @@ type StoryProps = ComponentProps<typeof Autocomplete> & {
 };
 const meta: Meta<StoryProps> = {
-    title: 'b2c/Data Entry/Autocomplete',
+    title: 'plasma_b2c/Autocomplete',
     decorators: [WithTheme],
     component: Autocomplete,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { Avatar, mergedConfig } from './Avatar';
 const meta: Meta<typeof Avatar> = {
-    title: 'b2c/Data Display/Avatar',
+    title: 'plasma_b2c/Avatar',
     decorators: [WithTheme],
     component: Avatar,
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/AvatarGroup/AvatarGroup.stories.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ type Story = StoryObj<ComponentProps<typeof AvatarGroup>>;
 type Avatar = ComponentProps<typeof Avatar>;
 const meta: Meta<typeof AvatarGroup> = {
-    title: 'b2c/Data Display/AvatarGroup',
+    title: 'plasma_b2c/AvatarGroup',
     decorators: [WithTheme],
     component: AvatarGroup,
 };

package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import { WithTheme } from '../../../_helpers';
 import { Badge } from './Badge';
 const meta: Meta<typeof Badge> = {
-    title: 'b2c/Data Display/Badge',
+    title: 'plasma_b2c/Badge',
     component: Badge,
     decorators: [WithTheme],
     argTypes: {

package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ import { Breadcrumbs } from './Breadcrumbs';
 type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
 const meta: Meta<BreadcrumbsProps> = {
-    title: 'b2c/Navigation/Breadcrumbs',
+    title: 'plasma_b2c/Breadcrumbs',
     decorators: [WithTheme],
     component: Breadcrumbs,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ const pinValues = [
 const contentPlacinValues = ['default', 'relaxed'];
 const meta: Meta<typeof Button> = {
-    title: 'b2c/Data Entry/Button',
+    title: 'plasma_b2c/Button',
     decorators: [WithTheme],
     component: Button,
     args: {

package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ const shapeValues = ['segmented', 'default'];
 const stretchingValues = ['auto', 'filled'];
 const meta: Meta<typeof ButtonGroup> = {
-    title: 'b2c/Data Entry/ButtonGroup',
+    title: 'plasma_b2c/ButtonGroup',
     decorators: [WithTheme],
     argTypes: {
         size: {

package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ import { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoub
 const onChangeValue = action('onChangeValue');
 const meta: Meta<typeof CalendarBase> = {
-    title: 'b2c/Data Entry/Calendar',
+    title: 'plasma_b2c/Calendar',
     decorators: [WithTheme],
     argTypes: {
         min: {