@salutejs/plasma-new-hope 0.174.0-canary.1503.11466452273.0 → 0.174.0-canary.1503.11500823810.0

package/es/index.css

@@ -338,17 +338,17 @@
 
 .base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{padding:var(--plasma-notification-content-padding-top) var(--plasma-notification-content-padding-right) var(--plasma-notification-content-padding-bottom) var(--plasma-notification-content-padding-left);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificaitonContentBox__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd.base_crlufx_notificationWithoutIcon__c6cc97dd{padding-top:var(--plasma-notification-content-padding-top-without-icon);}.base_crlufx_bmb6i7f__c6cc97dd .base_crlufx_notificationCloseIcon__c6cc97dd.base_crlufx_notificationLayoutVertical__c6cc97dd{top:var(--plasma-notification-close-icon-top);right:var(--plasma-notification-close-icon-right);}
 
-.Notification_styles_7h8hp0_sb12p__2b784e15{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.Notification_styles_7h8hp0_crvd7hm__2b784e15{position:absolute;width:1.5rem;height:1.5rem;color:var(--plasma-notification-close-icon-color);}.Notification_styles_7h8hp0_crvd7hm__2b784e15:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_7h8hp0_crvd7hm__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{position:relative;}
-.Notification_styles_7h8hp0_wg1ga5v__2b784e15{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);}.Notification_styles_7h8hp0_wg1ga5v__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-notification-horizontal-layout-gap);}
-.Notification_styles_7h8hp0_b1amsn8a__2b784e15{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);}.Notification_styles_7h8hp0_b1amsn8a__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{margin-top:unset;margin-left:unset;}
-.Notification_styles_7h8hp0_i14raqr9__2b784e15{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);margin-right:var(--i14raqr9-0);margin-bottom:var(--i14raqr9-1);}.Notification_styles_7h8hp0_i14raqr9__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
-.Notification_styles_7h8hp0_c157peez__2b784e15{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_7h8hp0_c157peez__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{padding:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.Notification_styles_7h8hp0_t1vmb0f2__2b784e15{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_7h8hp0_t1vmb0f2__2b784e15.Notification_styles_7h8hp0_notificationLayoutHorizontal__2b784e15{padding:unset;}
-.Notification_styles_7h8hp0_s1k4e58v__2b784e15{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
-.Notification_styles_7h8hp0_s92kmpm__2b784e15{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
-.Notification_styles_7h8hp0_s18m0x6v__2b784e15{margin-top:1rem;opacity:1;}.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_notificationItemOpened__2b784e15{-webkit-animation:0.4s Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15 ease-out;animation:0.4s Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15 ease-out;}.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_s18m0x6v__2b784e15.Notification_styles_7h8hp0_notificationItemHidden__2b784e15{-webkit-animation:0.4s Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15 ease-out;animation:0.4s Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15 ease-out;}@-webkit-keyframes Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_7h8hp0_showAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_7h8hp0_hideAnimationS18m0x6v__2b784e15{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
-.Notification_styles_7h8hp0_sfe5ql2__2b784e15{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
+.Notification_styles_1cf2gwd_sb12p__3923b472{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.Notification_styles_1cf2gwd_crvd7hm__3923b472{position:absolute;width:1.5rem;height:1.5rem;color:var(--plasma-notification-close-icon-color);}.Notification_styles_1cf2gwd_crvd7hm__3923b472:hover{color:var(--plasma-notification-close-icon-color-on-hover);}.Notification_styles_1cf2gwd_crvd7hm__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{position:relative;}
+.Notification_styles_1cf2gwd_wg1ga5v__3923b472{position:relative;box-sizing:border-box;background:var(--plasma-notification-backgorund);border-radius:var(--plasma-notification-border-radius);}.Notification_styles_1cf2gwd_wg1ga5v__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-notification-horizontal-layout-gap);}
+.Notification_styles_1cf2gwd_b1amsn8a__3923b472{margin-top:var(--plasma-notification-buttons-margin-top);margin-left:var(--b1amsn8a-0);}.Notification_styles_1cf2gwd_b1amsn8a__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{margin-top:unset;margin-left:unset;}
+.Notification_styles_1cf2gwd_i14raqr9__3923b472{width:var(--plasma-notification-content-left-icon-size);height:var(--plasma-notification-content-left-icon-size);margin-right:var(--i14raqr9-0);margin-bottom:var(--i14raqr9-1);}.Notification_styles_1cf2gwd_i14raqr9__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{margin-right:var(--plasma-notification-horizontal-layout-left-icon-margin);margin-bottom:unset;}
+.Notification_styles_1cf2gwd_c157peez__3923b472{display:var(--c157peez-0);padding-top:var(--c157peez-1);}.Notification_styles_1cf2gwd_c157peez__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{padding:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.Notification_styles_1cf2gwd_t1vmb0f2__3923b472{padding:var(--plasma-notification-textbox-padding-top) var(--plasma-notification-textbox-padding-right) var(--plasma-notification-textbox-padding-bottom) var(--plasma-notification-textbox-padding-left);padding-top:var(--t1vmb0f2-0);padding-right:var(--t1vmb0f2-1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:var(--plasma-notification-textbox-gap);word-break:break-word;}.Notification_styles_1cf2gwd_t1vmb0f2__3923b472.Notification_styles_1cf2gwd_notificationLayoutHorizontal__3923b472{padding:unset;}
+.Notification_styles_1cf2gwd_s1k4e58v__3923b472{font-family:var(--plasma-notification-title-font-family);font-size:var(--plasma-notification-title-font-size);font-style:var(--plasma-notification-title-font-style);font-weight:var(--plasma-notification-title-font-weight);-webkit-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-title-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-title-font-letter-spacing);letter-spacing:var(--plasma-notification-title-font-letter-spacing);line-height:var(--plasma-notification-title-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Notification_styles_1cf2gwd_s92kmpm__3923b472{font-family:var(--plasma-notification-content-font-family);font-size:var(--plasma-notification-content-font-size);font-style:var(--plasma-notification-content-font-style);font-weight:var(--plasma-notification-content-font-weight);-webkit-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-moz-letter-spacing:var(--plasma-notification-content-font-letter-spacing);-ms-letter-spacing:var(--plasma-notification-content-font-letter-spacing);letter-spacing:var(--plasma-notification-content-font-letter-spacing);line-height:var(--plasma-notification-content-font-line-height);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--plasma-notification-content-color);}
+.Notification_styles_1cf2gwd_s18m0x6v__3923b472{margin-top:1rem;opacity:1;}.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_notificationItemOpened__3923b472{-webkit-animation:0.4s Notification_styles_1cf2gwd_showAnimationS18m0x6v__3923b472 ease-out;animation:0.4s Notification_styles_1cf2gwd_showAnimationS18m0x6v__3923b472 ease-out;}.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_notificationItemOpened__3923b472.Notification_styles_1cf2gwd_notificationLeftToRightAnimation__3923b472{-webkit-animation:0.4s Notification_styles_1cf2gwd_showLeftToRightAnimationS18m0x6v__3923b472 ease-out;animation:0.4s Notification_styles_1cf2gwd_showLeftToRightAnimationS18m0x6v__3923b472 ease-out;}.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_notificationItemHidden__3923b472{-webkit-animation:0.4s Notification_styles_1cf2gwd_hideAnimationS18m0x6v__3923b472 ease-out;animation:0.4s Notification_styles_1cf2gwd_hideAnimationS18m0x6v__3923b472 ease-out;}.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_s18m0x6v__3923b472.Notification_styles_1cf2gwd_notificationItemHidden__3923b472.Notification_styles_1cf2gwd_notificationLeftToRightAnimation__3923b472{-webkit-animation:0.4s Notification_styles_1cf2gwd_hideLeftToRightAnimationS18m0x6v__3923b472 ease-out;animation:0.4s Notification_styles_1cf2gwd_hideLeftToRightAnimationS18m0x6v__3923b472 ease-out;}@-webkit-keyframes Notification_styles_1cf2gwd_showLeftToRightAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1cf2gwd_showLeftToRightAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1cf2gwd_hideLeftToRightAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@keyframes Notification_styles_1cf2gwd_hideLeftToRightAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}@-webkit-keyframes Notification_styles_1cf2gwd_showAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes Notification_styles_1cf2gwd_showAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}}@-webkit-keyframes Notification_styles_1cf2gwd_hideAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}@keyframes Notification_styles_1cf2gwd_hideAnimationS18m0x6v__3923b472{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}100%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
+.Notification_styles_1cf2gwd_sfe5ql2__3923b472{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}
 
 .base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 

package/es/index.js

@@ -1,3 +1,6 @@
+export { css } from './engines/index.js';
+export { composableStyle, cx } from './utils/index.js';
+export { ButtonBase } from './components/ButtonBase/index.js';
 export { applyBlur, blurs } from './mixins/applyBlur.js';
 export { applyEllipsis } from './mixins/applyEllipsis.js';
 export { applySpacing, spacing, spacingFns } from './mixins/applySpacing.js';
@@ -10,7 +13,7 @@ export { applyRoundness, getRoundness, radiuses } from './mixins/applyRoundness.
 export { applySkeletonGradient, getSkeletonColor } from './mixins/applySkeletonGradient.js';
 export { applyDisabled } from './mixins/applyDisabled.js';
 export { applyHidden } from './mixins/applyHidden.js';
-export { css } from './engines/index.js';
+export { component, mergeConfig } from './engines/common.js';
 export { useUniqId } from './hooks/useUniqId.js';
 export { useFocusTrap } from './hooks/useFocusTrap.js';
 export { usePreviousValue } from './hooks/usePreviousValue.js';
@@ -18,7 +21,17 @@ export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
 export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
-export { composableStyle, cx } from './utils/index.js';
+export { canUseDOM } from './utils/canUseDOM.js';
+export { extractTextFrom } from './utils/extractTextFrom.js';
+export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
+export { IS_REACT_18, safeUseId } from './utils/react.js';
+export { isNumber } from './utils/isNumber.js';
+export { mergeRefs, setRefList } from './utils/setRefList.js';
+export { isEmpty } from './utils/isEmpty.js';
+export { noop } from './utils/noop.js';
+export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
+import * as constants from './utils/constants.js';
+export { constants };
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
 export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
 export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
@@ -67,6 +80,7 @@ export { withRange } from './components/Calendar/hoc/withRange.js';
 export { calendarBaseConfig, calendarBaseRoot } from './components/Calendar/CalendarBase/CalendarBase.js';
 export { calendarDoubleConfig, calendarDoubleRoot } from './components/Calendar/CalendarDouble/CalendarDouble.js';
 export { tokens as calendarBaseTokens, tokens as calendarDoubleTokens } from './components/Calendar/Calendar.tokens.js';
+export { tokens as typographyTokens } from './components/Typography/tokens.js';
 export { bodyConfig, bodyRoot } from './components/Typography/Body/Body.js';
 export { dsplConfig, dsplRoot } from './components/Typography/Dspl/Dspl.js';
 export { headingConfig, headingRoot } from './components/Typography/Heading/Heading.js';
@@ -81,7 +95,6 @@ export { paragraphConfig, paragraphRoot } from './components/Typography/Old/Para
 export { paragraphTextConfig, paragraphTextRoot } from './components/Typography/Old/ParagraphText/ParagraphText.js';
 export { underlineConfig, underlineRoot } from './components/Typography/Old/Underline/Underline.js';
 export { subtitleConfig, subtitleRoot } from './components/Typography/Old/Subtitle/Subtitle.js';
-export { tokens as typographyTokens } from './components/Typography/tokens.js';
 export { PopupProvider, usePopupContext } from './components/Popup/PopupContext.js';
 export { popupConfig, popupRoot } from './components/Popup/Popup.js';
 export { usePopup } from './components/Popup/hooks/usePopup.js';
@@ -93,10 +106,10 @@ export { notificationConfig, notificationRoot } from './components/Notification/
 export { addNotification, closeNotification } from './components/Notification/NotificationsStore.js';
 export { classes as notificationClasses, tokens as notificationTokens } from './components/Notification/Notification.tokens.js';
 export { drawerConfig, drawerRoot } from './components/Drawer/Drawer.js';
+export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
 export { drawerContentConfig, drawerContentRoot } from './components/Drawer/ui/DrawerContent/DrawerContent.js';
 export { drawerFooterConfig, drawerFooterRoot } from './components/Drawer/ui/DrawerFooter/DrawerFooter.js';
 export { drawerHeaderConfig, drawerHeaderRoot } from './components/Drawer/ui/DrawerHeader/DrawerHeader.js';
-export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
 export { dropdownConfig, dropdownRoot } from './components/Dropdown/Dropdown.js';
 export { classes as dropdownClasses, tokens as dropdownTokens } from './components/Dropdown/Dropdown.tokens.js';
 export { useKeyNavigation as useDropdownKeyNavigation } from './components/Dropdown/hooks/useKeyboardNavigation.js';
@@ -111,8 +124,8 @@ export { dropdownOldConfig, dropdownOldRoot } from './components/Dropdown/ui/Dro
 export { tokens as dropdownOldTokens } from './components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js';
 export { tooltipConfig, tooltipRoot } from './components/Tooltip/Tooltip.js';
 export { tokens as tooltipTokens } from './components/Tooltip/Tooltip.tokens.js';
-export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.js';
 export { segmentItemConfig, segmentItemRoot } from './components/Segment/ui/SegmentItem/SegmentItem.js';
+export { segmentGroupConfig, segmentGroupRoot } from './components/Segment/ui/SegmentGroup/SegmentGroup.js';
 export { SegmentProvider, useSegment } from './components/Segment/SegmentProvider/SegmentProvider.js';
 export { classes as segmentClasses, tokens as segmentTokens } from './components/Segment/tokens.js';
 export { lineSkeletonConfig, lineSkeletonRoot } from './components/Skeleton/LineSkeleton/LineSkeleton.js';
@@ -137,23 +150,22 @@ export { classes as toastClasses, tokens as toastTokens } from './components/Toa
 export { Overlay } from './components/Overlay/Overlay.js';
 export { SSRContext, SSRProvider } from './components/SSRProvider/SSRProvider.js';
 export { comboboxConfig as comboboxOldConfig, comboboxRoot as comboboxOldRoot } from './components/Combobox/ComboboxOld/Combobox.js';
-export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
 export { comboboxDividerConfig, comboboxDividerRoot } from './components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js';
 export { comboboxFooterConfig, comboboxFooterRoot } from './components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js';
 export { comboboxGroupConfig, comboboxGroupRoot } from './components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js';
 export { comboboxHeaderConfig, comboboxHeaderRoot } from './components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js';
 export { comboboxItemConfig, comboboxItemRoot } from './components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js';
 export { ComboboxTarget } from './components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js';
-export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
+export { classes as comboboxOldClasses, tokens as comboboxOldTokens } from './components/Combobox/ComboboxOld/Combobox.tokens.js';
 export { tokens as comboboxNewTokens } from './components/Combobox/ComboboxNew/Combobox.tokens.js';
+export { comboboxConfig as comboboxNewConfig, comboboxRoot as comboboxNewRoot } from './components/Combobox/ComboboxNew/Combobox.js';
 export { indicatorConfig, indicatorRoot } from './components/Indicator/Indicator.js';
 export { tokens as indicatorTokens } from './components/Indicator/Indicator.tokens.js';
-export { ButtonBase } from './components/ButtonBase/index.js';
 export { gridConfig, gridRoot } from './components/Grid/Grid.js';
 export { tokens as gridTokens } from './components/Grid/Grid.tokens.js';
+export { getBaseGridView } from './components/Grid/utils/index.js';
 export { Row } from './components/Grid/ui/Row/Row.js';
 export { Col } from './components/Grid/ui/Col/Col.js';
-export { getBaseGridView } from './components/Grid/utils/index.js';
 export { progressConfig, progressRoot } from './components/Progress/Progress.js';
 export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
 export { selectConfig, selectRoot } from './components/Select/Select.js';
@@ -167,10 +179,7 @@ export { sheetConfig, sheetRoot } from './components/Sheet/Sheet.js';
 export { classes as sheetClasses, tokens as sheetTokens } from './components/Sheet/Sheet.tokens.js';
 export { sliderConfig, sliderRoot } from './components/Slider/Slider.js';
 export { tokens as sliderTokens } from './components/Slider/Slider.tokens.js';
-import 'react';
-import 'react-draggable';
 export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
-import '@linaria/react';
 export { stepsConfig, stepsRoot } from './components/Steps/Steps.js';
 export { tokens as stepsTokens } from './components/Steps/Steps.tokens.js';
 export { rangeConfig, rangeRoot } from './components/Range/Range.js';
@@ -193,16 +202,4 @@ export { tokens as editableTokens } from './components/Editable/Editable.tokens.
 export { composeMask } from './components/Mask/Mask.js';
 export { attachConfig, attachRoot } from './components/Attach/Attach.js';
 export { tokens as attachTokens } from './components/Attach/Attach.tokens.js';
-export { component, mergeConfig } from './engines/common.js';
-export { canUseDOM } from './utils/canUseDOM.js';
-export { extractTextFrom } from './utils/extractTextFrom.js';
-export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
-export { IS_REACT_18, safeUseId } from './utils/react.js';
-export { isNumber } from './utils/isNumber.js';
-export { mergeRefs, setRefList } from './utils/setRefList.js';
-export { isEmpty } from './utils/isEmpty.js';
-export { noop } from './utils/noop.js';
-export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
-import * as constants from './utils/constants.js';
-export { constants };
 //# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/es/utils/index.js

@@ -1,6 +1,3 @@
-import 'react';
-export { IS_REACT_18, safeUseId } from './react.js';
-
 var cx = function cx() {
   for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
     classes[_key] = arguments[_key];

package/es/utils/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.174.0-canary.1503.11466452273.0",
+  "version": "0.174.0-canary.1503.11500823810.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -124,5 +124,8 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "1c5d74694d9b51013c584be5c05eb691be4ae341"
+  "sideEffects": [
+    "*.css"
+  ],
+  "gitHead": "39d807fb54a9c774034332305af3ef1477a9af21"
 }

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

@@ -96,6 +96,9 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
     }
     onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+  };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
       outerRefs.current[i + offset][j] = element;
@@ -110,7 +113,8 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDays, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledCalendarDaysHint, {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/_react["default"].createElement(_CalendarDays.StyledFlex, {

package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -99,6 +99,9 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     }
     onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
   }, [getSelectedDate, onHoverMonth, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -111,7 +114,8 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledCalendarMonths, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledFlex, {
       role: "row",

package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -97,6 +97,9 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     }
     onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
   }, [getSelectedDate, onHoverQuarter, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -109,7 +112,8 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
   return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledCalendarQuarters, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarQuarters.StyledFlex, {
       role: "row",

package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -99,6 +99,9 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     }
     onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
+  };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
@@ -111,7 +114,8 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledCalendarYears, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
     return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledFlex, {
       role: "row",

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

@@ -66,7 +66,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
 })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", ";color:var(", ");"], _Notification.tokens.contentFontFamily, _Notification.tokens.contentFontSize, _Notification.tokens.contentFontStyle, _Notification.tokens.contentFontWeight, _Notification.tokens.contentFontLetterSpacing, _Notification.tokens.contentFontLineHeight, /*#__PURE__*/String(_mixins.applyHyphens), _Notification.tokens.contentColor);
 var StyledItemWrapper = exports.StyledItemWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-8"
-})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out;}&&.", "{animation:0.4s hideAnimation ease-out;}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"], _Notification.classes.notificationItemOpened, _Notification.classes.notificationItemHidden);
+})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out;&.", "{animation:0.4s showLeftToRightAnimation ease-out;}}&&.", "{animation:0.4s hideAnimation ease-out;&.", "{animation:0.4s hideLeftToRightAnimation ease-out;}}@keyframes showLeftToRightAnimation{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideLeftToRightAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"], _Notification.classes.notificationItemOpened, _Notification.classes.notificationLeftToRightAnimation, _Notification.classes.notificationItemHidden, _Notification.classes.notificationLeftToRightAnimation);
 var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-9"
 })(["display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:flex-end;"]);

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

@@ -19,7 +19,8 @@ var classes = exports.classes = {
   withoutIcon: 'notification-without-icon',
   withoutCloseIcon: 'notification-without-close-icon',
   notificationItemOpened: 'notification-item-opened',
-  notificationItemHidden: 'notification-item-hidden'
+  notificationItemHidden: 'notification-item-hidden',
+  notificationLeftToRightAnimation: 'notification-left-to-right-animation'
 };
 var tokens = exports.tokens = {
   background: '--plasma-notification-backgorund',

package/styled-components/cjs/components/Notification/NotificationsPortal.js

@@ -52,7 +52,7 @@ var NotificationsPortal = exports.NotificationsPortal = function NotificationsPo
       rest = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/_react["default"].createElement(_Notification.StyledItemWrapper, {
       key: id,
-      className: (0, _utils.cx)(isHidden ? _Notification2.classes.notificationItemHidden : _Notification2.classes.notificationItemOpened),
+      className: (0, _utils.cx)(isHidden ? _Notification2.classes.notificationItemHidden : _Notification2.classes.notificationItemOpened, placement === 'bottom-left' && _Notification2.classes.notificationLeftToRightAnimation),
       isHidden: isHidden || false
     }, /*#__PURE__*/_react["default"].createElement(Notification, _extends({
       key: id,

package/styled-components/cjs/components/TextArea/TextArea.js

@@ -250,7 +250,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       hintView: hintView,
       hintSize: hintSize
     }), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextArea.OuterLabelWrapper, {
-      isInnnerLabel: labelPlacement === 'inner'
+      isInnerLabel: labelPlacement === 'inner'
     }, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), hintText && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, null, /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
       ref: hintForkRef,
       hintText: hintText,

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

@@ -18,8 +18,8 @@ var Hint = exports.Hint = /*#__PURE__*/(0, _styledComponents["default"])(Tooltip
 var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-1"
 })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnnerLabel = _ref.isInnnerLabel;
-  return isInnnerLabel ? "var(".concat(_TextArea.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextArea.tokens.labelMarginBottom, ")");
+  var isInnerLabel = _ref.isInnerLabel;
+  return isInnerLabel ? "var(".concat(_TextArea.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextArea.tokens.labelMarginBottom, ")");
 });
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-2"

package/styled-components/cjs/components/TextField/TextField.js

@@ -254,7 +254,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       hintView: hintView,
       hintSize: hintSize
     }), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextField.OuterLabelWrapper, {
-      isInnnerLabel: labelPlacement === 'inner'
+      isInnerLabel: labelPlacement === 'inner'
     }, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextField.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
       id: labelId,
       htmlFor: id

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

@@ -35,8 +35,8 @@ var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents
 var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
 })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnnerLabel = _ref.isInnnerLabel;
-  return isInnnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
+  var isInnerLabel = _ref.isInnerLabel;
+  return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
 });
 var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-8"

package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -88,6 +88,9 @@ export var CalendarDays = function CalendarDays(_ref) {
     }
     onHoverDay === null || onHoverDay === void 0 || onHoverDay(selectedDate);
   }, [getSelectedDate, onHoverDay, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(undefined);
+  };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
       outerRefs.current[i + offset][j] = element;
@@ -102,7 +105,8 @@ export var CalendarDays = function CalendarDays(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarDays, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, _StyledCalendarDaysHi || (_StyledCalendarDaysHi = /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {

package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -92,6 +92,9 @@ export var CalendarMonths = function CalendarMonths(_ref) {
     }
     onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
   }, [getSelectedDate, onHoverMonth, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -104,7 +107,8 @@ export var CalendarMonths = function CalendarMonths(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarMonths, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, months.map(function (month, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",

package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -90,6 +90,9 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
     }
     onHoverQuarter === null || onHoverQuarter === void 0 || onHoverQuarter(selectedDate);
   }, [getSelectedDate, onHoverQuarter, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
@@ -102,7 +105,8 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarQuarters, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, quarters.map(function (quarter, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",

package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -92,6 +92,9 @@ export var CalendarYears = function CalendarYears(_ref) {
     }
     onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
   }, [getSelectedDate, onHoverYear, value]);
+  var handleMouseOutGrid = function handleMouseOutGrid() {
+    return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
+  };
   var getRefs = useCallback(function (element, i, j) {
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
@@ -104,7 +107,8 @@ export var CalendarYears = function CalendarYears(_ref) {
   return /*#__PURE__*/React.createElement(StyledCalendarYears, {
     role: "grid",
     "aria-labelledby": "id-grid-label",
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onMouseLeave: handleMouseOutGrid
   }, years.map(function (year, i) {
     return /*#__PURE__*/React.createElement(StyledFlex, {
       role: "row",

package/styled-components/es/components/Notification/Notification.styles.js

@@ -58,7 +58,7 @@ export var StyledContent = /*#__PURE__*/styled.div.withConfig({
 })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", ";color:var(", ");"], tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentFontLetterSpacing, tokens.contentFontLineHeight, /*#__PURE__*/String(applyHyphens), tokens.contentColor);
 export var StyledItemWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-8"
-})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out;}&&.", "{animation:0.4s hideAnimation ease-out;}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"], classes.notificationItemOpened, classes.notificationItemHidden);
+})(["margin-top:1rem;opacity:1;&&.", "{animation:0.4s showAnimation ease-out;&.", "{animation:0.4s showLeftToRightAnimation ease-out;}}&&.", "{animation:0.4s hideAnimation ease-out;&.", "{animation:0.4s hideLeftToRightAnimation ease-out;}}@keyframes showLeftToRightAnimation{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideLeftToRightAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"], classes.notificationItemOpened, classes.notificationLeftToRightAnimation, classes.notificationItemHidden, classes.notificationLeftToRightAnimation);
 export var StyledRoot = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-9"
 })(["display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:flex-end;"]);

package/styled-components/es/components/Notification/Notification.tokens.js

@@ -13,7 +13,8 @@ export var classes = {
   withoutIcon: 'notification-without-icon',
   withoutCloseIcon: 'notification-without-close-icon',
   notificationItemOpened: 'notification-item-opened',
-  notificationItemHidden: 'notification-item-hidden'
+  notificationItemHidden: 'notification-item-hidden',
+  notificationLeftToRightAnimation: 'notification-left-to-right-animation'
 };
 export var tokens = {
   background: '--plasma-notification-backgorund',

package/styled-components/es/components/Notification/NotificationsPortal.js

@@ -43,7 +43,7 @@ export var NotificationsPortal = function NotificationsPortal(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(StyledItemWrapper, {
       key: id,
-      className: cx(isHidden ? classes.notificationItemHidden : classes.notificationItemOpened),
+      className: cx(isHidden ? classes.notificationItemHidden : classes.notificationItemOpened, placement === 'bottom-left' && classes.notificationLeftToRightAnimation),
       isHidden: isHidden || false
     }, /*#__PURE__*/React.createElement(Notification, _extends({
       key: id,

package/styled-components/es/components/TextArea/TextArea.js

@@ -242,7 +242,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
       hintView: hintView,
       hintSize: hintSize
     }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
-      isInnnerLabel: labelPlacement === 'inner'
+      isInnerLabel: labelPlacement === 'inner'
     }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(StyledLabel, null, label), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(HintComponent, {
       ref: hintForkRef,
       hintText: hintText,

package/styled-components/es/components/TextArea/TextArea.styles.js

@@ -11,8 +11,8 @@ export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({
 export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-1"
 })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnnerLabel = _ref.isInnnerLabel;
-  return isInnnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelMarginBottom, ")");
+  var isInnerLabel = _ref.isInnerLabel;
+  return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelMarginBottom, ")");
 });
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-pxxv3p-2"

package/styled-components/es/components/TextField/TextField.js

@@ -245,7 +245,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       hintView: hintView,
       hintSize: hintSize
     }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
-      isInnnerLabel: labelPlacement === 'inner'
+      isInnerLabel: labelPlacement === 'inner'
     }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id

package/styled-components/es/components/TextField/TextField.styles.js

@@ -28,8 +28,8 @@ export var InputPlaceholder = /*#__PURE__*/styled.div.withConfig({
 export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
 })(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnnerLabel = _ref.isInnnerLabel;
-  return isInnnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
+  var isInnerLabel = _ref.isInnerLabel;
+  return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
 });
 export var TitleCaption = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-8"

package/styled-components/package.json

@@ -1,5 +1,6 @@
 {
     "module": "es/index.js",
     "main": "cjs/index.js",
-    "types": "../types/index.d.ts"
+    "types": "../types/index.d.ts",
+    "sideEffects": false
 }

package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAkB9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0KpD,CAAC"}
+{"version":3,"file":"CalendarDays.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarDays/CalendarDays.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAkB9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiLpD,CAAC"}

package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuKxD,CAAC"}
+{"version":3,"file":"CalendarMonths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8KxD,CAAC"}

package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoK5D,CAAC"}
+{"version":3,"file":"CalendarQuarters.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarQuarters/CalendarQuarters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2K5D,CAAC"}

package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwKtD,CAAC"}
+{"version":3,"file":"CalendarYears.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+KtD,CAAC"}