@salutejs/sdds-finportal 0.225.2-canary.1728.13027692269.0 → 0.225.2-canary.1732.13046307319.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.
- package/api/sdds-finportal.api.md +16 -4
- package/components/Badge/Badge.config.draft.js +4 -4
- package/components/Divider/Divider.config.draft.d.ts +22 -0
- package/components/Divider/Divider.config.draft.js +31 -0
- package/components/Dropdown/Dropdown.d.ts +40 -1
- package/components/Dropdown/index.d.ts +2 -0
- package/components/Select/Select.d.ts +1 -1
- package/components/Select/index.d.ts +2 -0
- package/es/components/Badge/Badge.config.draft.js +4 -4
- package/es/components/Divider/Divider.config.draft.js +25 -0
- package/package.json +2 -2
- package/temp/sdds-finportal.api.md +16 -4
|
@@ -94,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
|
|
|
94
94
|
import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
95
95
|
import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
96
96
|
import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
97
|
-
import
|
|
97
|
+
import { DropdownItemOption } from '@salutejs/plasma-new-hope';
|
|
98
98
|
import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
|
|
99
99
|
import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
|
|
100
100
|
import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
|
@@ -136,7 +136,6 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
136
136
|
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
|
|
137
137
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
|
|
138
138
|
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
|
139
|
-
import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
|
|
140
139
|
import { JSXElementConstructor } from 'react';
|
|
141
140
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
|
142
141
|
import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
|
|
@@ -198,6 +197,7 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
198
197
|
import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
199
198
|
import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
|
|
200
199
|
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';
|
|
@@ -1662,6 +1662,13 @@ default: PolymorphicClassName;
|
|
|
1662
1662
|
hoverIndex?: number | undefined;
|
|
1663
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;
|
|
1664
1664
|
|
|
1665
|
+
export { DropdownItemOption }
|
|
1666
|
+
|
|
1667
|
+
// Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
|
|
1668
|
+
//
|
|
1669
|
+
// @public (undocumented)
|
|
1670
|
+
export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
|
|
1671
|
+
|
|
1665
1672
|
// @public (undocumented)
|
|
1666
1673
|
export const Dropzone: FunctionComponent<PropsType< {
|
|
1667
1674
|
view: {
|
|
@@ -3125,10 +3132,15 @@ export { SegmentProvider }
|
|
|
3125
3132
|
|
|
3126
3133
|
export { SegmentProviderProps }
|
|
3127
3134
|
|
|
3128
|
-
//
|
|
3135
|
+
// @public (undocumented)
|
|
3136
|
+
export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
|
|
3137
|
+
|
|
3138
|
+
export { SelectItemOption }
|
|
3139
|
+
|
|
3140
|
+
// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
|
|
3129
3141
|
//
|
|
3130
3142
|
// @public (undocumented)
|
|
3131
|
-
export
|
|
3143
|
+
export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
|
|
3132
3144
|
|
|
3133
3145
|
// @public
|
|
3134
3146
|
export const Sheet: FunctionComponent<PropsType< {
|
|
@@ -23,10 +23,10 @@ var config = exports.config = {
|
|
|
23
23
|
light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
|
|
24
24
|
},
|
|
25
25
|
size: {
|
|
26
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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 ", ":
|
|
27
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\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 ", ":
|
|
28
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ":
|
|
29
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ":
|
|
26
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
|
|
27
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
|
|
28
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
|
|
29
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
|
|
30
30
|
},
|
|
31
31
|
pilled: {
|
|
32
32
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), _styledComponents.badgeTokens.pilledBorderRadius)
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
};
|
|
@@ -1,5 +1,44 @@
|
|
|
1
1
|
import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
|
|
2
|
-
import React from 'react';
|
|
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'>;
|
|
3
42
|
declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
4
43
|
size: {
|
|
5
44
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -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
|
-
declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
|
|
330
|
+
export 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 };
|
|
@@ -17,10 +17,10 @@ export var config = {
|
|
|
17
17
|
light: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-surface-transparent-card);\n\n ", ": var(--on-dark-text-primary);\n "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
|
-
l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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 ", ":
|
|
21
|
-
m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\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 ", ":
|
|
22
|
-
s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ":
|
|
23
|
-
xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ":
|
|
20
|
+
l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n\n ", ": 0.25rem 0.75rem;\n ", ": 0 0.375rem;\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.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
|
21
|
+
m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 0.25rem 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
|
22
|
+
s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n\n ", ": 0.188rem 0.5rem;\n ", ": 0 0.25rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
|
23
|
+
xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n\n ", ": 0 0.25rem;\n ", ": 0 0.188rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
|
24
24
|
},
|
|
25
25
|
pilled: {
|
|
26
26
|
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), badgeTokens.pilledBorderRadius)
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-finportal",
|
|
3
|
-
"version": "0.225.2-canary.
|
|
3
|
+
"version": "0.225.2-canary.1732.13046307319.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",
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"Vasiliy Loginevskiy"
|
|
96
96
|
],
|
|
97
97
|
"sideEffects": false,
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "986496e64b2373769ed02d341e703820d58dd4ac"
|
|
99
99
|
}
|
|
@@ -94,7 +94,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
|
|
|
94
94
|
import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
95
95
|
import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
96
96
|
import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
97
|
-
import
|
|
97
|
+
import { DropdownItemOption } from '@salutejs/plasma-new-hope';
|
|
98
98
|
import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
|
|
99
99
|
import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
|
|
100
100
|
import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
|
@@ -136,7 +136,6 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
136
136
|
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/styled-components';
|
|
137
137
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
|
|
138
138
|
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
|
139
|
-
import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
|
|
140
139
|
import { JSXElementConstructor } from 'react';
|
|
141
140
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
|
142
141
|
import { LabelProps } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
|
|
@@ -198,6 +197,7 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
|
198
197
|
import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
199
198
|
import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
|
|
200
199
|
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';
|
|
@@ -1662,6 +1662,13 @@ default: PolymorphicClassName;
|
|
|
1662
1662
|
hoverIndex?: number | undefined;
|
|
1663
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;
|
|
1664
1664
|
|
|
1665
|
+
export { DropdownItemOption }
|
|
1666
|
+
|
|
1667
|
+
// Warning: (ae-forgotten-export) The symbol "DropdownNewHope" needs to be exported by the entry point index.d.ts
|
|
1668
|
+
//
|
|
1669
|
+
// @public (undocumented)
|
|
1670
|
+
export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
|
|
1671
|
+
|
|
1665
1672
|
// @public (undocumented)
|
|
1666
1673
|
export const Dropzone: FunctionComponent<PropsType< {
|
|
1667
1674
|
view: {
|
|
@@ -3125,10 +3132,15 @@ export { SegmentProvider }
|
|
|
3125
3132
|
|
|
3126
3133
|
export { SegmentProviderProps }
|
|
3127
3134
|
|
|
3128
|
-
//
|
|
3135
|
+
// @public (undocumented)
|
|
3136
|
+
export const Select: <K extends SelectItemOption>(props: SelectProps<K> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
|
|
3137
|
+
|
|
3138
|
+
export { SelectItemOption }
|
|
3139
|
+
|
|
3140
|
+
// Warning: (ae-forgotten-export) The symbol "SelectNewHope" needs to be exported by the entry point index.d.ts
|
|
3129
3141
|
//
|
|
3130
3142
|
// @public (undocumented)
|
|
3131
|
-
export
|
|
3143
|
+
export type SelectProps<K extends SelectItemOption> = DistributiveOmit<SelectProps_2<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
|
|
3132
3144
|
|
|
3133
3145
|
// @public
|
|
3134
3146
|
export const Sheet: FunctionComponent<PropsType< {
|