@salutejs/sdds-finportal 0.161.0-canary.1511.11742976604.0 → 0.161.0-canary.1539.11742294440.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/api/sdds-finportal.api.md +6 -89
  2. package/components/Switch/Switch.config.d.ts +7 -0
  3. package/components/Switch/Switch.config.js +12 -5
  4. package/components/Switch/Switch.d.ts +12 -0
  5. package/es/components/Switch/Switch.config.js +12 -5
  6. package/es/index.js +0 -1
  7. package/index.d.ts +0 -1
  8. package/index.js +0 -11
  9. package/package.json +3 -3
  10. package/temp/sdds-finportal.api.md +6 -89
  11. package/components/NumberInput/NumberInput.config.d.ts +0 -38
  12. package/components/NumberInput/NumberInput.config.js +0 -47
  13. package/components/NumberInput/NumberInput.d.ts +0 -81
  14. package/components/NumberInput/NumberInput.js +0 -10
  15. package/components/NumberInput/index.d.ts +0 -2
  16. package/components/NumberInput/index.js +0 -25
  17. package/es/components/NumberInput/NumberInput.config.js +0 -41
  18. package/es/components/NumberInput/NumberInput.js +0 -4
  19. package/es/components/NumberInput/index.js +0 -2
package/api/sdds-finportal.api.md CHANGED
@@ -136,8 +136,6 @@ import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-comp
136
136
  import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
137
137
  import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
138
138
  import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
139
- import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
140
- import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
141
139
  import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
142
140
  import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
143
141
  import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -196,7 +194,6 @@ import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
196
194
  import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
197
195
  import { StyledComponent } from 'styled-components';
198
196
  import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
199
- import { SyntheticEvent } from 'react';
200
197
  import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
201
198
  import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
202
199
  import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -3175,92 +3172,6 @@ export const NotificationsProvider: React_2.FC<{
3175
3172
  placement?: NotificationPlacement;
3176
3173
  }>;
3177
3174
 
3178
- // @public (undocumented)
3179
- export const NumberInput: FunctionComponent<PropsType< {
3180
- view: {
3181
- default: PolymorphicClassName;
3182
- secondary: PolymorphicClassName;
3183
- accent: PolymorphicClassName;
3184
- clear: PolymorphicClassName;
3185
- };
3186
- size: {
3187
- l: PolymorphicClassName;
3188
- m: PolymorphicClassName;
3189
- s: PolymorphicClassName;
3190
- xs: PolymorphicClassName;
3191
- };
3192
- shape: {
3193
- cornered: PolymorphicClassName;
3194
- pilled: PolymorphicClassName;
3195
- };
3196
- inputBackgroundType: {
3197
- fill: PolymorphicClassName;
3198
- clear: PolymorphicClassName;
3199
- };
3200
- segmentation: {
3201
- default: PolymorphicClassName;
3202
- segmented: PolymorphicClassName;
3203
- solid: PolymorphicClassName;
3204
- };
3205
- disabled: {
3206
- true: PolymorphicClassName;
3207
- };
3208
- }> & (({
3209
- value?: number | undefined;
3210
- min?: number | undefined;
3211
- max?: number | undefined;
3212
- step?: number | undefined;
3213
- isLoading?: boolean | undefined;
3214
- loader?: ReactNode;
3215
- size?: string | undefined;
3216
- view?: string | undefined;
3217
- clear?: boolean | undefined;
3218
- shape?: string | undefined;
3219
- disabled?: boolean | undefined;
3220
- textBefore?: string | undefined;
3221
- textAfter?: string | undefined;
3222
- customIncrementButton?: ReactNode;
3223
- incrementIcon?: ReactNode;
3224
- customDecrementButton?: ReactNode;
3225
- decrementIcon?: ReactNode;
3226
- isManualInput?: boolean | undefined;
3227
- onChange?: ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
3228
- onIncrement?: ((value: number) => void) | undefined;
3229
- onDecrement?: ((value: number) => void) | undefined;
3230
- } & {
3231
- segmentation?: "clear" | undefined;
3232
- inputBackgroundType?: undefined;
3233
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>) | ({
3234
- value?: number | undefined;
3235
- min?: number | undefined;
3236
- max?: number | undefined;
3237
- step?: number | undefined;
3238
- isLoading?: boolean | undefined;
3239
- loader?: ReactNode;
3240
- size?: string | undefined;
3241
- view?: string | undefined;
3242
- clear?: boolean | undefined;
3243
- shape?: string | undefined;
3244
- disabled?: boolean | undefined;
3245
- textBefore?: string | undefined;
3246
- textAfter?: string | undefined;
3247
- customIncrementButton?: ReactNode;
3248
- incrementIcon?: ReactNode;
3249
- customDecrementButton?: ReactNode;
3250
- decrementIcon?: ReactNode;
3251
- isManualInput?: boolean | undefined;
3252
- onChange?: ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
3253
- onIncrement?: ((value: number) => void) | undefined;
3254
- onDecrement?: ((value: number) => void) | undefined;
3255
- } & {
3256
- segmentation?: string | undefined;
3257
- inputBackgroundType?: string | undefined;
3258
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>))>;
3259
-
3260
- export { numberInputClasses }
3261
-
3262
- export { numberInputTokens }
3263
-
3264
3175
  export { Overlay }
3265
3176
 
3266
3177
  export { OverlayProps }
@@ -3986,7 +3897,13 @@ xs: PolymorphicClassName;
3986
3897
  // @public (undocumented)
3987
3898
  export const Switch: FunctionComponent<PropsType< {
3988
3899
  size: {
3900
+ s: PolymorphicClassName;
3989
3901
  m: PolymorphicClassName;
3902
+ l: PolymorphicClassName;
3903
+ };
3904
+ toggleSize: {
3905
+ l: PolymorphicClassName;
3906
+ s: PolymorphicClassName;
3990
3907
  };
3991
3908
  view: {
3992
3909
  default: PolymorphicClassName;
package/components/Switch/Switch.config.d.ts CHANGED
@@ -2,12 +2,19 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ toggleSize: string;
5
6
  labelPosition: string;
6
7
  focused: string;
7
8
  };
8
9
  variations: {
9
10
  size: {
11
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
12
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ };
15
+ toggleSize: {
16
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
18
  };
12
19
  view: {
13
20
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Switch/Switch.config.js CHANGED
@@ -5,27 +5,34 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
12
12
  view: 'default',
13
13
  size: 'm',
14
+ toggleSize: 'l',
14
15
  labelPosition: 'before',
15
16
  focused: 'true'
16
17
  },
17
18
  variations: {
18
19
  size: {
19
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
20
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset),
21
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset),
22
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset)
23
+ },
24
+ toggleSize: {
25
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale),
26
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 1.25rem;\n ", ": calc(var(", ") / 2);\n ", ": 1rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale)
20
27
  },
21
28
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
29
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
23
30
  },
24
31
  disabled: {
25
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.switchTokens.disabledOpacity)
32
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.switchTokens.disabledOpacity)
26
33
  },
27
34
  focused: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), _styledComponents.switchTokens.trackFocusColor)
35
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), _styledComponents.switchTokens.trackFocusColor)
29
36
  }
30
37
  }
31
38
  };
package/components/Switch/Switch.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  import { ComponentProps } from 'react';
2
2
  declare const SwitchComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
3
  size: {
4
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
4
5
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ };
8
+ toggleSize: {
9
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
11
  };
6
12
  view: {
7
13
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -15,7 +21,13 @@ declare const SwitchComponent: import("react").FunctionComponent<import("@salute
15
21
  }> & import("@salutejs/plasma-new-hope/styled-components").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
16
22
  export declare const Switch: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
17
23
  size: {
24
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
25
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
+ };
28
+ toggleSize: {
29
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
31
  };
20
32
  view: {
21
33
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/es/components/Switch/Switch.config.js CHANGED
@@ -1,25 +1,32 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, switchTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
6
  view: 'default',
7
7
  size: 'm',
8
+ toggleSize: 'l',
8
9
  labelPosition: 'before',
9
10
  focused: 'true'
10
11
  },
11
12
  variations: {
12
13
  size: {
13
- m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
14
+ s: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
15
+ m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
16
+ l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": 0.25rem;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
17
+ },
18
+ toggleSize: {
19
+ l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
20
+ s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 1.25rem;\n ", ": calc(var(", ") / 2);\n ", ": 1rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
14
21
  },
15
22
  view: {
16
- "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
23
+ "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
17
24
  },
18
25
  disabled: {
19
- "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
26
+ "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
20
27
  },
21
28
  focused: {
22
- "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), switchTokens.trackFocusColor)
29
+ "true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), switchTokens.trackFocusColor)
23
30
  }
24
31
  }
25
32
  };
package/es/index.js CHANGED
@@ -55,6 +55,5 @@ export * from './components/Autocomplete';
55
55
  export * from './components/EmptyState';
56
56
  export * from './components/Attach';
57
57
  export * from './components/ViewContainer';
58
- export * from './components/NumberInput';
59
58
  export * from './mixins';
60
59
  export * from './tokens';
package/index.d.ts CHANGED
@@ -55,6 +55,5 @@ export * from './components/Autocomplete';
55
55
  export * from './components/EmptyState';
56
56
  export * from './components/Attach';
57
57
  export * from './components/ViewContainer';
58
- export * from './components/NumberInput';
59
58
  export * from './mixins';
60
59
  export * from './tokens';
package/index.js CHANGED
@@ -630,17 +630,6 @@ Object.keys(_ViewContainer).forEach(function (key) {
630
630
  }
631
631
  });
632
632
  });
633
- var _NumberInput = /*#__PURE__*/require("./components/NumberInput");
634
- Object.keys(_NumberInput).forEach(function (key) {
635
- if (key === "default" || key === "__esModule") return;
636
- if (key in exports && exports[key] === _NumberInput[key]) return;
637
- Object.defineProperty(exports, key, {
638
- enumerable: true,
639
- get: function get() {
640
- return _NumberInput[key];
641
- }
642
- });
643
- });
644
633
  var _mixins = /*#__PURE__*/require("./mixins");
645
634
  Object.keys(_mixins).forEach(function (key) {
646
635
  if (key === "default" || key === "__esModule") return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.161.0-canary.1511.11742976604.0",
3
+ "version": "0.161.0-canary.1539.11742294440.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-finportal"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.187.0-canary.1511.11742976604.0",
22
+ "@salutejs/plasma-new-hope": "0.187.0-canary.1539.11742294440.0",
23
23
  "@salutejs/sdds-themes": "0.27.0-dev.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Vasiliy Loginevskiy"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "31584d52925cf4188d57efc78d5735058a9a8bf1"
97
+ "gitHead": "279b967f00afe106f5c7ccc4ac5c6bfd74b0e75e"
98
98
  }
package/temp/sdds-finportal.api.md CHANGED
@@ -136,8 +136,6 @@ import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-comp
136
136
  import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
137
137
  import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
138
138
  import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
139
- import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
140
- import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
141
139
  import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
142
140
  import { Overlay } from '@salutejs/plasma-new-hope/styled-components';
143
141
  import { OverlayProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -196,7 +194,6 @@ import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
196
194
  import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
197
195
  import { StyledComponent } from 'styled-components';
198
196
  import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
199
- import { SyntheticEvent } from 'react';
200
197
  import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
201
198
  import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
202
199
  import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -3175,92 +3172,6 @@ export const NotificationsProvider: React_2.FC<{
3175
3172
  placement?: NotificationPlacement;
3176
3173
  }>;
3177
3174
 
3178
- // @public (undocumented)
3179
- export const NumberInput: FunctionComponent<PropsType< {
3180
- view: {
3181
- default: PolymorphicClassName;
3182
- secondary: PolymorphicClassName;
3183
- accent: PolymorphicClassName;
3184
- clear: PolymorphicClassName;
3185
- };
3186
- size: {
3187
- l: PolymorphicClassName;
3188
- m: PolymorphicClassName;
3189
- s: PolymorphicClassName;
3190
- xs: PolymorphicClassName;
3191
- };
3192
- shape: {
3193
- cornered: PolymorphicClassName;
3194
- pilled: PolymorphicClassName;
3195
- };
3196
- inputBackgroundType: {
3197
- fill: PolymorphicClassName;
3198
- clear: PolymorphicClassName;
3199
- };
3200
- segmentation: {
3201
- default: PolymorphicClassName;
3202
- segmented: PolymorphicClassName;
3203
- solid: PolymorphicClassName;
3204
- };
3205
- disabled: {
3206
- true: PolymorphicClassName;
3207
- };
3208
- }> & (({
3209
- value?: number | undefined;
3210
- min?: number | undefined;
3211
- max?: number | undefined;
3212
- step?: number | undefined;
3213
- isLoading?: boolean | undefined;
3214
- loader?: ReactNode;
3215
- size?: string | undefined;
3216
- view?: string | undefined;
3217
- clear?: boolean | undefined;
3218
- shape?: string | undefined;
3219
- disabled?: boolean | undefined;
3220
- textBefore?: string | undefined;
3221
- textAfter?: string | undefined;
3222
- customIncrementButton?: ReactNode;
3223
- incrementIcon?: ReactNode;
3224
- customDecrementButton?: ReactNode;
3225
- decrementIcon?: ReactNode;
3226
- isManualInput?: boolean | undefined;
3227
- onChange?: ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
3228
- onIncrement?: ((value: number) => void) | undefined;
3229
- onDecrement?: ((value: number) => void) | undefined;
3230
- } & {
3231
- segmentation?: "clear" | undefined;
3232
- inputBackgroundType?: undefined;
3233
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>) | ({
3234
- value?: number | undefined;
3235
- min?: number | undefined;
3236
- max?: number | undefined;
3237
- step?: number | undefined;
3238
- isLoading?: boolean | undefined;
3239
- loader?: ReactNode;
3240
- size?: string | undefined;
3241
- view?: string | undefined;
3242
- clear?: boolean | undefined;
3243
- shape?: string | undefined;
3244
- disabled?: boolean | undefined;
3245
- textBefore?: string | undefined;
3246
- textAfter?: string | undefined;
3247
- customIncrementButton?: ReactNode;
3248
- incrementIcon?: ReactNode;
3249
- customDecrementButton?: ReactNode;
3250
- decrementIcon?: ReactNode;
3251
- isManualInput?: boolean | undefined;
3252
- onChange?: ((event: SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
3253
- onIncrement?: ((value: number) => void) | undefined;
3254
- onDecrement?: ((value: number) => void) | undefined;
3255
- } & {
3256
- segmentation?: string | undefined;
3257
- inputBackgroundType?: string | undefined;
3258
- } & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>))>;
3259
-
3260
- export { numberInputClasses }
3261
-
3262
- export { numberInputTokens }
3263
-
3264
3175
  export { Overlay }
3265
3176
 
3266
3177
  export { OverlayProps }
@@ -3986,7 +3897,13 @@ xs: PolymorphicClassName;
3986
3897
  // @public (undocumented)
3987
3898
  export const Switch: FunctionComponent<PropsType< {
3988
3899
  size: {
3900
+ s: PolymorphicClassName;
3989
3901
  m: PolymorphicClassName;
3902
+ l: PolymorphicClassName;
3903
+ };
3904
+ toggleSize: {
3905
+ l: PolymorphicClassName;
3906
+ s: PolymorphicClassName;
3990
3907
  };
3991
3908
  view: {
3992
3909
  default: PolymorphicClassName;
package/components/NumberInput/NumberInput.config.d.ts DELETED
@@ -1,38 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- shape: string;
6
- inputBackgroundType: string;
7
- };
8
- variations: {
9
- view: {
10
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- };
15
- size: {
16
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- shape: {
22
- cornered: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- pilled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
- };
25
- inputBackgroundType: {
26
- fill: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
- };
29
- segmentation: {
30
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
31
- segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
32
- solid: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
33
- };
34
- disabled: {
35
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
36
- };
37
- };
38
- };
package/components/NumberInput/NumberInput.config.js DELETED
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'default',
13
- size: 'l',
14
- shape: 'cornered',
15
- inputBackgroundType: 'fill'
16
- },
17
- variations: {
18
- view: {
19
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--inverse-surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
20
- secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
21
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--on-dark-text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-surface-transparent-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--surface-accent-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.caretColorSolid, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
22
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-primary-active);\n ", ": transparent;\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.caretColorSolid, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid)
23
- },
24
- size: {
25
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 11.75rem;\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.875rem;\n ", ": 0.375rem;\n\n ", ": 0 0.125rem;\n ", ": 0.875rem;\n ", ": 3.5rem;\n ", ": 1.063rem 1.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
26
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 10.25rem;\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.75rem;\n ", ": 0.25rem;\n\n ", ": 0 0.125rem;\n ", ": 0.75rem;\n ", ": 3rem;\n ", ": 0.875rem 1rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
27
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 8.75rem;\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.625rem;\n ", ": 0.25rem;\n\n ", ": 0 0.125rem;\n ", ": 0.625rem;\n ", ": 2.5rem;\n ", ": 0.688rem 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
28
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 6.875rem;\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 0 0.125rem;\n ", ": 0.5rem;\n ", ": 2rem;\n ", ": 0.563rem 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1rem;\n "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize)
29
- },
30
- shape: {
31
- cornered: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
32
- pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 50%;\n "])), _styledComponents.numberInputTokens.iconButtonRadius)
33
- },
34
- inputBackgroundType: {
35
- fill: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary);\n "])), _styledComponents.numberInputTokens.backgroundColor, _styledComponents.numberInputTokens.backgroundColorHover),
36
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": transparent;\n "])), _styledComponents.numberInputTokens.backgroundColor, _styledComponents.numberInputTokens.backgroundColorHover)
37
- },
38
- segmentation: {
39
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
40
- segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
41
- solid: /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n "])), _styledComponents.numberInputTokens.iconButtonSegmentationRadius)
42
- },
43
- disabled: {
44
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.numberInputTokens.disabledOpacity)
45
- }
46
- }
47
- };
package/components/NumberInput/NumberInput.d.ts DELETED
@@ -1,81 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const NumberInput: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
3
- view: {
4
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
- secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
- accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
- };
9
- size: {
10
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
- };
15
- shape: {
16
- cornered: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
- pilled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
- };
19
- inputBackgroundType: {
20
- fill: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
- };
23
- segmentation: {
24
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
- segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
- solid: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- };
28
- disabled: {
29
- true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
- };
31
- }> & (({
32
- value?: number | undefined;
33
- min?: number | undefined;
34
- max?: number | undefined;
35
- step?: number | undefined;
36
- isLoading?: boolean | undefined;
37
- loader?: import("react").ReactNode;
38
- size?: string | undefined;
39
- view?: string | undefined;
40
- clear?: boolean | undefined;
41
- shape?: string | undefined;
42
- disabled?: boolean | undefined;
43
- textBefore?: string | undefined;
44
- textAfter?: string | undefined;
45
- customIncrementButton?: import("react").ReactNode;
46
- incrementIcon?: import("react").ReactNode;
47
- customDecrementButton?: import("react").ReactNode;
48
- decrementIcon?: import("react").ReactNode;
49
- isManualInput?: boolean | undefined;
50
- onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
51
- onIncrement?: ((value: number) => void) | undefined;
52
- onDecrement?: ((value: number) => void) | undefined;
53
- } & {
54
- segmentation?: "clear" | undefined;
55
- inputBackgroundType?: undefined;
56
- } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
57
- value?: number | undefined;
58
- min?: number | undefined;
59
- max?: number | undefined;
60
- step?: number | undefined;
61
- isLoading?: boolean | undefined;
62
- loader?: import("react").ReactNode;
63
- size?: string | undefined;
64
- view?: string | undefined;
65
- clear?: boolean | undefined;
66
- shape?: string | undefined;
67
- disabled?: boolean | undefined;
68
- textBefore?: string | undefined;
69
- textAfter?: string | undefined;
70
- customIncrementButton?: import("react").ReactNode;
71
- incrementIcon?: import("react").ReactNode;
72
- customDecrementButton?: import("react").ReactNode;
73
- decrementIcon?: import("react").ReactNode;
74
- isManualInput?: boolean | undefined;
75
- onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
76
- onIncrement?: ((value: number) => void) | undefined;
77
- onDecrement?: ((value: number) => void) | undefined;
78
- } & {
79
- segmentation?: string | undefined;
80
- inputBackgroundType?: string | undefined;
81
- } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
package/components/NumberInput/NumberInput.js DELETED
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NumberInput = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _NumberInput = /*#__PURE__*/require("./NumberInput.config");
9
- var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.numberInputConfig, _NumberInput.config);
10
- var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
package/components/NumberInput/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { NumberInput } from './NumberInput';
2
- export { numberInputTokens, numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
package/components/NumberInput/index.js DELETED
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "NumberInput", {
7
- enumerable: true,
8
- get: function get() {
9
- return _NumberInput.NumberInput;
10
- }
11
- });
12
- Object.defineProperty(exports, "numberInputClasses", {
13
- enumerable: true,
14
- get: function get() {
15
- return _styledComponents.numberInputClasses;
16
- }
17
- });
18
- Object.defineProperty(exports, "numberInputTokens", {
19
- enumerable: true,
20
- get: function get() {
21
- return _styledComponents.numberInputTokens;
22
- }
23
- });
24
- var _NumberInput = /*#__PURE__*/require("./NumberInput");
25
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
package/es/components/NumberInput/NumberInput.config.js DELETED
@@ -1,41 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 'l',
8
- shape: 'cornered',
9
- inputBackgroundType: 'fill'
10
- },
11
- variations: {
12
- view: {
13
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--inverse-surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), tokens.caretColor, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
14
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), tokens.caretColor, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
15
- accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--on-dark-text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-surface-transparent-secondary);\n ", ": var(--surface-accent);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--surface-accent-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonColorSolidHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonColorSolidActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid),
16
- clear: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n ", ": var(--surface-transparent-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-primary-active);\n ", ": transparent;\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), tokens.caretColor, tokens.caretColorSolid, tokens.errorColor, tokens.backgroundErrorColor, tokens.color, tokens.colorSolid, tokens.iconButtonColorSolidHover, tokens.additionalTextColor, tokens.additionalTextColorSolid, tokens.backgroundColorFocus, tokens.backgroundColorSolidFocus, tokens.backgroundColorSolid, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
17
- },
18
- size: {
19
- l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 11.75rem;\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.875rem;\n ", ": 0.375rem;\n\n ", ": 0 0.125rem;\n ", ": 0.875rem;\n ", ": 3.5rem;\n ", ": 1.063rem 1.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
20
- m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 10.25rem;\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.75rem;\n ", ": 0.25rem;\n\n ", ": 0 0.125rem;\n ", ": 0.75rem;\n ", ": 3rem;\n ", ": 0.875rem 1rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
21
- s: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 8.75rem;\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.625rem;\n ", ": 0.25rem;\n\n ", ": 0 0.125rem;\n ", ": 0.625rem;\n ", ": 2.5rem;\n ", ": 0.688rem 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize),
22
- xs: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 6.875rem;\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 0 0.125rem;\n ", ": 0.5rem;\n ", ": 2rem;\n ", ": 0.563rem 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1rem;\n "])), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
23
- },
24
- shape: {
25
- cornered: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
26
- pilled: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 50%;\n "])), tokens.iconButtonRadius)
27
- },
28
- inputBackgroundType: {
29
- fill: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-primary);\n "])), tokens.backgroundColor, tokens.backgroundColorHover),
30
- clear: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": transparent;\n "])), tokens.backgroundColor, tokens.backgroundColorHover)
31
- },
32
- segmentation: {
33
- "default": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
34
- segmented: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
35
- solid: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n "])), tokens.iconButtonSegmentationRadius)
36
- },
37
- disabled: {
38
- "true": /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.disabledOpacity)
39
- }
40
- }
41
- };
package/es/components/NumberInput/NumberInput.js DELETED
@@ -1,4 +0,0 @@
1
- import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
- import { config } from './NumberInput.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(numberInputConfig, config);
4
- export var NumberInput = /*#__PURE__*/component(mergedConfig);
package/es/components/NumberInput/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { NumberInput } from './NumberInput';
2
- export { numberInputTokens, numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';