@salutejs/sdds-cs 0.374.0-next-sbcom.0 → 0.374.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/beta/cjs/Popover/Popover.js +39 -31
  2. package/dist/beta/cjs/Popover/config/CloseInnerSize.css +19 -0
  3. package/dist/beta/cjs/Popover/config/CloseInnerSize.module.css.js +8 -0
  4. package/dist/beta/cjs/Popover/config/CloseInnerView.css +15 -0
  5. package/dist/beta/cjs/Popover/config/CloseInnerView.module.css.js +8 -0
  6. package/dist/beta/cjs/Popover/config/CloseNoneSize.css +15 -0
  7. package/dist/beta/cjs/Popover/config/CloseNoneSize.module.css.js +8 -0
  8. package/dist/beta/cjs/Popover/config/CloseNoneView.css +9 -0
  9. package/dist/beta/cjs/Popover/config/CloseNoneView.module.css.js +8 -0
  10. package/dist/beta/cjs/Tooltip/Tooltip.js +32 -13
  11. package/dist/beta/cjs/Tooltip/config/Size.css +29 -0
  12. package/dist/beta/cjs/Tooltip/config/Size.module.css.js +8 -0
  13. package/dist/beta/cjs/Tooltip/config/View.css +11 -0
  14. package/dist/beta/cjs/Tooltip/config/View.module.css.js +8 -0
  15. package/dist/beta/cjs/_virtual/_rollupPluginBabelHelpers.js +37 -0
  16. package/dist/beta/cjs/index.js +11 -19
  17. package/dist/beta/es/Popover/Popover.js +30 -10
  18. package/dist/beta/es/Popover/config/CloseInnerSize.css +19 -0
  19. package/dist/beta/es/Popover/config/CloseInnerSize.module.css.js +4 -0
  20. package/dist/beta/es/Popover/config/CloseInnerView.css +15 -0
  21. package/dist/beta/es/Popover/config/CloseInnerView.module.css.js +4 -0
  22. package/dist/beta/es/Popover/config/CloseNoneSize.css +15 -0
  23. package/dist/beta/es/Popover/config/CloseNoneSize.module.css.js +4 -0
  24. package/dist/beta/es/Popover/config/CloseNoneView.css +9 -0
  25. package/dist/beta/es/Popover/config/CloseNoneView.module.css.js +4 -0
  26. package/dist/beta/es/Tooltip/Tooltip.js +24 -4
  27. package/dist/beta/es/Tooltip/config/Size.css +29 -0
  28. package/dist/beta/es/Tooltip/config/Size.module.css.js +4 -0
  29. package/dist/beta/es/Tooltip/config/View.css +11 -0
  30. package/dist/beta/es/Tooltip/config/View.module.css.js +4 -0
  31. package/dist/beta/es/_virtual/_rollupPluginBabelHelpers.js +31 -0
  32. package/dist/beta/es/index.js +2 -2
  33. package/dist/beta/types/Popover/Popover.d.ts +16 -43
  34. package/dist/beta/types/Popover/index.d.ts +1 -0
  35. package/dist/beta/types/Tooltip/Tooltip.d.ts +13 -10
  36. package/dist/beta/types/Tooltip/index.d.ts +1 -0
  37. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  38. package/dist/emotion/cjs/components/Calendar/Calendar.config.js +1 -2
  39. package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +1 -2
  40. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
  41. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +0 -1
  42. package/dist/emotion/cjs/components/Drawer/Drawer.config.js +12 -0
  43. package/dist/emotion/cjs/components/Drawer/Drawer.js +1 -1
  44. package/dist/emotion/cjs/components/Notification/Notification.js +3 -2
  45. package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
  46. package/dist/emotion/cjs/components/Spinner/Spinner.config.js +8 -31
  47. package/dist/emotion/cjs/components/Spinner/Spinner.js +10 -1
  48. package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
  49. package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
  50. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
  51. package/dist/emotion/es/components/Calendar/Calendar.config.js +1 -2
  52. package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +1 -2
  53. package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
  54. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +0 -1
  55. package/dist/emotion/es/components/Drawer/Drawer.config.js +9 -0
  56. package/dist/emotion/es/components/Drawer/Drawer.js +2 -2
  57. package/dist/emotion/es/components/Notification/Notification.js +3 -2
  58. package/dist/emotion/es/components/Select/Select.config.js +1 -1
  59. package/dist/emotion/es/components/Spinner/Spinner.config.js +9 -32
  60. package/dist/emotion/es/components/Spinner/Spinner.js +5 -1
  61. package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
  62. package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
  63. package/package.json +19 -14
  64. package/types/components/Avatar/Avatar.d.ts +4 -4
  65. package/types/components/Combobox/Combobox.d.ts +8 -0
  66. package/types/components/Drawer/Drawer.config.d.ts +7 -0
  67. package/types/components/Drawer/Drawer.d.ts +5 -1
  68. package/types/components/Notification/Notification.d.ts +2 -1
  69. package/types/components/Spinner/Spinner.config.d.ts +0 -9
  70. package/types/components/Spinner/Spinner.d.ts +40 -26
  71. package/types/components/Spinner/index.d.ts +1 -1
  72. package/dist/beta/cjs/Popover/Popover.closeInner.config.js +0 -54
  73. package/dist/beta/cjs/Popover/Popover.closeNone.config.js +0 -46
  74. package/dist/beta/cjs/Popover/index.js +0 -11
  75. package/dist/beta/cjs/Tooltip/Tooltip.config.js +0 -62
  76. package/dist/beta/cjs/Tooltip/index.js +0 -11
  77. package/dist/beta/es/Popover/Popover.closeInner.config.js +0 -44
  78. package/dist/beta/es/Popover/Popover.closeNone.config.js +0 -36
  79. package/dist/beta/es/Popover/index.js +0 -1
  80. package/dist/beta/es/Tooltip/Tooltip.config.js +0 -52
  81. package/dist/beta/es/Tooltip/index.js +0 -1
  82. package/dist/beta/types/Popover/Popover.closeInner.config.d.ts +0 -16
  83. package/dist/beta/types/Popover/Popover.closeNone.config.d.ts +0 -16
  84. package/dist/beta/types/Tooltip/Tooltip.config.d.ts +0 -16
@@ -1,43 +1,16 @@
1
- export declare const PopoverCloseNone: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
2
- view: {
3
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
4
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- };
6
- size: {
7
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- };
10
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
11
- export declare const PopoverCloseInner: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
12
- view: {
13
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
- };
16
- size: {
17
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
- };
20
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
21
- export declare const Popover: import("react").ForwardRefExoticComponent<((Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
22
- view: {
23
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
24
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
25
- };
26
- size: {
27
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
28
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
29
- };
30
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> & {
31
- appearance?: "default";
32
- }) | (Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
33
- view: {
34
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
35
- info: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
36
- };
37
- size: {
38
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
39
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
40
- };
41
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> & {
42
- appearance: "closeInner";
43
- })) & import("react").RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import type { PopoverProps as CorePopoverProps } from '@salutejs/plasma-new-hope/beta';
3
+ type BasePopoverProps = Omit<CorePopoverProps, 'appearance'>;
4
+ type DefaultAppearanceProps = {
5
+ appearance?: 'default';
6
+ view?: 'default' | 'info';
7
+ size?: 'm' | 's';
8
+ };
9
+ type CloseInnerAppearanceProps = {
10
+ appearance: 'closeInner';
11
+ view?: 'default' | 'info';
12
+ size?: 'm' | 's';
13
+ };
14
+ export type PopoverProps = BasePopoverProps & (DefaultAppearanceProps | CloseInnerAppearanceProps);
15
+ export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
16
+ export {};
@@ -1 +1,2 @@
1
1
  export { Popover } from './Popover';
2
+ export type { PopoverProps } from './Popover';
@@ -1,10 +1,13 @@
1
- export declare const Tooltip: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
2
- view: {
3
- default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
4
- secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- };
6
- size: {
7
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- };
10
- }> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("@salutejs/plasma-new-hope/types/components/_beta/Tooltip/Tooltip.types.js").BasicTooltipProps & import("react").RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import type { TooltipProps as CoreTooltipProps } from '@salutejs/plasma-new-hope/beta';
3
+ type TooltipView = 'default' | 'secondary';
4
+ type TooltipSize = 'm' | 's';
5
+ export type TooltipProps = CoreTooltipProps & {
6
+ view?: TooltipView;
7
+ size?: TooltipSize;
8
+ };
9
+ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & import("@salutejs/plasma-new-hope/beta").BasicTooltipProps & {
10
+ view?: TooltipView;
11
+ size?: TooltipSize;
12
+ } & React.RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -1 +1,2 @@
1
1
  export { Tooltip } from './Tooltip';
2
+ export type { TooltipProps } from './Tooltip';
@@ -133,7 +133,7 @@ const config = {
133
133
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
134
134
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
135
135
 
136
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
136
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
137
137
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
138
138
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
139
139
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -31,7 +31,7 @@ const config = {
31
31
  ${_emotion.calendarBaseTokens.calendarHoveredItemColor}: ${_sdds_cs.textPrimary};
32
32
  ${_emotion.calendarBaseTokens.calendarRangeBackground}: ${_sdds_cs.surfaceTransparentAccent};
33
33
  ${_emotion.calendarBaseTokens.calendarOutlineFocusColor}: ${_sdds_cs.surfaceAccent};
34
- ${_emotion.calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-primary);
34
+ ${_emotion.calendarBaseTokens.calendarContentPrimaryColor}: ${_sdds_cs.textPrimary};
35
35
  ${_emotion.calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${_sdds_cs.textSecondary};
36
36
  ${_emotion.calendarBaseTokens.calendarContentSecondaryColor}: ${_sdds_cs.textSecondary};
37
37
  ${_emotion.calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${_sdds_cs.textSecondary};
@@ -101,7 +101,6 @@ const config = {
101
101
 
102
102
  ${_emotion.calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
103
103
  ${_emotion.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
104
- ${_emotion.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
105
104
 
106
105
  ${_emotion.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
107
106
  ${_emotion.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -31,7 +31,7 @@ const config = {
31
31
  ${_emotion.calendarDoubleTokens.calendarHoveredItemColor}: ${_sdds_cs.textPrimary};
32
32
  ${_emotion.calendarDoubleTokens.calendarRangeBackground}: ${_sdds_cs.surfaceTransparentAccent};
33
33
  ${_emotion.calendarDoubleTokens.calendarOutlineFocusColor}: ${_sdds_cs.surfaceAccent};
34
- ${_emotion.calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-primary);
34
+ ${_emotion.calendarDoubleTokens.calendarContentPrimaryColor}: ${_sdds_cs.textPrimary};
35
35
  ${_emotion.calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${_sdds_cs.textSecondary};
36
36
  ${_emotion.calendarDoubleTokens.calendarContentSecondaryColor}: ${_sdds_cs.textSecondary};
37
37
  ${_emotion.calendarDoubleTokens.calendarContentSecondaryDisabledColor}: ${_sdds_cs.textSecondary};
@@ -100,7 +100,6 @@ const config = {
100
100
 
101
101
  ${_emotion.calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
102
102
  ${_emotion.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
103
- ${_emotion.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
104
103
 
105
104
  ${_emotion.calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
106
105
  ${_emotion.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
@@ -171,7 +171,7 @@ const config = {
171
171
  ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
172
172
  ${_emotion.comboboxTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
173
173
 
174
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
174
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
175
175
  ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
176
176
  ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
177
177
  ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -302,7 +302,7 @@ const config = {
302
302
  ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
303
303
  ${_emotion.comboboxTokens.textFieldPadding}: 0;
304
304
  ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
305
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
305
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
306
306
  ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
307
307
  ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
308
308
  `
@@ -249,7 +249,6 @@ const config = {
249
249
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
250
250
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
251
251
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
252
- ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
253
252
 
254
253
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
255
254
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -12,6 +12,9 @@ _export(exports, {
12
12
  get config () {
13
13
  return config;
14
14
  },
15
+ get contentConfig () {
16
+ return contentConfig;
17
+ },
15
18
  get headerConfig () {
16
19
  return headerConfig;
17
20
  }
@@ -54,3 +57,12 @@ const headerConfig = {
54
57
  padding-bottom: 1.5rem;
55
58
  `
56
59
  };
60
+ const contentConfig = {
61
+ variations: {
62
+ view: {
63
+ default: (0, _emotion.css)`
64
+ padding-right: 0;
65
+ `
66
+ }
67
+ }
68
+ };
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
26
26
  const _Drawerconfig = require("./Drawer.config");
27
27
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.drawerConfig, _Drawerconfig.config);
28
- const mergedContentConfig = (0, _emotion.mergeConfig)(_emotion.drawerContentConfig);
28
+ const mergedContentConfig = (0, _emotion.mergeConfig)(_emotion.drawerContentConfig, _Drawerconfig.contentConfig);
29
29
  const mergedHeaderConfig = (0, _emotion.mergeConfig)(_emotion.drawerHeaderConfig, _Drawerconfig.headerConfig);
30
30
  const mergedFooterConfig = (0, _emotion.mergeConfig)(_emotion.drawerFooterConfig);
31
31
  const Drawer = (0, _emotion.component)(mergedConfig);
@@ -30,11 +30,12 @@ function _interop_require_default(obj) {
30
30
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.notificationConfig, _Notificationconfig.config);
31
31
  const NotificationNewHope = (0, _emotion.component)(mergedConfig);
32
32
  const Notification = NotificationNewHope;
33
- const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
33
+ const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED, defaultNotificationArgs })=>{
34
34
  return /*#__PURE__*/ _react.default.createElement(_emotion.NotificationsProvider, {
35
35
  config: mergedConfig,
36
36
  frame: frame,
37
37
  placement: placement,
38
- UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
38
+ UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
39
+ defaultNotificationArgs: defaultNotificationArgs
39
40
  }, children);
40
41
  };
@@ -135,7 +135,7 @@ const config = {
135
135
  ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
136
136
  ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
137
137
 
138
- ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
138
+ ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
139
139
  ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
140
140
  ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
141
141
  ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -16,53 +16,30 @@ const config = {
16
16
  size: 'm'
17
17
  },
18
18
  variations: {
19
- size: {
20
- xxs: (0, _emotion.css)`
21
- ${_emotion.spinnerTokens.size}: 1rem;
22
- `,
23
- xs: (0, _emotion.css)`
24
- ${_emotion.spinnerTokens.size}: 1.5rem;
25
- `,
26
- s: (0, _emotion.css)`
27
- ${_emotion.spinnerTokens.size}: 2.25rem;
28
- `,
29
- m: (0, _emotion.css)`
30
- ${_emotion.spinnerTokens.size}: 3rem;
31
- `,
32
- l: (0, _emotion.css)`
33
- ${_emotion.spinnerTokens.size}: 3.5rem;
34
- `,
35
- xl: (0, _emotion.css)`
36
- ${_emotion.spinnerTokens.size}: 5.5rem;
37
- `,
38
- xxl: (0, _emotion.css)`
39
- ${_emotion.spinnerTokens.size}: 8rem;
40
- `
41
- },
42
19
  view: {
43
20
  default: (0, _emotion.css)`
44
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPrimary};
21
+ --plasma-spinner-color: ${_sdds_cs.textPrimary};
45
22
  `,
46
23
  secondary: (0, _emotion.css)`
47
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textSecondary};
24
+ --plasma-spinner-color: ${_sdds_cs.textSecondary};
48
25
  `,
49
26
  tertiary: (0, _emotion.css)`
50
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textTertiary};
27
+ --plasma-spinner-color: ${_sdds_cs.textTertiary};
51
28
  `,
52
29
  paragraph: (0, _emotion.css)`
53
- ${_emotion.spinnerTokens.color}: var(--text-paragraph);
30
+ --plasma-spinner-color: var(--text-paragraph);
54
31
  `,
55
32
  accent: (0, _emotion.css)`
56
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textAccent};
33
+ --plasma-spinner-color: ${_sdds_cs.textAccent};
57
34
  `,
58
35
  positive: (0, _emotion.css)`
59
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPositive};
36
+ --plasma-spinner-color: ${_sdds_cs.textPositive};
60
37
  `,
61
38
  warning: (0, _emotion.css)`
62
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textWarning};
39
+ --plasma-spinner-color: ${_sdds_cs.textWarning};
63
40
  `,
64
41
  negative: (0, _emotion.css)`
65
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textNegative};
42
+ --plasma-spinner-color: ${_sdds_cs.textNegative};
66
43
  `
67
44
  }
68
45
  }
@@ -8,8 +8,17 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
+ const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
11
12
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
12
13
  const _Spinnerconfig = require("./Spinner.config");
14
+ function _interop_require_default(obj) {
15
+ return obj && obj.__esModule ? obj : {
16
+ default: obj
17
+ };
18
+ }
13
19
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.spinnerConfig, _Spinnerconfig.config);
14
20
  const SpinnerComponent = (0, _emotion.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
21
+ const Spinner = /*#__PURE__*/ (0, _styled.default)(SpinnerComponent, {
22
+ target: "e1426z6k0",
23
+ label: "Spinner"
24
+ })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vU3Bpbm5lci5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhzcGlubmVyQ29uZmlnLCBjb25maWcpO1xuY29uc3QgU3Bpbm5lckNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gICAgLyoqXG4gICAgICog0KDQsNC30LzQtdGAINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICB2aWV3Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgZGV2aWNlU2NhbGU/OiBudW1iZXI7XG59O1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQuNC90LTQuNC60LDRgtC+0YDQsCDQt9Cw0LPRgNGD0LfQutC4LlxuICovXG5leHBvcnQgY29uc3QgU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyQ29tcG9uZW50KWBgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDdUIifQ== */");
@@ -123,7 +123,7 @@ const config = {
123
123
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
124
124
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
125
125
 
126
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
126
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
128
128
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
129
129
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -150,7 +150,7 @@ const config = {
150
150
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
151
151
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
152
152
 
153
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem;
153
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
154
154
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
155
155
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
156
156
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
224
224
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
225
225
 
226
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
228
228
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
229
229
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -123,7 +123,7 @@ export const config = {
123
123
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
124
124
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
125
125
 
126
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
126
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
128
128
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
129
129
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -21,7 +21,7 @@ export const config = {
21
21
  ${calendarBaseTokens.calendarHoveredItemColor}: ${textPrimary};
22
22
  ${calendarBaseTokens.calendarRangeBackground}: ${surfaceTransparentAccent};
23
23
  ${calendarBaseTokens.calendarOutlineFocusColor}: ${surfaceAccent};
24
- ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-primary);
24
+ ${calendarBaseTokens.calendarContentPrimaryColor}: ${textPrimary};
25
25
  ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: ${textSecondary};
26
26
  ${calendarBaseTokens.calendarContentSecondaryColor}: ${textSecondary};
27
27
  ${calendarBaseTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
@@ -91,7 +91,6 @@ export const config = {
91
91
 
92
92
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
93
93
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
94
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
95
94
 
96
95
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
97
96
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -21,7 +21,7 @@ export const config = {
21
21
  ${calendarDoubleTokens.calendarHoveredItemColor}: ${textPrimary};
22
22
  ${calendarDoubleTokens.calendarRangeBackground}: ${surfaceTransparentAccent};
23
23
  ${calendarDoubleTokens.calendarOutlineFocusColor}: ${surfaceAccent};
24
- ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-primary);
24
+ ${calendarDoubleTokens.calendarContentPrimaryColor}: ${textPrimary};
25
25
  ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: ${textSecondary};
26
26
  ${calendarDoubleTokens.calendarContentSecondaryColor}: ${textSecondary};
27
27
  ${calendarDoubleTokens.calendarContentSecondaryDisabledColor}: ${textSecondary};
@@ -90,7 +90,6 @@ export const config = {
90
90
 
91
91
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
92
92
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
93
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
94
93
 
95
94
  ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
96
95
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
@@ -161,7 +161,7 @@ export const config = {
161
161
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
162
162
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
163
163
 
164
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
164
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
165
165
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
166
166
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
167
167
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -292,7 +292,7 @@ export const config = {
292
292
  ${tokens.disclosureIconColorHover}: transparent;
293
293
  ${tokens.textFieldPadding}: 0;
294
294
  ${tokens.textFieldLabelOffset}: 0.25rem;
295
- ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
295
+ ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
296
296
  ${tokens.textFieldBorderColor}: transparent;
297
297
  ${tokens.textFieldBorderWidth}: 0;
298
298
  `
@@ -239,7 +239,6 @@ export const config = {
239
239
  ${tokens.calendarHeaderWrapperPadding}: 0;
240
240
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
241
241
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
242
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
243
242
 
244
243
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
245
244
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -36,3 +36,12 @@ export const headerConfig = {
36
36
  padding-bottom: 1.5rem;
37
37
  `
38
38
  };
39
+ export const contentConfig = {
40
+ variations: {
41
+ view: {
42
+ default: css`
43
+ padding-right: 0;
44
+ `
45
+ }
46
+ }
47
+ };
@@ -1,7 +1,7 @@
1
1
  import { drawerConfig, drawerContentConfig, drawerFooterConfig, drawerHeaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
- import { config, headerConfig } from './Drawer.config';
2
+ import { config, headerConfig, contentConfig } from './Drawer.config';
3
3
  const mergedConfig = mergeConfig(drawerConfig, config);
4
- const mergedContentConfig = mergeConfig(drawerContentConfig);
4
+ const mergedContentConfig = mergeConfig(drawerContentConfig, contentConfig);
5
5
  const mergedHeaderConfig = mergeConfig(drawerHeaderConfig, headerConfig);
6
6
  const mergedFooterConfig = mergeConfig(drawerFooterConfig);
7
7
  /**
@@ -4,11 +4,12 @@ import { config } from './Notification.config';
4
4
  const mergedConfig = mergeConfig(notificationConfig, config);
5
5
  export const NotificationNewHope = component(mergedConfig);
6
6
  export const Notification = NotificationNewHope;
7
- export const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
7
+ export const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED, defaultNotificationArgs })=>{
8
8
  return /*#__PURE__*/ React.createElement(Provider, {
9
9
  config: mergedConfig,
10
10
  frame: frame,
11
11
  placement: placement,
12
- UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
12
+ UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
13
+ defaultNotificationArgs: defaultNotificationArgs
13
14
  }, children);
14
15
  };
@@ -125,7 +125,7 @@ export const config = {
125
125
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
126
126
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
127
127
 
128
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
128
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
129
129
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
130
130
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
131
131
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -1,58 +1,35 @@
1
1
  import { textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_cs';
2
- import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
2
+ import { css } from '@salutejs/plasma-new-hope/emotion';
3
3
  export const config = {
4
4
  defaults: {
5
5
  view: 'accent',
6
6
  size: 'm'
7
7
  },
8
8
  variations: {
9
- size: {
10
- xxs: css`
11
- ${tokens.size}: 1rem;
12
- `,
13
- xs: css`
14
- ${tokens.size}: 1.5rem;
15
- `,
16
- s: css`
17
- ${tokens.size}: 2.25rem;
18
- `,
19
- m: css`
20
- ${tokens.size}: 3rem;
21
- `,
22
- l: css`
23
- ${tokens.size}: 3.5rem;
24
- `,
25
- xl: css`
26
- ${tokens.size}: 5.5rem;
27
- `,
28
- xxl: css`
29
- ${tokens.size}: 8rem;
30
- `
31
- },
32
9
  view: {
33
10
  default: css`
34
- ${tokens.color}: ${textPrimary};
11
+ --plasma-spinner-color: ${textPrimary};
35
12
  `,
36
13
  secondary: css`
37
- ${tokens.color}: ${textSecondary};
14
+ --plasma-spinner-color: ${textSecondary};
38
15
  `,
39
16
  tertiary: css`
40
- ${tokens.color}: ${textTertiary};
17
+ --plasma-spinner-color: ${textTertiary};
41
18
  `,
42
19
  paragraph: css`
43
- ${tokens.color}: var(--text-paragraph);
20
+ --plasma-spinner-color: var(--text-paragraph);
44
21
  `,
45
22
  accent: css`
46
- ${tokens.color}: ${textAccent};
23
+ --plasma-spinner-color: ${textAccent};
47
24
  `,
48
25
  positive: css`
49
- ${tokens.color}: ${textPositive};
26
+ --plasma-spinner-color: ${textPositive};
50
27
  `,
51
28
  warning: css`
52
- ${tokens.color}: ${textWarning};
29
+ --plasma-spinner-color: ${textWarning};
53
30
  `,
54
31
  negative: css`
55
- ${tokens.color}: ${textNegative};
32
+ --plasma-spinner-color: ${textNegative};
56
33
  `
57
34
  }
58
35
  }
@@ -1,7 +1,11 @@
1
+ import styled from '@emotion/styled';
1
2
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
3
  import { config } from './Spinner.config';
3
4
  const mergedConfig = mergeConfig(spinnerConfig, config);
4
5
  const SpinnerComponent = component(mergedConfig);
5
6
  /**
6
7
  * Компонент для отображения индикатора загрузки.
7
- */ export const Spinner = SpinnerComponent;
8
+ */ export const Spinner = /*#__PURE__*/ styled(SpinnerComponent, {
9
+ target: "e1426z6k0",
10
+ label: "Spinner"
11
+ })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vU3Bpbm5lci5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhzcGlubmVyQ29uZmlnLCBjb25maWcpO1xuY29uc3QgU3Bpbm5lckNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gICAgLyoqXG4gICAgICog0KDQsNC30LzQtdGAINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICB2aWV3Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgZGV2aWNlU2NhbGU/OiBudW1iZXI7XG59O1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQuNC90LTQuNC60LDRgtC+0YDQsCDQt9Cw0LPRgNGD0LfQutC4LlxuICovXG5leHBvcnQgY29uc3QgU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyQ29tcG9uZW50KWBgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDdUIifQ== */");
@@ -113,7 +113,7 @@ export const config = {
113
113
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
114
114
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
115
115
 
116
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
116
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
117
117
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
118
118
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
119
119
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -140,7 +140,7 @@ export const config = {
140
140
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
141
141
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
142
142
 
143
- ${tokens.leftHelperPadding}: 0.25rem;
143
+ ${tokens.leftHelperOffset}: 0.25rem;
144
144
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
145
145
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
146
146
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
214
214
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
215
215
 
216
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
218
218
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
219
219
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};