npm - @salutejs/plasma-web - Versions diffs - 1.635.0-next-sbcom.0 → 1.635.1-dev.0 - Mend

@salutejs/plasma-web 1.635.0-next-sbcom.0 → 1.635.1-dev.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 (159) hide show

package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.config.js CHANGED Viewed

@@ -64,8 +64,8 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -117,8 +117,8 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -170,8 +170,8 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -223,8 +223,8 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
                 ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
                 ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -303,8 +303,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -375,8 +376,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -447,8 +449,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -519,8 +522,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -591,8 +595,9 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 100%;
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbSize}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.063rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;

package/dist/styled-components/es/components/Accordion/Accordion.js CHANGED Viewed

@@ -1,7 +1,8 @@
-import { accordionConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { accordionConfig, component, mergeConfig, AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Accordion.config';
 const mergedConfig = mergeConfig(accordionConfig, config);
 const AccordionComponent = component(mergedConfig);
 /**
  * Accordion
  */ export const Accordion = AccordionComponent;
+export { AccordionItem };

package/dist/styled-components/es/components/Accordion/index.js CHANGED Viewed

@@ -1,2 +1 @@
-export { AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
-export { Accordion } from './Accordion';
+export { Accordion, AccordionItem } from './Accordion';

package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED Viewed

@@ -230,7 +230,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -306,7 +306,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -382,7 +382,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -458,7 +458,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Calendar/Calendar.config.js CHANGED Viewed

@@ -95,7 +95,6 @@ export const config = {
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -165,7 +164,6 @@ export const config = {
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -235,7 +233,6 @@ export const config = {
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -305,7 +302,6 @@ export const config = {
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -375,7 +371,6 @@ export const config = {
                 ${calendarBaseTokens.calendarHeaderArrowGap}: 0;
                 ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${calendarBaseTokens.calendarHeaderArrowSize}: 1rem;
                 ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js CHANGED Viewed

@@ -96,7 +96,6 @@ export const config = {
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -166,7 +165,6 @@ export const config = {
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -236,7 +234,6 @@ export const config = {
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -306,7 +303,6 @@ export const config = {
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;
@@ -376,7 +372,6 @@ export const config = {
                 ${calendarDoubleTokens.calendarHeaderArrowGap}: 0;
                 ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1rem;
-                ${calendarDoubleTokens.calendarHeaderArrowSize}: 1rem;
                 ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${calendarDoubleTokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Combobox/Combobox.config.js CHANGED Viewed

@@ -276,7 +276,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -398,7 +398,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -520,7 +520,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -642,7 +642,7 @@ export const config = {
                 ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED Viewed

@@ -259,7 +259,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0.5rem;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -432,7 +431,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0.5rem;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -605,7 +603,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -778,7 +775,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -951,7 +947,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1rem;
-                ${tokens.calendarHeaderArrowSize}: 1rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

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

@@ -227,7 +227,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -396,7 +395,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0.5rem;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 1rem;
                 ${tokens.calendarHeaderDateGap}: 0.5rem;
@@ -565,7 +563,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -734,7 +731,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
-                ${tokens.calendarHeaderArrowSize}: 1.5rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -903,7 +899,6 @@ export const config = {
                 ${tokens.calendarHeaderWrapperPadding}: 0;
                 ${tokens.calendarHeaderArrowGap}: 0;
                 ${tokens.calendarHeaderArrowCustomSize}: 1rem;
-                ${tokens.calendarHeaderArrowSize}: 1rem;
                 ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
                 ${tokens.calendarHeaderDateGap}: 0.25rem;

package/dist/styled-components/es/components/Notification/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';

package/dist/styled-components/es/components/Select/Select.config.js CHANGED Viewed

@@ -409,7 +409,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -535,7 +535,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -661,7 +661,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -787,7 +787,7 @@ export const config = {
                 ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
                 ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
-                ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Slider/Slider.config.js CHANGED Viewed

@@ -251,8 +251,7 @@ export const config = {
         },
         pointerSize: {
             small: css`
-                ${sliderTokens.thumbSize}: 1rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -260,8 +259,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             large: css`
-                ${sliderTokens.thumbSize}: 1.25rem;
-                ${sliderTokens.thumbBorderStyle}: solid;
+                ${sliderTokens.thumbWidth}: 1.25rem;
                 ${sliderTokens.thumbBorderWidth}: 0.0625rem;
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
@@ -269,7 +267,7 @@ export const config = {
                 ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
             `,
             none: css`
-                ${sliderTokens.thumbSize}: 0rem;
+                ${sliderTokens.thumbWidth}: 0rem;
                 ${sliderTokens.tickSeparatorWidth}: 0.25rem;
                 ${sliderTokens.tickSeparatorHeight}: 0.5rem;

package/dist/styled-components/es/components/TextField/TextField.clear.config.js CHANGED Viewed

@@ -181,7 +181,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -273,7 +273,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -357,7 +357,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -441,7 +441,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -525,7 +525,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/TextField/TextField.config.js CHANGED Viewed

@@ -170,7 +170,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -263,7 +263,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -348,7 +348,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -433,7 +433,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -518,7 +518,7 @@ export const config = {
                 ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js CHANGED Viewed

@@ -35,7 +35,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -91,7 +91,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -147,7 +147,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -203,7 +203,7 @@ export const config = {
                 ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
                 ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);