@salutejs/sdds-finportal 0.148.2-canary.1505.11553165432.0 → 0.148.3-canary.1502.11570570852.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) hide show
  1. package/api/sdds-finportal.api.md +83 -4
  2. package/components/Slider/Slider.config.js +3 -3
  3. package/components/Slider/Slider.d.ts +88 -2
  4. package/components/Tabs/TabItem.d.ts +21 -6
  5. package/components/Tabs/Tabs.d.ts +2 -2
  6. package/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  7. package/components/Tabs/horizontal/HorizontalTabs.config.js +3 -3
  8. package/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  9. package/es/components/Slider/Slider.config.js +3 -3
  10. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +2 -2
  11. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +3 -3
  12. package/es/components/Tabs/vertical/VerticalTabs.config.js +1 -1
  13. package/package.json +3 -3
  14. package/temp/sdds-finportal.api.md +83 -4
package/api/sdds-finportal.api.md CHANGED
@@ -20,8 +20,8 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
20
20
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
21
21
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
22
22
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
23
- import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
24
- import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
23
+ import { BaseTabItemProps } from '@salutejs/plasma-new-hope/styled-components';
24
+ import { BaseTabsProps } from '@salutejs/plasma-new-hope/styled-components';
25
25
  import { bodyL } from '@salutejs/sdds-themes/tokens';
26
26
  import { bodyLBold } from '@salutejs/sdds-themes/tokens';
27
27
  import { bodyM } from '@salutejs/sdds-themes/tokens';
@@ -67,6 +67,7 @@ import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/componen
67
67
  import { ComponentProps } from 'react';
68
68
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
69
69
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
70
+ import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
70
71
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
72
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
72
73
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
@@ -3446,37 +3447,115 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
3446
3447
  name: string;
3447
3448
  value?: undefined;
3448
3449
  defaultValue?: number | undefined;
3450
+ } & {
3451
+ orientation?: "horizontal" | undefined;
3452
+ labelPlacement?: "none" | "top" | "left" | undefined;
3453
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
3454
+ sliderAlign?: "none" | undefined;
3455
+ reversed?: undefined;
3456
+ labelReversed?: undefined;
3457
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3458
+ onChangeCommitted?: ((value: number) => void) | undefined;
3459
+ ariaLabel?: string | undefined;
3460
+ showCurrentValue?: boolean | undefined;
3461
+ showRangeValues?: boolean | undefined;
3462
+ rangeValuesPlacement?: string | undefined;
3463
+ showScale?: boolean | undefined;
3464
+ hideMinValueDiff?: number | undefined;
3465
+ hideMaxValueDiff?: number | undefined;
3466
+ labelPlacement?: "outer" | "inner" | undefined;
3467
+ labelContentLeft?: ReactNode;
3468
+ labelContent?: ReactNode;
3469
+ multipleStepSize?: number | undefined;
3470
+ view?: string | undefined;
3471
+ size?: "s" | "m" | "l" | undefined;
3472
+ type?: "single" | undefined;
3473
+ pointerSize?: "none" | "small" | "large" | undefined;
3474
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3475
+ onChange?: ((event: FormTypeNumber) => void) | undefined;
3476
+ name: string;
3477
+ value?: undefined;
3478
+ defaultValue?: number | undefined;
3479
+ } & {
3480
+ orientation: "vertical";
3481
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
3482
+ scaleAlign?: undefined;
3483
+ reversed?: boolean | undefined;
3484
+ labelReversed?: boolean | undefined;
3449
3485
  } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3450
3486
  onChangeCommitted?: ((value: number) => void) | undefined;
3451
3487
  ariaLabel?: string | undefined;
3452
3488
  showCurrentValue?: boolean | undefined;
3453
3489
  showRangeValues?: boolean | undefined;
3490
+ rangeValuesPlacement?: string | undefined;
3491
+ showScale?: boolean | undefined;
3454
3492
  hideMinValueDiff?: number | undefined;
3455
3493
  hideMaxValueDiff?: number | undefined;
3456
- rangeValuesPlacement?: "outer" | "inner" | undefined;
3457
3494
  labelPlacement?: "outer" | "inner" | undefined;
3495
+ labelContentLeft?: ReactNode;
3496
+ labelContent?: ReactNode;
3458
3497
  multipleStepSize?: number | undefined;
3459
3498
  view?: string | undefined;
3460
3499
  size?: "s" | "m" | "l" | undefined;
3461
3500
  type?: "single" | undefined;
3501
+ pointerSize?: "none" | "small" | "large" | undefined;
3462
3502
  } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3463
3503
  onChange?: ((value: number) => void) | undefined;
3464
3504
  value: number;
3465
3505
  name?: undefined;
3466
3506
  defaultValue?: undefined;
3507
+ } & {
3508
+ orientation?: "horizontal" | undefined;
3509
+ labelPlacement?: "none" | "top" | "left" | undefined;
3510
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
3511
+ sliderAlign?: "none" | undefined;
3512
+ reversed?: undefined;
3513
+ labelReversed?: undefined;
3514
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3515
+ onChangeCommitted?: ((value: number) => void) | undefined;
3516
+ ariaLabel?: string | undefined;
3517
+ showCurrentValue?: boolean | undefined;
3518
+ showRangeValues?: boolean | undefined;
3519
+ rangeValuesPlacement?: string | undefined;
3520
+ showScale?: boolean | undefined;
3521
+ hideMinValueDiff?: number | undefined;
3522
+ hideMaxValueDiff?: number | undefined;
3523
+ labelPlacement?: "outer" | "inner" | undefined;
3524
+ labelContentLeft?: ReactNode;
3525
+ labelContent?: ReactNode;
3526
+ multipleStepSize?: number | undefined;
3527
+ view?: string | undefined;
3528
+ size?: "s" | "m" | "l" | undefined;
3529
+ type?: "single" | undefined;
3530
+ pointerSize?: "none" | "small" | "large" | undefined;
3531
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3532
+ onChange?: ((value: number) => void) | undefined;
3533
+ value: number;
3534
+ name?: undefined;
3535
+ defaultValue?: undefined;
3536
+ } & {
3537
+ orientation: "vertical";
3538
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
3539
+ scaleAlign?: undefined;
3540
+ reversed?: boolean | undefined;
3541
+ labelReversed?: boolean | undefined;
3467
3542
  } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3468
3543
  onChangeCommitted?: ((value: number) => void) | undefined;
3469
3544
  ariaLabel?: string | undefined;
3470
3545
  showCurrentValue?: boolean | undefined;
3471
3546
  showRangeValues?: boolean | undefined;
3547
+ rangeValuesPlacement?: string | undefined;
3548
+ showScale?: boolean | undefined;
3472
3549
  hideMinValueDiff?: number | undefined;
3473
3550
  hideMaxValueDiff?: number | undefined;
3474
- rangeValuesPlacement?: "outer" | "inner" | undefined;
3475
3551
  labelPlacement?: "outer" | "inner" | undefined;
3552
+ labelContentLeft?: ReactNode;
3553
+ labelContent?: ReactNode;
3476
3554
  multipleStepSize?: number | undefined;
3477
3555
  view?: string | undefined;
3478
3556
  size?: "s" | "m" | "l" | undefined;
3479
3557
  type?: "single" | undefined;
3558
+ pointerSize?: "none" | "small" | "large" | undefined;
3480
3559
  } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
3481
3560
  onChange?: ((event: FormTypeString) => void) | undefined;
3482
3561
  name?: string | undefined;
package/components/Slider/Slider.config.js CHANGED
@@ -19,9 +19,9 @@ var config = exports.config = {
19
19
  gradient: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n\n ", ": var(--surface-solid-tertiary);\n ", ": var(--on-light-surface-solid-card);\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--surface-solid-tertiary);\n\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFieldBackgroundColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldActiveColor)
20
20
  },
21
21
  size: {
22
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\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.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\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 ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.625rem;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3.5rem;\n ", ": 1.25rem 1rem 1.25rem 1rem;\n ", ": 0.75rem;\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 "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
23
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\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.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\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 ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.75rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\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 "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
24
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 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.5rem;\n ", ": 0.5rem;\n ", ": -1.25rem;\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 ", ": 1rem;\n ", ": 0.125rem solid;\n\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 2.5rem;\n ", ": 0.5rem 1rem 0.5rem 1rem;\n ", ": 0.625rem;\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 "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
22
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 1rem;\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.75rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.625rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3.5rem;\n ", ": 1.25rem 1rem 1.25rem 1rem;\n ", ": 0.75rem;\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 "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
23
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\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.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.75rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\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 "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
24
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\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.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 2.5rem;\n ", ": 0.5rem 1rem 0.5rem 1rem;\n ", ": 0.625rem;\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 "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
25
25
  },
26
26
  disabled: {
27
27
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.sliderTokens.disabledOpacity)
package/components/Slider/Slider.d.ts CHANGED
@@ -18,41 +18,127 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
18
18
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
19
  };
20
20
  }> & ((import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
21
+ /**
22
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
23
+ * Можно указать два значения.
24
+ */
21
25
  onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
22
26
  name: string;
23
27
  value?: undefined;
24
28
  defaultValue?: number | undefined;
29
+ } & {
30
+ orientation?: "horizontal" | undefined;
31
+ labelPlacement?: "none" | "top" | "left" | undefined;
32
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
33
+ sliderAlign?: "none" | undefined;
34
+ reversed?: undefined;
35
+ labelReversed?: undefined;
25
36
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
26
37
  onChangeCommitted?: ((value: number) => void) | undefined;
27
38
  ariaLabel?: string | undefined;
28
39
  showCurrentValue?: boolean | undefined;
29
40
  showRangeValues?: boolean | undefined;
41
+ rangeValuesPlacement?: string | undefined;
42
+ showScale?: boolean | undefined;
30
43
  hideMinValueDiff?: number | undefined;
31
44
  hideMaxValueDiff?: number | undefined;
32
- rangeValuesPlacement?: "outer" | "inner" | undefined;
33
45
  labelPlacement?: "outer" | "inner" | undefined;
46
+ labelContentLeft?: import("react").ReactNode;
47
+ labelContent?: import("react").ReactNode;
34
48
  multipleStepSize?: number | undefined;
35
49
  view?: string | undefined;
36
50
  size?: "s" | "m" | "l" | undefined;
37
51
  type?: "single" | undefined;
52
+ pointerSize?: "none" | "small" | "large" | undefined;
53
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
54
+ /**
55
+ * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
56
+ * Можно указать два значения.
57
+ */
58
+ onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
59
+ name: string;
60
+ value?: undefined;
61
+ defaultValue?: number | undefined;
62
+ } & {
63
+ orientation: "vertical";
64
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
65
+ scaleAlign?: undefined;
66
+ reversed?: boolean | undefined;
67
+ labelReversed?: boolean | undefined;
68
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
69
+ onChangeCommitted?: ((value: number) => void) | undefined;
70
+ ariaLabel?: string | undefined;
71
+ showCurrentValue?: boolean | undefined;
72
+ showRangeValues?: boolean | undefined;
73
+ rangeValuesPlacement?: string | undefined;
74
+ showScale?: boolean | undefined;
75
+ hideMinValueDiff?: number | undefined;
76
+ hideMaxValueDiff?: number | undefined;
77
+ labelPlacement?: "outer" | "inner" | undefined;
78
+ labelContentLeft?: import("react").ReactNode;
79
+ labelContent?: import("react").ReactNode;
80
+ multipleStepSize?: number | undefined;
81
+ view?: string | undefined;
82
+ size?: "s" | "m" | "l" | undefined;
83
+ type?: "single" | undefined;
84
+ pointerSize?: "none" | "small" | "large" | undefined;
85
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
86
+ onChange?: ((value: number) => void) | undefined;
87
+ value: number;
88
+ name?: undefined;
89
+ defaultValue?: undefined;
90
+ } & {
91
+ orientation?: "horizontal" | undefined;
92
+ labelPlacement?: "none" | "top" | "left" | undefined;
93
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
94
+ sliderAlign?: "none" | undefined;
95
+ reversed?: undefined;
96
+ labelReversed?: undefined;
97
+ } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
98
+ onChangeCommitted?: ((value: number) => void) | undefined;
99
+ ariaLabel?: string | undefined;
100
+ showCurrentValue?: boolean | undefined;
101
+ showRangeValues?: boolean | undefined;
102
+ rangeValuesPlacement?: string | undefined;
103
+ showScale?: boolean | undefined;
104
+ hideMinValueDiff?: number | undefined;
105
+ hideMaxValueDiff?: number | undefined;
106
+ labelPlacement?: "outer" | "inner" | undefined;
107
+ labelContentLeft?: import("react").ReactNode;
108
+ labelContent?: import("react").ReactNode;
109
+ multipleStepSize?: number | undefined;
110
+ view?: string | undefined;
111
+ size?: "s" | "m" | "l" | undefined;
112
+ type?: "single" | undefined;
113
+ pointerSize?: "none" | "small" | "large" | undefined;
38
114
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
39
115
  onChange?: ((value: number) => void) | undefined;
40
116
  value: number;
41
117
  name?: undefined;
42
118
  defaultValue?: undefined;
119
+ } & {
120
+ orientation: "vertical";
121
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
122
+ scaleAlign?: undefined;
123
+ reversed?: boolean | undefined;
124
+ labelReversed?: boolean | undefined;
43
125
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
44
126
  onChangeCommitted?: ((value: number) => void) | undefined;
45
127
  ariaLabel?: string | undefined;
46
128
  showCurrentValue?: boolean | undefined;
47
129
  showRangeValues?: boolean | undefined;
130
+ rangeValuesPlacement?: string | undefined;
131
+ showScale?: boolean | undefined;
48
132
  hideMinValueDiff?: number | undefined;
49
133
  hideMaxValueDiff?: number | undefined;
50
- rangeValuesPlacement?: "outer" | "inner" | undefined;
51
134
  labelPlacement?: "outer" | "inner" | undefined;
135
+ labelContentLeft?: import("react").ReactNode;
136
+ labelContent?: import("react").ReactNode;
52
137
  multipleStepSize?: number | undefined;
53
138
  view?: string | undefined;
54
139
  size?: "s" | "m" | "l" | undefined;
55
140
  type?: "single" | undefined;
141
+ pointerSize?: "none" | "small" | "large" | undefined;
56
142
  } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
57
143
  onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
58
144
  name?: string | undefined;
package/components/Tabs/TabItem.d.ts CHANGED
@@ -23,26 +23,39 @@ declare const HorizontalTabItem: React.FunctionComponent<import("@salutejs/plasm
23
23
  pilled: {
24
24
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
25
  };
26
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
26
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
27
27
  orientation?: "horizontal" | undefined;
28
+ contentLeft?: React.ReactNode;
28
29
  pilled?: boolean | undefined;
29
30
  animated?: boolean | undefined;
30
31
  view?: string | undefined;
31
- size?: string | undefined;
32
+ size?: "s" | "m" | "l" | "xs" | undefined;
32
33
  isActive?: boolean | undefined;
33
34
  } & {
34
35
  value?: string | number | undefined;
35
36
  contentRight?: undefined;
36
- } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
37
+ } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
37
38
  orientation?: "horizontal" | undefined;
39
+ contentLeft?: React.ReactNode;
38
40
  pilled?: boolean | undefined;
39
41
  animated?: boolean | undefined;
40
42
  view?: string | undefined;
41
- size?: string | undefined;
43
+ size?: "s" | "m" | "l" | "xs" | undefined;
42
44
  isActive?: boolean | undefined;
43
45
  } & {
44
46
  value?: undefined;
45
47
  contentRight?: React.ReactNode;
48
+ } & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
49
+ orientation?: "horizontal" | undefined;
50
+ contentLeft?: undefined;
51
+ pilled?: undefined;
52
+ animated?: undefined;
53
+ view?: string | undefined;
54
+ size: "h1" | "h2" | "h3" | "h4" | "h5";
55
+ isActive?: undefined;
56
+ } & {
57
+ value?: string | number | undefined;
58
+ contentRight?: undefined;
46
59
  } & React.RefAttributes<HTMLDivElement>))>;
47
60
  declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
48
61
  view: {
@@ -57,15 +70,17 @@ declare const VerticalTabItem: React.FunctionComponent<import("@salutejs/plasma-
57
70
  disabled: {
58
71
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
59
72
  };
60
- }> & ((import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
73
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
61
74
  orientation: "vertical";
75
+ contentLeft?: React.ReactNode;
62
76
  view?: string | undefined;
63
77
  size?: string | undefined;
64
78
  } & {
65
79
  value?: string | number | undefined;
66
80
  contentRight?: undefined;
67
- } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types").BaseTabItemProps & {
81
+ } & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabItemProps & {
68
82
  orientation: "vertical";
83
+ contentLeft?: React.ReactNode;
69
84
  view?: string | undefined;
70
85
  size?: string | undefined;
71
86
  } & {
package/components/Tabs/Tabs.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const HorizontalTabs: React.FunctionComponent<import("@salutejs/plasma-n
25
25
  pilled: {
26
26
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
27
  };
28
- }> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
28
+ }> & ((import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomHeaderTabsProps & React.RefAttributes<HTMLDivElement>))>;
29
29
  declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
30
30
  view: {
31
31
  divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -42,7 +42,7 @@ declare const VerticalTabs: React.FunctionComponent<import("@salutejs/plasma-new
42
42
  disabled: {
43
43
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
44
44
  };
45
- }> & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
45
+ }> & import("@salutejs/plasma-new-hope/styled-components").BaseTabsProps & import("@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types").CustomVerticalTabsProps & React.RefAttributes<HTMLDivElement>>;
46
46
  declare type TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;
47
47
  /**
48
48
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
package/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -27,8 +27,8 @@ var config = exports.config = {
27
27
  h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
28
28
  h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
29
29
  h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
30
- h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
31
- h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight)
30
+ h2: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
31
+ h1: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight)
32
32
  },
33
33
  disabled: {
34
34
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
package/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -14,9 +14,9 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
18
- filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
19
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
17
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
18
+ filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
19
+ divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
20
20
  },
21
21
  size: {
22
22
  xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
package/components/Tabs/vertical/VerticalTabs.config.js CHANGED
@@ -14,7 +14,7 @@ var config = exports.config = {
14
14
  },
15
15
  variations: {
16
16
  view: {
17
- divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
17
+ divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
18
18
  },
19
19
  size: {
20
20
  xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
package/es/components/Slider/Slider.config.js CHANGED
@@ -13,9 +13,9 @@ export var config = {
13
13
  gradient: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n\n ", ": var(--surface-solid-tertiary);\n ", ": var(--on-light-surface-solid-card);\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--surface-solid-tertiary);\n\n ", ": var(--surface-accent-gradient);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
14
14
  },
15
15
  size: {
16
- l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\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.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\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 ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.625rem;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3.5rem;\n ", ": 1.25rem 1rem 1.25rem 1rem;\n ", ": 0.75rem;\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 "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
17
- m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\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.75rem;\n ", ": 0.75rem;\n ", ": -1.25rem;\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 ", ": 1.5rem;\n ", ": 0.125rem solid;\n\n ", ": 1.75rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\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 "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
18
- s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 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.5rem;\n ", ": 0.5rem;\n ", ": -1.25rem;\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 ", ": 1rem;\n ", ": 0.125rem solid;\n\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 2.5rem;\n ", ": 0.5rem 1rem 0.5rem 1rem;\n ", ": 0.625rem;\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 "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
16
+ l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 1rem;\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.75rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.625rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3.5rem;\n ", ": 1.25rem 1rem 1.25rem 1rem;\n ", ": 0.75rem;\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 "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
17
+ m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\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.75rem;\n ", ": 0.75rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.75rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 3rem;\n ", ": 0.875rem 1rem 0.875rem 1rem;\n ", ": 0.75rem;\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 "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
18
+ s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\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.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\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 ", ": 1rem;\n ", ": 1.25rem;\n ", ": 0.0625rem solid;\n\n ", ": 1.25rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 2.5rem;\n ", ": 0.5rem 1rem 0.5rem 1rem;\n ", ": 0.625rem;\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 "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
19
19
  },
20
20
  disabled: {
21
21
  "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), sliderTokens.disabledOpacity)
package/es/components/Tabs/horizontal/HorizontalTabItem.config.js CHANGED
@@ -21,8 +21,8 @@ export var config = {
21
21
  h5: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0rem;\n ", ": 1.75rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h5-font-family);\n ", ": var(--plasma-typo-h5-font-size);\n ", ": var(--plasma-typo-h5-font-style);\n ", ": var(--plasma-typo-h5-font-weight);\n ", ": var(--plasma-typo-h5-letter-spacing);\n ", ": var(--plasma-typo-h5-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
22
22
  h4: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 3.25rem;\n ", ": 0rem;\n ", ": 2rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-h4-font-family);\n ", ": var(--plasma-typo-h4-font-size);\n ", ": var(--plasma-typo-h4-font-style);\n ", ": var(--plasma-typo-h4-font-weight);\n ", ": var(--plasma-typo-h4-letter-spacing);\n ", ": var(--plasma-typo-h4-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
23
23
  h3: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 3.875rem;\n ", ": 0rem;\n ", ": 2.25rem;\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
24
- h2: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
25
- h1: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
24
+ h2: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 4.5rem;\n ", ": 0rem;\n ", ": 2.5rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-h2-font-family);\n ", ": var(--plasma-typo-h2-font-size);\n ", ": var(--plasma-typo-h2-font-style);\n ", ": var(--plasma-typo-h2-font-weight);\n ", ": var(--plasma-typo-h2-letter-spacing);\n ", ": var(--plasma-typo-h2-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
25
+ h1: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 5.75rem;\n ", ": 0rem;\n ", ": 3.5rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-h1-font-family);\n ", ": var(--plasma-typo-h1-font-size);\n ", ": var(--plasma-typo-h1-font-style);\n ", ": var(--plasma-typo-h1-font-weight);\n ", ": var(--plasma-typo-h1-letter-spacing);\n ", ": var(--plasma-typo-h1-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
26
26
  },
27
27
  disabled: {
28
28
  "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tabsTokens.disabledOpacity)
package/es/components/Tabs/horizontal/HorizontalTabs.config.js CHANGED
@@ -8,9 +8,9 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
- filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
- divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
+ clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
12
+ filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": transparent;\n ", ": 0rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
13
+ divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
14
14
  },
15
15
  size: {
16
16
  xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
package/es/components/Tabs/vertical/VerticalTabs.config.js CHANGED
@@ -8,7 +8,7 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
11
+ divider: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(---text-secondary-active);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
12
12
  },
13
13
  size: {
14
14
  xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.148.2-canary.1505.11553165432.0",
3
+ "version": "0.148.3-canary.1502.11570570852.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.175.2-canary.1505.11553165432.0",
22
+ "@salutejs/plasma-new-hope": "0.175.3-canary.1502.11570570852.0",
23
23
  "@salutejs/sdds-themes": "0.25.0-dev.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Vasiliy Loginevskiy"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "9e0bc4ce4e4a5597a055147c340a4d76caaa0439"
97
+ "gitHead": "481f9036cb9b17273ebb3c16b9a8f9cd8fa01c15"
98
98
  }
package/temp/sdds-finportal.api.md CHANGED
@@ -20,8 +20,8 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
20
20
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
21
21
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
22
22
  import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
23
- import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
24
- import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
23
+ import { BaseTabItemProps } from '@salutejs/plasma-new-hope/styled-components';
24
+ import { BaseTabsProps } from '@salutejs/plasma-new-hope/styled-components';
25
25
  import { bodyL } from '@salutejs/sdds-themes/tokens';
26
26
  import { bodyLBold } from '@salutejs/sdds-themes/tokens';
27
27
  import { bodyM } from '@salutejs/sdds-themes/tokens';
@@ -67,6 +67,7 @@ import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/componen
67
67
  import { ComponentProps } from 'react';
68
68
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
69
69
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
70
+ import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
70
71
  import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
71
72
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
72
73
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
@@ -3446,37 +3447,115 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
3446
3447
  name: string;
3447
3448
  value?: undefined;
3448
3449
  defaultValue?: number | undefined;
3450
+ } & {
3451
+ orientation?: "horizontal" | undefined;
3452
+ labelPlacement?: "none" | "top" | "left" | undefined;
3453
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
3454
+ sliderAlign?: "none" | undefined;
3455
+ reversed?: undefined;
3456
+ labelReversed?: undefined;
3457
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3458
+ onChangeCommitted?: ((value: number) => void) | undefined;
3459
+ ariaLabel?: string | undefined;
3460
+ showCurrentValue?: boolean | undefined;
3461
+ showRangeValues?: boolean | undefined;
3462
+ rangeValuesPlacement?: string | undefined;
3463
+ showScale?: boolean | undefined;
3464
+ hideMinValueDiff?: number | undefined;
3465
+ hideMaxValueDiff?: number | undefined;
3466
+ labelPlacement?: "outer" | "inner" | undefined;
3467
+ labelContentLeft?: ReactNode;
3468
+ labelContent?: ReactNode;
3469
+ multipleStepSize?: number | undefined;
3470
+ view?: string | undefined;
3471
+ size?: "s" | "m" | "l" | undefined;
3472
+ type?: "single" | undefined;
3473
+ pointerSize?: "none" | "small" | "large" | undefined;
3474
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3475
+ onChange?: ((event: FormTypeNumber) => void) | undefined;
3476
+ name: string;
3477
+ value?: undefined;
3478
+ defaultValue?: number | undefined;
3479
+ } & {
3480
+ orientation: "vertical";
3481
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
3482
+ scaleAlign?: undefined;
3483
+ reversed?: boolean | undefined;
3484
+ labelReversed?: boolean | undefined;
3449
3485
  } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3450
3486
  onChangeCommitted?: ((value: number) => void) | undefined;
3451
3487
  ariaLabel?: string | undefined;
3452
3488
  showCurrentValue?: boolean | undefined;
3453
3489
  showRangeValues?: boolean | undefined;
3490
+ rangeValuesPlacement?: string | undefined;
3491
+ showScale?: boolean | undefined;
3454
3492
  hideMinValueDiff?: number | undefined;
3455
3493
  hideMaxValueDiff?: number | undefined;
3456
- rangeValuesPlacement?: "outer" | "inner" | undefined;
3457
3494
  labelPlacement?: "outer" | "inner" | undefined;
3495
+ labelContentLeft?: ReactNode;
3496
+ labelContent?: ReactNode;
3458
3497
  multipleStepSize?: number | undefined;
3459
3498
  view?: string | undefined;
3460
3499
  size?: "s" | "m" | "l" | undefined;
3461
3500
  type?: "single" | undefined;
3501
+ pointerSize?: "none" | "small" | "large" | undefined;
3462
3502
  } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3463
3503
  onChange?: ((value: number) => void) | undefined;
3464
3504
  value: number;
3465
3505
  name?: undefined;
3466
3506
  defaultValue?: undefined;
3507
+ } & {
3508
+ orientation?: "horizontal" | undefined;
3509
+ labelPlacement?: "none" | "top" | "left" | undefined;
3510
+ scaleAlign?: "none" | "bottom" | "side" | undefined;
3511
+ sliderAlign?: "none" | undefined;
3512
+ reversed?: undefined;
3513
+ labelReversed?: undefined;
3514
+ } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3515
+ onChangeCommitted?: ((value: number) => void) | undefined;
3516
+ ariaLabel?: string | undefined;
3517
+ showCurrentValue?: boolean | undefined;
3518
+ showRangeValues?: boolean | undefined;
3519
+ rangeValuesPlacement?: string | undefined;
3520
+ showScale?: boolean | undefined;
3521
+ hideMinValueDiff?: number | undefined;
3522
+ hideMaxValueDiff?: number | undefined;
3523
+ labelPlacement?: "outer" | "inner" | undefined;
3524
+ labelContentLeft?: ReactNode;
3525
+ labelContent?: ReactNode;
3526
+ multipleStepSize?: number | undefined;
3527
+ view?: string | undefined;
3528
+ size?: "s" | "m" | "l" | undefined;
3529
+ type?: "single" | undefined;
3530
+ pointerSize?: "none" | "small" | "large" | undefined;
3531
+ } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
3532
+ onChange?: ((value: number) => void) | undefined;
3533
+ value: number;
3534
+ name?: undefined;
3535
+ defaultValue?: undefined;
3536
+ } & {
3537
+ orientation: "vertical";
3538
+ sliderAlign?: "none" | "center" | "right" | "left" | undefined;
3539
+ scaleAlign?: undefined;
3540
+ reversed?: boolean | undefined;
3541
+ labelReversed?: boolean | undefined;
3467
3542
  } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
3468
3543
  onChangeCommitted?: ((value: number) => void) | undefined;
3469
3544
  ariaLabel?: string | undefined;
3470
3545
  showCurrentValue?: boolean | undefined;
3471
3546
  showRangeValues?: boolean | undefined;
3547
+ rangeValuesPlacement?: string | undefined;
3548
+ showScale?: boolean | undefined;
3472
3549
  hideMinValueDiff?: number | undefined;
3473
3550
  hideMaxValueDiff?: number | undefined;
3474
- rangeValuesPlacement?: "outer" | "inner" | undefined;
3475
3551
  labelPlacement?: "outer" | "inner" | undefined;
3552
+ labelContentLeft?: ReactNode;
3553
+ labelContent?: ReactNode;
3476
3554
  multipleStepSize?: number | undefined;
3477
3555
  view?: string | undefined;
3478
3556
  size?: "s" | "m" | "l" | undefined;
3479
3557
  type?: "single" | undefined;
3558
+ pointerSize?: "none" | "small" | "large" | undefined;
3480
3559
  } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
3481
3560
  onChange?: ((event: FormTypeString) => void) | undefined;
3482
3561
  name?: string | undefined;