npm - @salutejs/plasma-new-hope - Versions diffs - 0.340.0-canary.2316.19129435456.0 → 0.340.0-canary.2316.19170245062.0 - Mend

@salutejs/plasma-new-hope 0.340.0-canary.2316.19129435456.0 → 0.340.0-canary.2316.19170245062.0

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

Files changed (73) hide show

package/es/components/Tabs/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n itemCursor: '--plasma-tab-item-cursor',\n itemCursorOverNotSelected: '--plasma-tab-item-cursor-over-not-selected',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n\n valueFontFamily: '--plasma-tab-item-value-font-family',\n valueFontSize: '--plasma-tab-item-value-font-size',\n valueFontStyle: '--plasma-tab-item-value-font-style',\n valueFontWeight: '--plasma-tab-item-value-font-weight',\n valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n valueLineHeight: '--plasma-tab-item-value-lineheight',\n\n actionContentMarginLeft: '--plasma-tab-item-action-content-margin-left',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemCursorOverNotSelected","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","actionContentMarginLeft"],"mappings":"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"}
1	+ {"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n selectedTabsItem: 'selected-tabs-item',\n tabsPilled: 'tabs-pilled',\n tabsGroupFilledBackground: 'tabs-group-filled-background',\n tabsStretch: 'tabs-stretched',\n tabsNoDivider: 'tabs-no-divider',\n tabItemDivider: 'tab-item-divider',\n tabItemAnimated: 'tab-item-animated',\n tabContent: 'tab-item-content',\n tabRightContent: 'tab-item-right-content',\n tabLeftContent: 'tab-item-left-content',\n tabsHasLeftArrow: 'tabs-has-left-arrow',\n tabsHasRightArrow: 'tabs-has-right-arrow',\n tabsHasTopArrow: 'tabs-has-top-arrow',\n tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n tabsClipScroll: 'tabs-clip-scroll',\n tabsClipShowAll: 'tabs-clip-show-all',\n tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n disabledOpacity: '--plasma-tabs-disabled-opacity',\n containerWidth: '--plasma-tabs-container-width',\n containerHeight: '--plasma-tabs-container-height',\n cursor: '--plasma-tabs-cursor',\n color: '--plasma-tabs-color',\n colorHover: '--plasma-tabs-color-hover',\n\n tabsDividerWidth: '--plasma-tabs-divider-width',\n tabsDividerHeight: '--plasma-tabs-divider-height',\n tabsDividerColor: '--plasma-tabs-divider-color',\n tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n outlineFocusColor: '--plasma-tabs-outline-focus-color',\n arrowColor: '--plasma-tabs-arrow-color',\n arrowColorHover: '--plasma-tabs-arrow-color-hover',\n arrowColorActive: '--plasma-tabs-arrow-color-active',\n tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n tabsBackgroundColor: '--plasma-tabs-background-color',\n tabsBorderRadius: '--plasma-tabs-border-radius',\n tabsWidth: '--plasma-tabs-width',\n tabsHeight: '--plasma-tabs-height',\n tabsPadding: '--plasma-tabs-padding',\n tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n itemBorderRadius: '--plasma-tab-item-border-radius',\n itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n itemWidth: '--plasma-tab-item-width',\n itemHeight: '--plasma-tab-item-height',\n itemPadding: '--plasma-tab-item-padding',\n itemPaddingClear: '--plasma-tab-item-padding-clear',\n itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n itemMarginLeft: '--plasma-tab-item-margin-left',\n itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n itemContentGap: '--plasma-tab-item-content-gap',\n\n itemContentPadding: '--plasma-tab-item-content-padding',\n itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n itemColor: '--plasma-tab-item-color',\n itemValueColor: '--plasma-tab-item-value-color',\n itemBackgroundColor: '--plasma-tab-item-background-color',\n itemColorHover: '--plasma-tab-item-color-hover',\n itemValueColorHover: '--plasma-tab-item-value-color-hover',\n itemColorActive: '--plasma-tab-item-color-active',\n itemValueColorActive: '--plasma-tab-item-value-color-active',\n itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n itemCursor: '--plasma-tab-item-cursor',\n itemCursorOverNotSelected: '--plasma-tab-item-cursor-over-not-selected',\n\n itemSelectedColor: '--plasma-tab-item-selected-color',\n itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n fontFamily: '--plasma-tab-item-font-family',\n fontSize: '--plasma-tab-item-font-size',\n fontStyle: '--plasma-tab-item-font-style',\n fontWeight: '--plasma-tab-item-font-weight',\n fontWeightSelected: '--plasma-tab-item-font-weight-selected',\n letterSpacing: '--plasma-tab-item-letter-spacing',\n lineHeight: '--plasma-tab-item-lineheight',\n\n valueFontFamily: '--plasma-tab-item-value-font-family',\n valueFontSize: '--plasma-tab-item-value-font-size',\n valueFontStyle: '--plasma-tab-item-value-font-style',\n valueFontWeight: '--plasma-tab-item-value-font-weight',\n valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n valueLineHeight: '--plasma-tab-item-value-lineheight',\n\n actionContentMarginLeft: '--plasma-tab-item-action-content-margin-left',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemCursorOverNotSelected","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","fontWeightSelected","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","actionContentMarginLeft"],"mappings":"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"}

package/es/index.css CHANGED Viewed

@@ -1225,12 +1225,12 @@
 .TimeGrid_styles_31tnfx_s1za4gl__f13ae98e{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;--plasma-time-picker-grid-grid-width:var(--s1za4gl-0);--plasma-time-picker-grid-column-height:var(--s1za4gl-1);--plasma-time-picker-grid-item-height:var(--plasma-date-time-picker-grid-item-height);--plasma-time-picker-grid-item-border-radius:var(--plasma-date-time-picker-grid-item-border-radius);--plasma-time-picker-grid-item-padding:var(--plasma-date-time-picker-grid-item-padding);--plasma-time-picker-grid-item-hover-background:var(--plasma-date-time-picker-grid-item-hover-background);--plasma-time-picker-grid-item-active-background:var(--plasma-date-time-picker-grid-item-active-background);--plasma-time-picker-grid-item-font-family:var(--plasma-date-time-picker-grid-item-font-family);--plasma-time-picker-grid-item-font-size:var(--plasma-date-time-picker-grid-item-font-size);--plasma-time-picker-grid-item-font-style:var(--plasma-date-time-picker-grid-item-font-style);--plasma-time-picker-grid-item-font-weight:var(--plasma-date-time-picker-grid-item-font-weight);--plasma-time-picker-grid-item-letter-spacing:var(--plasma-date-time-picker-grid-item-letter-spacing);--plasma-time-picker-grid-item-line-height:var(--plasma-date-time-picker-grid-item-line-height);--plasma-time-picker-grid-scrollbar-width:var(--plasma-date-time-picker-grid-scrollbar-width);--plasma-time-picker-grid-scrollbar-color:var(--plasma-date-time-picker-grid-scrollbar-color);--plasma-time-picker-grid-scrollbar-track-color:var(--plasma-date-time-picker-grid-scrollbar-track-color);--plasma-time-picker-grid-scrollbar-margin:var(--plasma-date-time-picker-grid-scrollbar-margin);--plasma-time-picker-grid-disabled-opacity:var(--plasma-date-time-picker-disabled-opacity);}
-.DateShortcutList_styles_ubu846_srjhtf2__7363696a{-webkit-order:var(--srjhtf2-0);-ms-flex-order:var(--srjhtf2-0);order:var(--srjhtf2-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--srjhtf2-1);-ms-flex-direction:var(--srjhtf2-1);flex-direction:var(--srjhtf2-1);gap:var(--plasma-date-time-picker-popover-gap);-webkit-flex-shrink:var(--srjhtf2-2);-ms-flex-negative:var(--srjhtf2-2);flex-shrink:var(--srjhtf2-2);overflow-y:hidden;height:var(--srjhtf2-3);}
-.DateShortcutList_styles_ubu846_s16rfxhh__7363696a{width:var(--s16rfxhh-0);margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.DateShortcutList_styles_ubu846_s16rfxhh__7363696a::-webkit-scrollbar{display:none;}
-.DateShortcutList_styles_ubu846_s1qkjxao__7363696a{padding:var(--plasma-date-time-picker-shortcut-item-padding);border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);position:relative;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a:hover:not(.DateShortcutList_styles_ubu846_plasma_dateTimePickerShortcutItemDisabled__7363696a){cursor:pointer;background:var(--plasma-date-time-picker-shortcut-item-background-hover);}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a.DateShortcutList_styles_ubu846_plasma_dateTimePickerShortcutItemDisabled__7363696a{opacity:--plasma-date-time-picker-disabled-opacity;cursor:not-allowed;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a:focus{outline:none;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DateShortcutList_styles_ubu846_s1qkjxao__7363696a.DateShortcutList_styles_ubu846_focusVisible__7363696a:focus::before,.DateShortcutList_styles_ubu846_s1qkjxao__7363696a[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-date-time-picker-outline-focus);}
-.DateShortcutList_styles_ubu846_ssgyi30__7363696a{--plasma-cell-title-color:var(--plasma-date-time-picker-shortcut-item-color);--plasma-cell-padding:var(--plasma-date-time-picker-shortcut-item-padding);--plasma-cell-padding-content:var(--plasma-date-time-picker-shortcut-item-padding-content);--plasma-cell-padding-left-content:var(--plasma-date-time-picker-shortcut-item-padding-left-content);--plasma-cell-padding-right-content:var(--plasma-date-time-picker-shortcut-item-right-padding-content);--plasma-cell-gap:var(--plasma-date-time-picker-shortcut-item-gap);}
-.DateShortcutList_styles_ubu846_st47490__7363696a{display:grid;}
-.DateShortcutList_styles_ubu846_s1j4i6d7__7363696a{font-family:var(--plasma-date-time-picker-shortcut-item-font-family);font-size:var(--plasma-date-time-picker-shortcut-item-font-size);font-style:var(--plasma-date-time-picker-shortcut-item-font-style);font-weight:var(--plasma-date-time-picker-shortcut-item-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);line-height:var(--plasma-date-time-picker-shortcut-item-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DateShortcutList_styles_pdofx1_srjhtf2__dcf80433{-webkit-order:var(--srjhtf2-0);-ms-flex-order:var(--srjhtf2-0);order:var(--srjhtf2-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--srjhtf2-1);-ms-flex-direction:var(--srjhtf2-1);flex-direction:var(--srjhtf2-1);gap:var(--plasma-date-time-picker-popover-gap);-webkit-flex-shrink:var(--srjhtf2-2);-ms-flex-negative:var(--srjhtf2-2);flex-shrink:var(--srjhtf2-2);overflow-y:hidden;height:var(--srjhtf2-3);}
+.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433{width:var(--s16rfxhh-0);list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.DateShortcutList_styles_pdofx1_s16rfxhh__dcf80433::-webkit-scrollbar{display:none;}
+.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433{padding:var(--plasma-date-time-picker-shortcut-item-padding);border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);position:relative;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:hover:not(.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433){cursor:pointer;background:var(--plasma-date-time-picker-shortcut-item-background-hover);}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_plasma_dateTimePickerShortcutItemDisabled__dcf80433{opacity:--plasma-date-time-picker-disabled-opacity;cursor:not-allowed;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433:focus{outline:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--plasma-date-time-picker-shortcut-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433.DateShortcutList_styles_pdofx1_focusVisible__dcf80433:focus::before,.DateShortcutList_styles_pdofx1_s1qkjxao__dcf80433[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-date-time-picker-outline-focus);}
+.DateShortcutList_styles_pdofx1_ssgyi30__dcf80433{--plasma-cell-title-color:var(--plasma-date-time-picker-shortcut-item-color);--plasma-cell-padding:var(--plasma-date-time-picker-shortcut-item-padding);--plasma-cell-padding-content:var(--plasma-date-time-picker-shortcut-item-padding-content);--plasma-cell-padding-left-content:var(--plasma-date-time-picker-shortcut-item-padding-left-content);--plasma-cell-padding-right-content:var(--plasma-date-time-picker-shortcut-item-right-padding-content);--plasma-cell-gap:var(--plasma-date-time-picker-shortcut-item-gap);}
+.DateShortcutList_styles_pdofx1_st47490__dcf80433{display:grid;}
+.DateShortcutList_styles_pdofx1_s1j4i6d7__dcf80433{font-family:var(--plasma-date-time-picker-shortcut-item-font-family);font-size:var(--plasma-date-time-picker-shortcut-item-font-size);font-style:var(--plasma-date-time-picker-shortcut-item-font-style);font-weight:var(--plasma-date-time-picker-shortcut-item-font-weight);-webkit-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-moz-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);-ms-letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);letter-spacing:var(--plasma-date-time-picker-shortcut-item-letter-spacing);line-height:var(--plasma-date-time-picker-shortcut-item-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .Popover_styles_1v6vurg_sptwu7d__ce4c918d .Popover_styles_1v6vurg_plasma_dateTimePickerRoot__ce4c918d{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-date-time-picker-popover-gap);border-radius:var(--plasma-date-time-picker-popover-border-radius);padding:var(--plasma-date-time-picker-popover-padding);background:var(--plasma-date-time-picker-popover__background-color);box-shadow:var(--plasma-date-time-picker-popover-shadow);overflow:hidden;width:var(--sptwu7d-0);height:var(--sptwu7d-1);}
 .Popover_styles_1v6vurg_s1xs0v0p__ce4c918d{background-color:var(--plasma-date-time-picker-popover__separator-background);min-width:0.063rem;}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.340.0-canary.2316.19129435456.0",
+  "version": "0.340.0-canary.2316.19170245062.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,7 +118,7 @@
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
     "@salutejs/plasma-core": "1.209.0",
-    "@salutejs/react-maskinput": "3.2.6",
+    "@salutejs/react-maskinput": "3.3.0",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
     "classnames": "2.5.1",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a74781a06298532ba0f199162d5956056f861afd"
+  "gitHead": "1c952e615d3589dafe5d2aa942c492f20512cc5f"
 }

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js CHANGED Viewed

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _utils = require("../../../utils");
+var _datejs = require("../../../utils/datejs");
 var _dateHelper = require("../utils/dateHelper");
 var _useDatePicker = require("../hooks/useDatePicker");
 var _DatePickertokens = require("../DatePicker.tokens");
@@ -486,18 +487,34 @@ var datePickerRangeRoot = function(Root) {
                 prevValue,
                 chosenDate
             ]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
-            handleFirstCalendarPick(first, dateInfo);
-            handleSecondCalendarPick(second, dateInfo);
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ _datejs.customDayjs.locale(lang);
+            var firstFormatted = first ? (0, _datejs.customDayjs)(first).format(format) : '';
+            var secondFormatted = second ? (0, _datejs.customDayjs)(second).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
+                handleFirstCalendarPick(first, dateInfo);
+            }
+            if (secondFormatted !== inputSecondValue) {
+                handleSecondCalendarPick(second, dateInfo);
+            }
             if (!firstValueError && !secondValueError && closeAfterDateSelect) {
                 handleToggle(false);
             }
         };
         var handleChangeCalendarValue = function(param, dateInfo) {
             var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
-            if (firstDate) {
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ _datejs.customDayjs.locale(lang);
+            var firstFormatted = firstDate ? (0, _datejs.customDayjs)(firstDate).format(format) : '';
+            var secondFormatted = secondDate ? (0, _datejs.customDayjs)(secondDate).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
                 handleFirstCalendarPick(firstDate, dateInfo);
             }
-            if (secondDate) {
+            if (secondFormatted !== inputSecondValue) {
                 handleSecondCalendarPick(secondDate, dateInfo);
             }
             if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {

package/styled-components/cjs/components/DateTimePicker/DateTimePicker.js CHANGED Viewed

@@ -305,11 +305,17 @@ var dateTimePickerRoot = function(Root) {
             onToggle: handleToggle
         }).onKeyDown;
         (0, _react.useEffect)(function() {
+            if (disabled || readOnly) {
+                setIsInnerOpen(false);
+                return;
+            }
             setIsInnerOpen(function(prevOpen) {
                 return prevOpen !== opened && opened;
             });
         }, [
-            opened
+            opened,
+            disabled,
+            readOnly
         ]);
         (0, _react.useLayoutEffect)(function() {
             if (!dateVisibleValue) {

package/styled-components/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js CHANGED Viewed

@@ -42,7 +42,7 @@ var mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
 var Cell = (0, _engines.component)(mergedCellConfig);
 var ShortcutsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutsWrapper",
-    componentId: "sc-e613e6ad-0"
+    componentId: "sc-235f7cb0-0"
 })([
     "order:",
     ";display:flex;flex-direction:",
@@ -65,17 +65,17 @@ var ShortcutsWrapper = _styledcomponents.default.div.withConfig({
 });
 var ShortcutList = _styledcomponents.default.ul.withConfig({
     displayName: "DateShortcutList.styles__ShortcutList",
-    componentId: "sc-e613e6ad-1"
+    componentId: "sc-235f7cb0-1"
 })([
     "width:",
-    ";margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
+    ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
 ], function(param) {
     var width = param.width;
     return width || 'fit-content';
 });
 var ShortcutItem = _styledcomponents.default.li.withConfig({
     displayName: "DateShortcutList.styles__ShortcutItem",
-    componentId: "sc-e613e6ad-2"
+    componentId: "sc-235f7cb0-2"
 })([
     "padding:var(",
     ");border-radius:var(",
@@ -95,7 +95,7 @@ var ShortcutItem = _styledcomponents.default.li.withConfig({
 }));
 var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
     displayName: "DateShortcutList.styles__StyledCell",
-    componentId: "sc-e613e6ad-3"
+    componentId: "sc-235f7cb0-3"
 })([
     "",
     ":var(",
@@ -113,13 +113,13 @@ var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
 ], _Cell.cellTokens.cellTitleColor, _DateTimePickertokens.tokens.shortcutColor, _Cell.cellTokens.cellPadding, _DateTimePickertokens.tokens.shortcutPadding, _Cell.cellTokens.cellPaddingContent, _DateTimePickertokens.tokens.shortcutPaddingContent, _Cell.cellTokens.cellPaddingLeftContent, _DateTimePickertokens.tokens.shortcutPaddingLeftContent, _Cell.cellTokens.cellPaddingRightContent, _DateTimePickertokens.tokens.shortcutPaddingRightContent, _Cell.cellTokens.cellGap, _DateTimePickertokens.tokens.shortcutGap);
 var ShortcutTitleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
-    componentId: "sc-e613e6ad-4"
+    componentId: "sc-235f7cb0-4"
 })([
     "display:grid;"
 ]);
 var ShortcutTitle = _styledcomponents.default.span.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitle",
-    componentId: "sc-e613e6ad-5"
+    componentId: "sc-235f7cb0-5"
 })([
     "font-family:var(",
     ");font-size:var(",

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

@@ -98,6 +98,7 @@ var tokens = {
     fontSize: '--plasma-tab-item-font-size',
     fontStyle: '--plasma-tab-item-font-style',
     fontWeight: '--plasma-tab-item-font-weight',
+    fontWeightSelected: '--plasma-tab-item-font-weight-selected',
     letterSpacing: '--plasma-tab-item-letter-spacing',
     lineHeight: '--plasma-tab-item-lineheight',
     valueFontFamily: '--plasma-tab-item-value-font-family',

package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js ADDED Viewed

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _ChipGroup = require("../../../components/ChipGroup");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-hover);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":auto;",
+                ":3rem;",
+                ":0 1rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":-0.125rem;",
+                ":0.625rem;",
+                ":-0.25rem;",
+                ":1.5rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":auto;",
+                ":2.5rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":auto;",
+                ":2rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":auto;",
+                ":1.5rem;",
+                ":0 0.625rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize)
+        },
+        gap: {
+            dense: (0, _styledcomponents.css)([
+                "",
+                ":0.125rem;"
+            ], _ChipGroup.chipGroupTokens.chipGroupItemsGap),
+            wide: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;"
+            ], _ChipGroup.chipGroupTokens.chipGroupItemsGap)
+        }
+    }
+};

package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED Viewed

@@ -126,7 +126,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0;"
@@ -144,7 +144,7 @@ var config = {
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-bold-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0.125rem;"
@@ -162,7 +162,7 @@ var config = {
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-bold-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0.25rem;"
@@ -180,7 +180,7 @@ var config = {
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.125rem;"

package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js CHANGED Viewed

@@ -59,7 +59,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0;"
@@ -78,7 +78,7 @@ var config = {
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-bold-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0.25rem;"
@@ -97,7 +97,7 @@ var config = {
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-bold-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0.125rem;"
@@ -116,7 +116,7 @@ var config = {
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.125rem;"

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js CHANGED Viewed

@@ -126,6 +126,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import cls from "classnames";
 import { noop } from "../../../utils";
+import { customDayjs } from "../../../utils/datejs";
 import { getDateFormatDelimiter } from "../utils/dateHelper";
 import { useDatePicker } from "../hooks/useDatePicker";
 import { classes } from "../DatePicker.tokens";
@@ -422,18 +423,34 @@ export var datePickerRangeRoot = function(Root) {
                 prevValue,
                 chosenDate
             ]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
-            handleFirstCalendarPick(first, dateInfo);
-            handleSecondCalendarPick(second, dateInfo);
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ customDayjs.locale(lang);
+            var firstFormatted = first ? customDayjs(first).format(format) : '';
+            var secondFormatted = second ? customDayjs(second).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
+                handleFirstCalendarPick(first, dateInfo);
+            }
+            if (secondFormatted !== inputSecondValue) {
+                handleSecondCalendarPick(second, dateInfo);
+            }
             if (!firstValueError && !secondValueError && closeAfterDateSelect) {
                 handleToggle(false);
             }
         };
         var handleChangeCalendarValue = function(param, dateInfo) {
             var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
-            if (firstDate) {
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ customDayjs.locale(lang);
+            var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
+            var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
                 handleFirstCalendarPick(firstDate, dateInfo);
             }
-            if (secondDate) {
+            if (secondFormatted !== inputSecondValue) {
                 handleSecondCalendarPick(secondDate, dateInfo);
             }
             if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {

package/styled-components/es/components/DateTimePicker/DateTimePicker.js CHANGED Viewed

@@ -241,11 +241,17 @@ export var dateTimePickerRoot = function(Root) {
             onToggle: handleToggle
         }).onKeyDown;
         useEffect(function() {
+            if (disabled || readOnly) {
+                setIsInnerOpen(false);
+                return;
+            }
             setIsInnerOpen(function(prevOpen) {
                 return prevOpen !== opened && opened;
             });
         }, [
-            opened
+            opened,
+            disabled,
+            readOnly
         ]);
         useLayoutEffect(function() {
             if (!dateVisibleValue) {

package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js CHANGED Viewed

@@ -7,7 +7,7 @@ var mergedCellConfig = mergeConfig(cellConfig);
 var Cell = component(mergedCellConfig);
 export var ShortcutsWrapper = styled.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutsWrapper",
-    componentId: "sc-e613e6ad-0"
+    componentId: "sc-235f7cb0-0"
 })([
     "order:",
     ";display:flex;flex-direction:",
@@ -30,17 +30,17 @@ export var ShortcutsWrapper = styled.div.withConfig({
 });
 export var ShortcutList = styled.ul.withConfig({
     displayName: "DateShortcutList.styles__ShortcutList",
-    componentId: "sc-e613e6ad-1"
+    componentId: "sc-235f7cb0-1"
 })([
     "width:",
-    ";margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
+    ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
 ], function(param) {
     var width = param.width;
     return width || 'fit-content';
 });
 export var ShortcutItem = styled.li.withConfig({
     displayName: "DateShortcutList.styles__ShortcutItem",
-    componentId: "sc-e613e6ad-2"
+    componentId: "sc-235f7cb0-2"
 })([
     "padding:var(",
     ");border-radius:var(",
@@ -60,7 +60,7 @@ export var ShortcutItem = styled.li.withConfig({
 }));
 export var StyledCell = styled(Cell).withConfig({
     displayName: "DateShortcutList.styles__StyledCell",
-    componentId: "sc-e613e6ad-3"
+    componentId: "sc-235f7cb0-3"
 })([
     "",
     ":var(",
@@ -78,13 +78,13 @@ export var StyledCell = styled(Cell).withConfig({
 ], cellTokens.cellTitleColor, tokens.shortcutColor, cellTokens.cellPadding, tokens.shortcutPadding, cellTokens.cellPaddingContent, tokens.shortcutPaddingContent, cellTokens.cellPaddingLeftContent, tokens.shortcutPaddingLeftContent, cellTokens.cellPaddingRightContent, tokens.shortcutPaddingRightContent, cellTokens.cellGap, tokens.shortcutGap);
 export var ShortcutTitleWrapper = styled.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
-    componentId: "sc-e613e6ad-4"
+    componentId: "sc-235f7cb0-4"
 })([
     "display:grid;"
 ]);
 export var ShortcutTitle = styled.span.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitle",
-    componentId: "sc-e613e6ad-5"
+    componentId: "sc-235f7cb0-5"
 })([
     "font-family:var(",
     ");font-size:var(",

package/styled-components/es/components/Tabs/tokens.js CHANGED Viewed

@@ -80,6 +80,7 @@ export var tokens = {
     fontSize: '--plasma-tab-item-font-size',
     fontStyle: '--plasma-tab-item-font-style',
     fontWeight: '--plasma-tab-item-font-weight',
+    fontWeightSelected: '--plasma-tab-item-font-weight-selected',
     letterSpacing: '--plasma-tab-item-letter-spacing',
     lineHeight: '--plasma-tab-item-lineheight',
     valueFontFamily: '--plasma-tab-item-value-font-family',