@salutejs/sdds-finportal 0.225.2-canary.1732.13047023818.0 → 0.226.0-canary.1719.12951148116.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 (16) hide show
  1. package/api/sdds-finportal.api.md +12 -28
  2. package/components/Combobox/Combobox.d.ts +1 -1
  3. package/components/Combobox/index.d.ts +0 -2
  4. package/components/Dropdown/Dropdown.d.ts +1 -40
  5. package/components/Dropdown/index.d.ts +0 -2
  6. package/components/Select/Select.d.ts +1 -1
  7. package/components/Select/index.d.ts +0 -2
  8. package/components/Toast/Toast.config.d.ts +10 -0
  9. package/components/Toast/Toast.config.js +16 -6
  10. package/components/Toast/Toast.d.ts +2 -0
  11. package/es/components/Toast/Toast.config.js +16 -6
  12. package/package.json +3 -3
  13. package/temp/sdds-finportal.api.md +12 -28
  14. package/components/Divider/Divider.config.draft.d.ts +0 -22
  15. package/components/Divider/Divider.config.draft.js +0 -31
  16. package/es/components/Divider/Divider.config.draft.js +0 -25
package/api/sdds-finportal.api.md CHANGED
@@ -61,8 +61,7 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
61
61
  import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
62
62
  import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
63
63
  import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
64
- import { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';
65
- import type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
64
+ import type { ComboboxProps } from '@salutejs/plasma-new-hope';
66
65
  import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
67
66
  import { ComponentProps } from 'react';
68
67
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -95,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
95
94
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
96
95
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
97
96
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
98
- import { DropdownItemOption } from '@salutejs/plasma-new-hope';
97
+ import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
99
98
  import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
100
99
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
101
100
  import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -136,6 +135,8 @@ import { ImgHTMLAttributes } from 'react';
136
135
  import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
137
136
  import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
138
137
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
138
+ import type { ItemOption } from '@salutejs/plasma-new-hope';
139
+ import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
139
140
  import { JSXElementConstructor } from 'react';
140
141
  import { KeyboardEvent as KeyboardEvent_2 } from 'react';
141
142
  import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
@@ -175,7 +176,7 @@ import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
175
176
  import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
176
177
  import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
177
178
  import { Property } from 'csstype';
178
- import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
179
+ import { Props as Props_2 } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
179
180
  import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
180
181
  import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
181
182
  import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -197,7 +198,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
197
198
  import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
198
199
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
199
200
  import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
200
- import { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
201
201
  import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
202
202
  import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
203
203
  import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
@@ -1395,16 +1395,10 @@ export { ColProps }
1395
1395
 
1396
1396
  export { ColSizeProps }
1397
1397
 
1398
- // @public (undocumented)
1399
- export const Combobox: <T extends ComboboxItemOption>(props: ComboboxProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1400
-
1401
- export { ComboboxItemOption }
1402
-
1403
- // Warning: (ae-forgotten-export) The symbol "PropsFromConfig" needs to be exported by the entry point index.d.ts
1404
- // Warning: (ae-forgotten-export) The symbol "ComboboxNew" needs to be exported by the entry point index.d.ts
1398
+ // Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point index.d.ts
1405
1399
  //
1406
1400
  // @public (undocumented)
1407
- export type ComboboxProps<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps_2<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
1401
+ export const Combobox: <T extends ItemOption>(props: Props<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1408
1402
 
1409
1403
  // @public
1410
1404
  export const Counter: FunctionComponent<PropsType< {
@@ -1668,13 +1662,6 @@ default: PolymorphicClassName;
1668
1662
  hoverIndex?: number | undefined;
1669
1663
  } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "size" | "view"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1670
1664
 
1671
- export { DropdownItemOption }
1672
-
1673
- // Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
1674
- //
1675
- // @public (undocumented)
1676
- export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
1677
-
1678
1665
  // @public (undocumented)
1679
1666
  export const Dropzone: FunctionComponent<PropsType< {
1680
1667
  view: {
@@ -1761,7 +1748,7 @@ m: PolymorphicClassName;
1761
1748
  s: PolymorphicClassName;
1762
1749
  xs: PolymorphicClassName;
1763
1750
  };
1764
- }> & Props & RefAttributes<HTMLDivElement>>;
1751
+ }> & Props_2 & RefAttributes<HTMLDivElement>>;
1765
1752
 
1766
1753
  // @public (undocumented)
1767
1754
  export const Flow: FunctionComponent<PropsType< {}> & FlowProps & {
@@ -3138,15 +3125,10 @@ export { SegmentProvider }
3138
3125
 
3139
3126
  export { SegmentProviderProps }
3140
3127
 
3141
- // @public (undocumented)
3142
- export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
3143
-
3144
- export { SelectItemOption }
3145
-
3146
- // Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
3128
+ // Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
3147
3129
  //
3148
3130
  // @public (undocumented)
3149
- export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
3131
+ export const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
3150
3132
 
3151
3133
  // @public
3152
3134
  export const Sheet: FunctionComponent<PropsType< {
@@ -4271,6 +4253,8 @@ export { textXSBold }
4271
4253
  export const Toast: FunctionComponent<PropsType< {
4272
4254
  view: {
4273
4255
  default: PolymorphicClassName;
4256
+ positive: PolymorphicClassName;
4257
+ negative: PolymorphicClassName;
4274
4258
  dark: PolymorphicClassName;
4275
4259
  light: PolymorphicClassName;
4276
4260
  };
package/components/Combobox/Combobox.d.ts CHANGED
@@ -1161,6 +1161,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
1161
1161
  hintContentLeft?: undefined;
1162
1162
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>))>;
1163
1163
  declare type PropsFromConfig = keyof typeof config['variations'];
1164
- export declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
1164
+ declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
1165
1165
  declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
1166
1166
  export { Combobox };
package/components/Combobox/index.d.ts CHANGED
@@ -1,3 +1 @@
1
1
  export { Combobox } from './Combobox';
2
- export type { Props as ComboboxProps } from './Combobox';
3
- export type { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';
package/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,44 +1,5 @@
1
1
  import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
2
- import React, { ComponentProps } from 'react';
3
- declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
- size: {
5
- l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
- s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
- xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
- };
10
- view: {
11
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- };
13
- }> & {
14
- items: DropdownItemOption[];
15
- alwaysOpened?: boolean | undefined;
16
- children?: React.ReactNode;
17
- itemRole?: string | undefined;
18
- onHover?: ((index: number) => void) | undefined;
19
- onItemSelect?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
20
- trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
21
- placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
22
- offset?: [number, number] | undefined;
23
- listWidth?: import("csstype").Property.Width<string | number> | undefined;
24
- hasArrow?: boolean | undefined;
25
- closeOnSelect?: boolean | undefined;
26
- closeOnOverlayClick?: boolean | undefined;
27
- onToggle?: ((isOpen: boolean, event: Event | React.SyntheticEvent<Element, Event>) => void) | undefined;
28
- size?: string | undefined;
29
- view?: string | undefined;
30
- variant?: "normal" | "tight" | undefined;
31
- portal?: string | React.RefObject<HTMLElement> | undefined;
32
- renderItem?: ((item: DropdownItemOption) => React.ReactNode) | undefined;
33
- zIndex?: import("csstype").Property.ZIndex | undefined;
34
- beforeList?: React.ReactNode;
35
- afterList?: React.ReactNode;
36
- onItemClick?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
37
- listOverflow?: import("csstype").Property.Overflow | undefined;
38
- listHeight?: import("csstype").Property.Height<string | number> | undefined;
39
- hoverIndex?: number | undefined;
40
- } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
41
- export declare type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
2
+ import React from 'react';
42
3
  declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
43
4
  size: {
44
5
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Dropdown/index.d.ts CHANGED
@@ -1,3 +1 @@
1
1
  export { Dropdown } from './Dropdown';
2
- export type { DropdownProps } from './Dropdown';
3
- export type { DropdownItemOption } from '@salutejs/plasma-new-hope';
package/components/Select/Select.d.ts CHANGED
@@ -327,6 +327,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
327
327
  hasItems?: boolean | undefined;
328
328
  isOpen?: boolean | undefined;
329
329
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
330
- export declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
330
+ declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
331
331
  declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
332
332
  export { Select };
package/components/Select/index.d.ts CHANGED
@@ -1,3 +1 @@
1
1
  export { Select } from './Select';
2
- export type { SelectProps } from './Select';
3
- export type { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
package/components/Toast/Toast.config.d.ts CHANGED
@@ -7,7 +7,17 @@ export declare const config: {
7
7
  variations: {
8
8
  view: {
9
9
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ /**
13
+ * @deprecated
14
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
15
+ */
10
16
  dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
+ /**
18
+ * @deprecated
19
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
20
+ */
11
21
  light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
22
  };
13
23
  size: {
package/components/Toast/Toast.config.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
@@ -16,17 +16,27 @@ var config = exports.config = {
16
16
  variations: {
17
17
  view: {
18
18
  "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
19
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
20
- light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
19
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--text-positive);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
20
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--text-negative);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
21
+ /**
22
+ * @deprecated
23
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
24
+ */
25
+ dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
26
+ /**
27
+ * @deprecated
28
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
29
+ */
30
+ light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
21
31
  },
22
32
  size: {
23
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
33
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
24
34
  },
25
35
  closeIconType: {
26
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.5rem;\n "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
36
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.5rem;\n "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
27
37
  },
28
38
  pilled: {
29
- "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.leftContentMargin, _styledComponents.toastTokens.closeIconMargin)
39
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
30
40
  }
31
41
  }
32
42
  };
package/components/Toast/Toast.d.ts CHANGED
@@ -3,6 +3,8 @@ export { useToast } from '@salutejs/plasma-new-hope/styled-components';
3
3
  export declare const Toast: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
4
  view: {
5
5
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
8
  dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
9
  light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
10
  };
package/es/components/Toast/Toast.config.js CHANGED
@@ -1,4 +1,4 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css, toastTokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
@@ -10,17 +10,27 @@ export var config = {
10
10
  variations: {
11
11
  view: {
12
12
  "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
13
- dark: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
14
- light: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
13
+ positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--text-positive);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
14
+ negative: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n ", ": var(--text-negative);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
15
+ /**
16
+ * @deprecated
17
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
18
+ */
19
+ dark: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-solid-primary-brightness);\n\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
20
+ /**
21
+ * @deprecated
22
+ * светлый и темный фон регулировать через `view` компонента `ViewContainer`
23
+ */
24
+ light: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-surface-solid-primary-brightness);\n\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-light-text-secondary);\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
15
25
  },
16
26
  size: {
17
- m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
27
+ m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5625rem 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
18
28
  },
19
29
  closeIconType: {
20
- "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.5rem;\n "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
30
+ "default": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 1.5rem;\n "])), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
21
31
  },
22
32
  pilled: {
23
- "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n "])), toastTokens.pilledBorderRadius, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
33
+ "true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n\n ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n "])), toastTokens.pilledBorderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
24
34
  }
25
35
  }
26
36
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.225.2-canary.1732.13047023818.0",
3
+ "version": "0.226.0-canary.1719.12951148116.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.248.1-dev.0",
22
+ "@salutejs/plasma-new-hope": "0.249.0-canary.1719.12951148116.0",
23
23
  "@salutejs/sdds-themes": "0.31.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -95,5 +95,5 @@
95
95
  "Vasiliy Loginevskiy"
96
96
  ],
97
97
  "sideEffects": false,
98
- "gitHead": "98160d242a1f16d20447981735e089c1fc1affe4"
98
+ "gitHead": "948aef0496344b4eb08549a4a05ae39eaca108a4"
99
99
  }
package/temp/sdds-finportal.api.md CHANGED
@@ -61,8 +61,7 @@ import { ColCount } from '@salutejs/plasma-new-hope/styled-components';
61
61
  import { ColOffsetProps } from '@salutejs/plasma-new-hope/styled-components';
62
62
  import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
63
63
  import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
64
- import { ItemOption as ComboboxItemOption } from '@salutejs/plasma-new-hope';
65
- import type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
64
+ import type { ComboboxProps } from '@salutejs/plasma-new-hope';
66
65
  import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
67
66
  import { ComponentProps } from 'react';
68
67
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -95,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
95
94
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
96
95
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
97
96
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
98
- import { DropdownItemOption } from '@salutejs/plasma-new-hope';
97
+ import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
99
98
  import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
100
99
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
101
100
  import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -136,6 +135,8 @@ import { ImgHTMLAttributes } from 'react';
136
135
  import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
137
136
  import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
138
137
  import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
138
+ import type { ItemOption } from '@salutejs/plasma-new-hope';
139
+ import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
139
140
  import { JSXElementConstructor } from 'react';
140
141
  import { KeyboardEvent as KeyboardEvent_2 } from 'react';
141
142
  import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
@@ -175,7 +176,7 @@ import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
175
176
  import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
176
177
  import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
177
178
  import { Property } from 'csstype';
178
- import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
179
+ import { Props as Props_2 } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
179
180
  import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
180
181
  import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
181
182
  import { RangeInputRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -197,7 +198,6 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
197
198
  import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
198
199
  import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
199
200
  import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
200
- import { ItemOptionSelect as SelectItemOption } from '@salutejs/plasma-new-hope';
201
201
  import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
202
202
  import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
203
203
  import type { SelectProps as SelectProps_2 } from '@salutejs/plasma-new-hope';
@@ -1395,16 +1395,10 @@ export { ColProps }
1395
1395
 
1396
1396
  export { ColSizeProps }
1397
1397
 
1398
- // @public (undocumented)
1399
- export const Combobox: <T extends ComboboxItemOption>(props: ComboboxProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1400
-
1401
- export { ComboboxItemOption }
1402
-
1403
- // Warning: (ae-forgotten-export) The symbol "PropsFromConfig" needs to be exported by the entry point index.d.ts
1404
- // Warning: (ae-forgotten-export) The symbol "ComboboxNew" needs to be exported by the entry point index.d.ts
1398
+ // Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point index.d.ts
1405
1399
  //
1406
1400
  // @public (undocumented)
1407
- export type ComboboxProps<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps_2<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
1401
+ export const Combobox: <T extends ItemOption>(props: Props<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1408
1402
 
1409
1403
  // @public
1410
1404
  export const Counter: FunctionComponent<PropsType< {
@@ -1668,13 +1662,6 @@ default: PolymorphicClassName;
1668
1662
  hoverIndex?: number | undefined;
1669
1663
  } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "size" | "view"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1670
1664
 
1671
- export { DropdownItemOption }
1672
-
1673
- // Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
1674
- //
1675
- // @public (undocumented)
1676
- export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
1677
-
1678
1665
  // @public (undocumented)
1679
1666
  export const Dropzone: FunctionComponent<PropsType< {
1680
1667
  view: {
@@ -1761,7 +1748,7 @@ m: PolymorphicClassName;
1761
1748
  s: PolymorphicClassName;
1762
1749
  xs: PolymorphicClassName;
1763
1750
  };
1764
- }> & Props & RefAttributes<HTMLDivElement>>;
1751
+ }> & Props_2 & RefAttributes<HTMLDivElement>>;
1765
1752
 
1766
1753
  // @public (undocumented)
1767
1754
  export const Flow: FunctionComponent<PropsType< {}> & FlowProps & {
@@ -3138,15 +3125,10 @@ export { SegmentProvider }
3138
3125
 
3139
3126
  export { SegmentProviderProps }
3140
3127
 
3141
- // @public (undocumented)
3142
- export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
3143
-
3144
- export { SelectItemOption }
3145
-
3146
- // Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
3128
+ // Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
3147
3129
  //
3148
3130
  // @public (undocumented)
3149
- export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
3131
+ export const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
3150
3132
 
3151
3133
  // @public
3152
3134
  export const Sheet: FunctionComponent<PropsType< {
@@ -4271,6 +4253,8 @@ export { textXSBold }
4271
4253
  export const Toast: FunctionComponent<PropsType< {
4272
4254
  view: {
4273
4255
  default: PolymorphicClassName;
4256
+ positive: PolymorphicClassName;
4257
+ negative: PolymorphicClassName;
4274
4258
  dark: PolymorphicClassName;
4275
4259
  light: PolymorphicClassName;
4276
4260
  };
package/components/Divider/Divider.config.draft.d.ts DELETED
@@ -1,22 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- orientation: string;
6
- };
7
- variations: {
8
- view: {
9
- default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
- dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
- light: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
- inverse: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
- };
14
- size: {
15
- m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
- };
17
- orientation: {
18
- horizontal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
- vertical: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
- };
21
- };
22
- };
package/components/Divider/Divider.config.draft.js DELETED
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
9
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
- var config = exports.config = {
11
- defaults: {
12
- view: 'default',
13
- size: 'm',
14
- orientation: 'horizontal'
15
- },
16
- variations: {
17
- view: {
18
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--outline-solid-primary);\n "])), _styledComponents.dividerTokens.background),
19
- dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-outline-solid-primary);\n "])), _styledComponents.dividerTokens.background),
20
- light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-outline-solid-primary);\n "])), _styledComponents.dividerTokens.background),
21
- inverse: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-outline-solid-primary);\n "])), _styledComponents.dividerTokens.background)
22
- },
23
- size: {
24
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), _styledComponents.dividerTokens.borderRadius)
25
- },
26
- orientation: {
27
- horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), _styledComponents.dividerTokens.baseSideSize),
28
- vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), _styledComponents.dividerTokens.baseSideSize)
29
- }
30
- }
31
- };
package/es/components/Divider/Divider.config.draft.js DELETED
@@ -1,25 +0,0 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { css, dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
4
- export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 'm',
8
- orientation: 'horizontal'
9
- },
10
- variations: {
11
- view: {
12
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--outline-solid-primary);\n "])), dividerTokens.background),
13
- dark: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-outline-solid-primary);\n "])), dividerTokens.background),
14
- light: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-outline-solid-primary);\n "])), dividerTokens.background),
15
- inverse: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-outline-solid-primary);\n "])), dividerTokens.background)
16
- },
17
- size: {
18
- m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), dividerTokens.borderRadius)
19
- },
20
- orientation: {
21
- horizontal: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), dividerTokens.baseSideSize),
22
- vertical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n "])), dividerTokens.baseSideSize)
23
- }
24
- }
25
- };