@salutejs/plasma-new-hope 0.176.0-canary.1511.11555353496.0 → 0.176.0-canary.1513.11556365294.0

package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };

package/emotion/es/index.js

@@ -61,5 +61,4 @@ export * from './components/EmptyState';
 export * from './components/Editable';
 export * from './components/Mask';
 export * from './components/Attach';
-export * from './components/ViewContainer';
-export * from './components/NumberInput';
+export * from './components/ViewContainer';

package/es/index.css

@@ -804,26 +804,3 @@
 .IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
 
 .ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
-
-.Input_styles_fhgb95_i1s8bsh6__3bed5c8f{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.Input_styles_fhgb95_i1s8bsh6__3bed5c8f::-webkit-scrollbar{display:none;}
-.Input_styles_fhgb95_t6wb9c__3bed5c8f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
-
-
-
-.Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
-.Input_styles_fhgb95_i1tgbhg7__3bed5c8f{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
-.Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
-
-.NumberInput_styles_jeawjl_bwds6g__9a871afb{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;}
-
-.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color);--plasma-icon-button-background-color:var(--plasma-number-input_icon-button_background-color);--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-hover);--plasma-icon-button-background-color-hover:var(--plasma-number-input_icon-button_background-color-hover);--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-active);--plasma-icon-button-background-color-active:var(--plasma-number-input_icon-button_background-color-active);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:active,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);-webkit-animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_error-color);-webkit-animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017:focus-within{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);}@-webkit-keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@-webkit-keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}@keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_s1ft73sv__00c46017{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_az36kha__00c46017{color:var(--plasma-number-input_additional-text_color);}
-
-.base_yqdmk4_b13wjeky__9b206d94{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_sj0ab1b__9b206d94{--plasma-icon-button-height:var(--plasma-number-input_icon-button_height);--plasma-icon-button-width:var(--plasma-number-input_icon-button_width);--plasma-icon-button-padding:var(--plasma-number-input_icon-button_padding);--plasma-icon-button-font-family:var(--plasma-number-input_icon-button_font-family);--plasma-icon-button-font-size:var(--plasma-number-input_icon-button_font-size);--plasma-icon-button-font-style:var(--plasma-number-input_icon-button_font-style);--plasma-icon-button-font-weight:var(--plasma-number-input_icon-button_font-weight);--plasma-icon-button-letter-spacing:var(--plasma-number-input_icon-button_letter-spacing);--plasma-icon-button-line-height:var(--plasma-number-input_icon-button_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1s8bsh6__9b206d94{margin:var(--plasma-number-input_input-wrapper_margin);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_t6wb9c__9b206d94{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_d1n4jo6t__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1tgbhg7__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94{font-family:var(--plasma-number-input_font-family);font-size:var(--plasma-number-input_font-size);font-style:var(--plasma-number-input_font-style);font-weight:var(--plasma-number-input_font-weight);-webkit-letter-spacing:var(--plasma-number-input_letter-spacing);-moz-letter-spacing:var(--plasma-number-input_letter-spacing);-ms-letter-spacing:var(--plasma-number-input_letter-spacing);letter-spacing:var(--plasma-number-input_letter-spacing);line-height:var(--plasma-number-input_line-height);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textBefore__9b206d94{margin-right:var(--plasma-number-input_text-before_margin-right);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textAfter__9b206d94{margin-left:var(--plasma-number-input_text-after_margin-left);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_s1ft73sv__9b206d94{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}
-
-.base_k05biw_b1l31q8y__7da7a6d0 .base_k05biw_sj0ab1b__7da7a6d0{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}
-
-.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c{background-color:var(--plasma-number-input_background-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color);}.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c.base_dx9knv_manualInputNumberInput__1d74109c:hover{background-color:var(--plasma-number-input_background-color-hover);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-hover);}
-
-.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrement__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrement__b0f7c19c{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{position:relative;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{position:relative;color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c:not(error-animation).base_1mg9wqg_manualInputNumberInput__b0f7c19c:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active{background-color:transparent;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c{opacity:1;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_s1ft73sv__b0f7c19c{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c:not(.base_1mg9wqg_errorAnimation__b0f7c19c){color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_az36kha__b0f7c19c{color:var(--plasma-number-input_additional-text_color-solid);}
-
-.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}

package/es/index.js

@@ -203,6 +203,4 @@ 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 { viewContainerConfig, viewContainerRoot } from './components/ViewContainer/ViewContainer.js';
-export { numberInputConfig, numberInputRoot } from './components/NumberInput/NumberInput.js';
-export { classes as numberInputClasses, tokens as numberInputTokens } from './components/NumberInput/NumberInput.tokens.js';
 //# 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.176.0-canary.1511.11555353496.0",
+  "version": "0.176.0-canary.1513.11556365294.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9fb1511eed38fba88270160cae2b65d2a0b27cd6"
+  "gitHead": "535a01c8885a93b8b783ce140037b80c04166642"
 }

package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx

@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 type StoryTextAreaPropsCustom = {
+    hasHint?: boolean;
     enableContentRight?: boolean;
 };
 
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
     args: {
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };

package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx

@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 type StoryTextAreaPropsCustom = {
+    hasHint?: boolean;
     enableContentRight?: boolean;
 };
 
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
     args: {
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',

package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };

package/styled-components/cjs/index.js

@@ -684,15 +684,4 @@ Object.keys(_ViewContainer).forEach(function (key) {
       return _ViewContainer[key];
     }
   });
-});
-var _NumberInput = /*#__PURE__*/require("./components/NumberInput");
-Object.keys(_NumberInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NumberInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NumberInput[key];
-    }
-  });
 });

package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx

@@ -37,6 +37,7 @@ const placements: Array<PopoverPlacement> = [
 ];
 
 type StoryTextAreaPropsCustom = {
+    hasHint?: boolean;
     enableContentRight?: boolean;
 };
 
@@ -92,43 +93,44 @@ const meta: Meta<StoryTextAreaProps> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
     args: {
@@ -152,6 +154,7 @@ const meta: Meta<StoryTextAreaProps> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',

package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -95,43 +95,44 @@ const meta: Meta<typeof TextField> = {
         },
         hintText: {
             control: { type: 'text' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintView: {
             options: hintViews,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintSize: {
             options: hintSizes,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintTrigger: {
             options: hintTriggers,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintPlacement: {
             options: placements,
             control: {
                 type: 'select',
             },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
             mappers: placements,
         },
         hintHasArrow: {
             control: { type: 'boolean' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
         hintWidth: {
             control: { type: 'text' },
-            if: { arg: 'hintText', neq: '' },
+            if: { arg: 'hasHint', thruthy: true },
         },
     },
 };
@@ -158,6 +159,7 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -222,6 +224,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         requiredPlacement: 'right',
         clear: false,
         hasDivider: false,
+        hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
         hintView: 'default',
@@ -251,6 +254,7 @@ type StoryPropsChips = Omit<
     | 'minLength'
     | 'enumerationType'
 > & {
+    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };