@finam/web-ui-kit-components 3.26.1 → 3.27.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/CHANGELOG.md +6 -0
- package/dist/AccordionBanner/AccordionBanner.styles.js +3 -2
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js +1 -0
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +1 -0
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js +1 -0
- package/dist/Calendar/Calendar.styles.js +4 -3
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +3 -2
- package/dist/Calendar/Day/Day.styles.js +1 -0
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js +4 -3
- package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js +4 -3
- package/dist/Calendar/SlideTransition/SlideTransition.styles.js +2 -1
- package/dist/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/Checkbox/Checkbox.styles.js +3 -2
- package/dist/CheckboxField/CheckboxField.styles.js +2 -1
- package/dist/Chip/Chip.styles.js +1 -0
- package/dist/ContextMenu/ContextMenu.styles.js +1 -0
- package/dist/DatePicker/DatePicker.styles.js +2 -1
- package/dist/DateTimePeriod/DateTimePeriod.styles.js +6 -5
- package/dist/DateTimePicker/DateTimePicker.styles.js +3 -2
- package/dist/Dialog/Dialog.styles.js +3 -2
- package/dist/DialogActions/DialogActions.styles.js +1 -0
- package/dist/DialogContent/DialogContent.styles.js +1 -0
- package/dist/DialogTitle/DialogTitle.styles.js +3 -2
- package/dist/Divider/Divider.styles.js +1 -0
- package/dist/DraggablePopover/DraggablePopover.styles.js +2 -1
- package/dist/DropDownMenu/DropDownMenu.styles.js +1 -0
- package/dist/EmptyScreen/EmptyScreen.styles.js +2 -1
- package/dist/FeatureCallout/FeatureCallout.styles.js +1 -0
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js +1 -0
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js +1 -0
- package/dist/FieldHint/FieldHint.styles.js +7 -6
- package/dist/FieldLabel/FieldLabel.styles.js +1 -0
- package/dist/FormGroup/FormGroup.styles.js +1 -0
- package/dist/InlineBanner/InlineBanner.styles.js +3 -2
- package/dist/Input/Input.styles.js +2 -1
- package/dist/Loader/Loader.styles.js +1 -0
- package/dist/LoaderBackdrop/LoaderBackdrop.styles.js +1 -0
- package/dist/LoaderDots/LoaderDots.styles.js +1 -0
- package/dist/MarketingButton/MarketingButton.styles.js +6 -5
- package/dist/MenuItem/MenuItem.styles.js +19 -18
- package/dist/MenuList/MenuList.styles.js +1 -0
- package/dist/MenuList/sharedMenuStyles.styles.js +1 -0
- package/dist/Modal/Backdrop.js +15 -23
- package/dist/Modal/Modal.styles.js +1 -0
- package/dist/MultiSelectField/MultiSelectField.styles.js +4 -3
- package/dist/NumberTextField/NumberTextField.styles.js +1 -0
- package/dist/PaginatorNumber/PageButton/PageButton.styles.js +2 -1
- package/dist/PaginatorNumber/PaginatorNumber.styles.js +1 -0
- package/dist/PaginatorOverflow/PaginatorOverflow.styles.js +1 -0
- package/dist/Paper/Paper.styles.css +1 -1
- package/dist/Paper/Paper.styles.js +8 -7
- package/dist/Popover/Popover.styles.js +2 -1
- package/dist/Popover/ResizeDetector.js +18 -19
- package/dist/PopperDropDown/PopperDropDown.styles.js +3 -2
- package/dist/ProductCard/ProductCard.styles.js +9 -8
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js +1 -0
- package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js +1 -0
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js +1 -0
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js +1 -0
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js +1 -0
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js +2 -0
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js +1 -0
- package/dist/ProductCard/badges/utils.js +4 -6
- package/dist/ProductCard/layouts/common/Content.styles.js +1 -0
- package/dist/ProductCard/layouts/common/Footer.styles.js +1 -0
- package/dist/ProductCard/layouts/iip/Background.styles.js +1 -0
- package/dist/ProductCard/layouts/iip/Footer.styles.js +1 -0
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js +5 -12
- package/dist/ProductCard/layouts/ipo/Content.styles.js +1 -0
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js +1 -0
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js +1 -0
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js +1 -0
- package/dist/ProductCard/layouts/ipo/Title.styles.js +1 -0
- package/dist/ProductCard/layouts/shared/MediaTitle.styles.js +1 -0
- package/dist/ProductCard/layouts/zhek/Background.styles.js +1 -0
- package/dist/ProductCard/layouts/zhek/Footer.styles.js +2 -1
- package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js +1 -0
- package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js +1 -0
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js +1 -0
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js +1 -0
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js +1 -0
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js +1 -0
- package/dist/Radio/Radio.styles.js +1 -0
- package/dist/RadioField/RadioField.styles.js +2 -1
- package/dist/RollPicker/PickerColumn/PickerColumn.styles.js +1 -0
- package/dist/RollPicker/RollPicker.styles.js +2 -1
- package/dist/SecurityIndicator/SecurityIndicator.styles.js +3 -2
- package/dist/Select/SelectField.styles.js +24 -29
- package/dist/SelectField/SelectField.js +1 -1
- package/dist/SelectField/SelectField.js.map +1 -1
- package/dist/Skeleton/Skeleton.styles.js +4 -3
- package/dist/Slider/Slider.styles.js +3 -2
- package/dist/SliderIndicator/SliderIndicator.styles.js +1 -0
- package/dist/Snackbar/Snackbar.styles.js +1 -0
- package/dist/SnackbarContent/SnackbarContent.styles.js +4 -3
- package/dist/Stepper/Stepper.styles.js +2 -1
- package/dist/Switch/Switch.styles.js +1 -0
- package/dist/SwitchBase/SwitchBase.styles.js +1 -0
- package/dist/Tabs/Tabs.styles.js +2 -6
- package/dist/Tag/Tag.styles.js +1 -0
- package/dist/TextArea/TextArea.styles.js +1 -0
- package/dist/TextField/TextField.styles.js +2 -1
- package/dist/TimePicker/TimePicker.styles.js +2 -1
- package/dist/Tooltip/Tooltip.styles.js +4 -3
- package/dist/TradeBadge/BackgroundFilled.js +15 -21
- package/dist/TradeBadge/BackgroundInner.js +15 -21
- package/dist/TradeBadge/StackedArrow.js +12 -17
- package/dist/TradeBadge/TradeBadge.styles.js +13 -12
- package/dist/Typography/Typography.styles.js +1 -0
- package/dist/theme/ThemeProvider.d.ts +1 -1
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -14,14 +14,14 @@ const MenuItemGroup = /*#__PURE__*/styled('div')({
|
|
|
14
14
|
class: "ui_components_mjz8fvr",
|
|
15
15
|
propsAsIs: false
|
|
16
16
|
});
|
|
17
|
-
const
|
|
18
|
-
export const MenuItemLeftGroup = /*#__PURE__*/styled(
|
|
17
|
+
const _exp95 = () => (MenuItemGroup);
|
|
18
|
+
export const MenuItemLeftGroup = /*#__PURE__*/styled(_exp95())({
|
|
19
19
|
name: "MenuItemLeftGroup",
|
|
20
20
|
class: "ui_components_m1yv4a35",
|
|
21
21
|
propsAsIs: true
|
|
22
22
|
});
|
|
23
|
-
const
|
|
24
|
-
export const MenuItemRightGroup = /*#__PURE__*/styled(
|
|
23
|
+
const _exp98 = () => (MenuItemGroup);
|
|
24
|
+
export const MenuItemRightGroup = /*#__PURE__*/styled(_exp98())({
|
|
25
25
|
name: "MenuItemRightGroup",
|
|
26
26
|
class: "ui_components_m1ryu2g2",
|
|
27
27
|
propsAsIs: true
|
|
@@ -36,48 +36,49 @@ export const MenuItemSubmenuAnchor = /*#__PURE__*/styled('div')({
|
|
|
36
36
|
class: "ui_components_m91w5a7",
|
|
37
37
|
propsAsIs: false
|
|
38
38
|
});
|
|
39
|
-
const
|
|
40
|
-
const MenuDividerUi = /*#__PURE__*/styled(
|
|
39
|
+
const _exp125 = () => (Divider);
|
|
40
|
+
const MenuDividerUi = /*#__PURE__*/styled(_exp125())({
|
|
41
41
|
name: "MenuDividerUi",
|
|
42
42
|
class: "ui_components_m1jdqo2q",
|
|
43
43
|
propsAsIs: true
|
|
44
44
|
});
|
|
45
|
-
export const MenuDivider = props => createElement(MenuDividerUi, Object.assign({
|
|
45
|
+
export const MenuDivider = (props) => (createElement(MenuDividerUi, Object.assign({
|
|
46
46
|
fullWidth: false,
|
|
47
47
|
noMargin: false
|
|
48
|
-
}, props));
|
|
49
|
-
const
|
|
50
|
-
const MenuSubtitleUi = /*#__PURE__*/styled(
|
|
48
|
+
}, props)));
|
|
49
|
+
const _exp127 = () => (Typography);
|
|
50
|
+
const MenuSubtitleUi = /*#__PURE__*/styled(_exp127())({
|
|
51
51
|
name: "MenuSubtitleUi",
|
|
52
52
|
class: "ui_components_mq66t8d",
|
|
53
53
|
propsAsIs: true
|
|
54
54
|
});
|
|
55
|
-
export const MenuSubtitle = props => createElement(MenuSubtitleUi, Object.assign({
|
|
55
|
+
export const MenuSubtitle = (props) => (createElement(MenuSubtitleUi, Object.assign({
|
|
56
56
|
variant: 'caption12',
|
|
57
57
|
weight: 'medium',
|
|
58
58
|
color: 'custom'
|
|
59
|
-
}, props));
|
|
60
|
-
const
|
|
61
|
-
const MenuItemCaptionUi = /*#__PURE__*/styled(
|
|
59
|
+
}, props)));
|
|
60
|
+
const _exp130 = () => (Typography);
|
|
61
|
+
const MenuItemCaptionUi = /*#__PURE__*/styled(_exp130())({
|
|
62
62
|
name: "MenuItemCaptionUi",
|
|
63
63
|
class: "ui_components_m11gb9gd",
|
|
64
64
|
propsAsIs: true
|
|
65
65
|
});
|
|
66
|
-
export const MenuItemCaption = props => createElement(MenuItemCaptionUi, Object.assign({
|
|
66
|
+
export const MenuItemCaption = (props) => (createElement(MenuItemCaptionUi, Object.assign({
|
|
67
67
|
variant: 'caption11',
|
|
68
68
|
weight: 'normal',
|
|
69
69
|
color: 'custom'
|
|
70
|
-
}, props));
|
|
70
|
+
}, props)));
|
|
71
71
|
export const MenuItemText = /*#__PURE__*/styled('span')({
|
|
72
72
|
name: "MenuItemText",
|
|
73
73
|
class: "ui_components_mbwvny6",
|
|
74
74
|
propsAsIs: false
|
|
75
75
|
});
|
|
76
|
-
const
|
|
77
|
-
export const Chevron = /*#__PURE__*/styled(
|
|
76
|
+
const _exp137 = () => (ChevronRightSmall);
|
|
77
|
+
export const Chevron = /*#__PURE__*/styled(_exp137())({
|
|
78
78
|
name: "Chevron",
|
|
79
79
|
class: "ui_components_c1u6fcb7",
|
|
80
80
|
propsAsIs: true
|
|
81
81
|
});
|
|
82
|
+
//# sourceMappingURL=MenuItem.styles.js.map
|
|
82
83
|
|
|
83
84
|
import "./MenuItem.styles.css";
|
package/dist/Modal/Backdrop.js
CHANGED
|
@@ -12,30 +12,22 @@ const Root = /*#__PURE__*/styled('div')({
|
|
|
12
12
|
propsAsIs: false
|
|
13
13
|
});
|
|
14
14
|
const Backdrop = forwardRef((_a, ref) => {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
classNames: transitionFadeParent,
|
|
30
|
-
timeout: 300
|
|
31
|
-
}, TransitionProps, {
|
|
32
|
-
nodeRef: nodeRef,
|
|
33
|
-
children: _jsx(Root, Object.assign({}, otherProps, {
|
|
34
|
-
className: rootClassName,
|
|
35
|
-
ref: handleRef
|
|
36
|
-
}))
|
|
37
|
-
}));
|
|
15
|
+
var { open, TransitionProps, invisible, className } = _a, otherProps = __rest(_a, ["open", "TransitionProps", "invisible", "className"]);
|
|
16
|
+
const rootClassName = classnames(transitionFade(), className, {
|
|
17
|
+
transparent: invisible
|
|
18
|
+
});
|
|
19
|
+
const nodeRef = useRef(null);
|
|
20
|
+
const handleRef = useForkRef(ref, nodeRef);
|
|
21
|
+
return (_jsx(CSSTransition, Object.assign({
|
|
22
|
+
in: open,
|
|
23
|
+
classNames: transitionFadeParent,
|
|
24
|
+
timeout: 300
|
|
25
|
+
}, TransitionProps, {
|
|
26
|
+
nodeRef: nodeRef,
|
|
27
|
+
children: _jsx(Root, Object.assign({}, otherProps, { className: rootClassName, ref: handleRef }))
|
|
28
|
+
})));
|
|
38
29
|
});
|
|
39
30
|
export default memo(Backdrop);
|
|
31
|
+
//# sourceMappingURL=Backdrop.js.map
|
|
40
32
|
|
|
41
33
|
import "./Backdrop.css";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export const styles = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
tag: "ui_components_tor3tar",
|
|
3
|
+
loaderDots: "ui_components_l1w6soxr",
|
|
4
|
+
displayValue: "ui_components_dzb0tay",
|
|
5
5
|
};
|
|
6
|
+
//# sourceMappingURL=MultiSelectField.styles.js.map
|
|
6
7
|
|
|
7
8
|
import "./MultiSelectField.styles.css";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
|
-
const _exp2 =
|
|
2
|
+
const _exp2 = () => (props => props.size === 'l' ? '24px' : '20px');
|
|
3
3
|
export const Label = /*#__PURE__*/styled('span')({
|
|
4
4
|
name: "Label",
|
|
5
5
|
class: "ui_components_ltxofoq",
|
|
@@ -8,5 +8,6 @@ export const Label = /*#__PURE__*/styled('span')({
|
|
|
8
8
|
"ltxofoq-0": [_exp2()]
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
+
//# sourceMappingURL=PageButton.styles.js.map
|
|
11
12
|
|
|
12
13
|
import "./PageButton.styles.css";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ui_components_rj78grh.bg-default{background-color:var(--ui-colors-bg-base);}.ui_components_rj78grh.bg-elevated{background-color:var(--ui-colors-bg-base-elevated);}.ui_components_rj78grh.bg-secondary{background-color:var(--ui-colors-bg-base-secondary);}.ui_components_rj78grh.bg-tertiary{background-color:var(--ui-colors-bg-base-tertiary);}.ui_components_rj78grh.bg-tooltip{background-color:var(--ui-colors-bg-base-tooltip);}.ui_components_rj78grh.shadow-cardLow{box-shadow:var(--ui-shadow-cardLow);}.ui_components_rj78grh.shadow-cardMid{box-shadow:var(--ui-shadow-cardMid);}.ui_components_rj78grh.shadow-cardHigh{box-shadow:var(--ui-shadow-cardHigh);}.ui_components_rj78grh.shadow-cardDark{box-shadow:var(--ui-shadow-cardDark);}.ui_components_rj78grh.shadow-onChart{box-shadow:var(--ui-shadow-onChart);}.ui_components_rj78grh.shadow-menuPopover{box-shadow:var(--ui-shadow-menuPopover);}.ui_components_rj78grh.shadow-modalDialog{box-shadow:var(--ui-shadow-modalDialog);}.ui_components_rj78grh.shadow-headerMenu{box-shadow:var(--ui-shadow-headerMenu);}.ui_components_rj78grh.shadow-stack{box-shadow:var(--ui-shadow-stack-front);}.ui_components_rj78grh.radius-badgeL{border-radius:var(--ui-radius-badgeL);}.ui_components_rj78grh.radius-badgeM{border-radius:var(--ui-radius-badgeM);}.ui_components_rj78grh.radius-badgeS{border-radius:var(--ui-radius-badgeS);}.ui_components_rj78grh.radius-buttonL{border-radius:var(--ui-radius-buttonL);}.ui_components_rj78grh.radius-buttonM{border-radius:var(--ui-radius-buttonM);}.ui_components_rj78grh.radius-buttonS{border-radius:var(--ui-radius-buttonS);}.ui_components_rj78grh.radius-buttonXS{border-radius:var(--ui-radius-buttonXS);}.ui_components_rj78grh.radius-filterButtonL{border-radius:var(--ui-radius-filterButtonL);}.ui_components_rj78grh.radius-filterButtonM{border-radius:var(--ui-radius-filterButtonM);}.ui_components_rj78grh.radius-filterButtonS{border-radius:var(--ui-radius-filterButtonS);}.ui_components_rj78grh.radius-filterButtonXS{border-radius:var(--ui-radius-filterButtonXS);}.ui_components_rj78grh.radius-input{border-radius:var(--ui-radius-input);}.ui_components_rj78grh.radius-inputXS{border-radius:var(--ui-radius-inputXS);}.ui_components_rj78grh.radius-menuItem{border-radius:var(--ui-radius-menuItem);}.ui_components_rj78grh.radius-modalDialog{border-radius:var(--ui-radius-modalDialog);}.ui_components_rj78grh.radius-popover{border-radius:var(--ui-radius-popover);}.ui_components_rj78grh.radius-tabL{border-radius:var(--ui-radius-tabL);}.ui_components_rj78grh.radius-tabM{border-radius:var(--ui-radius-tabM);}.ui_components_rj78grh.radius-tabS{border-radius:var(--ui-radius-tabS);}.ui_components_rj78grh.radius-tabXL{border-radius:var(--ui-radius-tabXL);}.ui_components_rj78grh.radius-tabXS{border-radius:var(--ui-radius-tabXS);}.ui_components_rj78grh.radius-toggleButtonL{border-radius:var(--ui-radius-toggleButtonL);}.ui_components_rj78grh.radius-toggleButtonM{border-radius:var(--ui-radius-toggleButtonM);}.ui_components_rj78grh.radius-toggleButtonS{border-radius:var(--ui-radius-toggleButtonS);}.ui_components_rj78grh.radius-toggleButtonXS{border-radius:var(--ui-radius-toggleButtonXS);}.ui_components_rj78grh.radius-widget{border-radius:var(--ui-radius-widget);}.ui_components_rj78grh.radius-2xl{border-radius:var(--ui-radius-2xl);}.ui_components_rj78grh.radius-3xl{border-radius:var(--ui-radius-3xl);}.ui_components_rj78grh.radius-4xl{border-radius:var(--ui-radius-4xl);}.ui_components_rj78grh.radius-checkbox{border-radius:var(--ui-radius-checkbox);}.ui_components_rj78grh.radius-l{border-radius:var(--ui-radius-l);}.ui_components_rj78grh.radius-m{border-radius:var(--ui-radius-m);}.ui_components_rj78grh.radius-none{border-radius:var(--ui-radius-none);}.ui_components_rj78grh.radius-rounded{border-radius:var(--ui-radius-rounded);}.ui_components_rj78grh.radius-s{border-radius:var(--ui-radius-s);}.ui_components_rj78grh.radius-xl{border-radius:var(--ui-radius-xl);}.ui_components_rj78grh.radius-xs{border-radius:var(--ui-radius-xs);}
|
|
1
|
+
.ui_components_rj78grh.bg-default{background-color:var(--ui-colors-bg-base);}.ui_components_rj78grh.bg-elevated{background-color:var(--ui-colors-bg-base-elevated);}.ui_components_rj78grh.bg-secondary{background-color:var(--ui-colors-bg-base-secondary);}.ui_components_rj78grh.bg-tertiary{background-color:var(--ui-colors-bg-base-tertiary);}.ui_components_rj78grh.bg-tooltip{background-color:var(--ui-colors-bg-base-tooltip);}.ui_components_rj78grh.shadow-cardLow{box-shadow:var(--ui-shadow-cardLow);}.ui_components_rj78grh.shadow-cardMid{box-shadow:var(--ui-shadow-cardMid);}.ui_components_rj78grh.shadow-cardHigh{box-shadow:var(--ui-shadow-cardHigh);}.ui_components_rj78grh.shadow-cardDark{box-shadow:var(--ui-shadow-cardDark);}.ui_components_rj78grh.shadow-onChart{box-shadow:var(--ui-shadow-onChart);}.ui_components_rj78grh.shadow-menuPopover{box-shadow:var(--ui-shadow-menuPopover);}.ui_components_rj78grh.shadow-modalDialog{box-shadow:var(--ui-shadow-modalDialog);}.ui_components_rj78grh.shadow-headerMenu{box-shadow:var(--ui-shadow-headerMenu);}.ui_components_rj78grh.shadow-stack{box-shadow:var(--ui-shadow-stack-front);}.ui_components_rj78grh.radius-badgeL{border-radius:var(--ui-radius-badgeL);}.ui_components_rj78grh.radius-badgeM{border-radius:var(--ui-radius-badgeM);}.ui_components_rj78grh.radius-badgeS{border-radius:var(--ui-radius-badgeS);}.ui_components_rj78grh.radius-buttonL{border-radius:var(--ui-radius-buttonL);}.ui_components_rj78grh.radius-buttonM{border-radius:var(--ui-radius-buttonM);}.ui_components_rj78grh.radius-buttonS{border-radius:var(--ui-radius-buttonS);}.ui_components_rj78grh.radius-buttonXS{border-radius:var(--ui-radius-buttonXS);}.ui_components_rj78grh.radius-filterButtonL{border-radius:var(--ui-radius-filterButtonL);}.ui_components_rj78grh.radius-filterButtonM{border-radius:var(--ui-radius-filterButtonM);}.ui_components_rj78grh.radius-filterButtonS{border-radius:var(--ui-radius-filterButtonS);}.ui_components_rj78grh.radius-filterButtonXS{border-radius:var(--ui-radius-filterButtonXS);}.ui_components_rj78grh.radius-input{border-radius:var(--ui-radius-input);}.ui_components_rj78grh.radius-inputXS{border-radius:var(--ui-radius-inputXS);}.ui_components_rj78grh.radius-menuItem{border-radius:var(--ui-radius-menuItem);}.ui_components_rj78grh.radius-modalDialog{border-radius:var(--ui-radius-modalDialog);}.ui_components_rj78grh.radius-popover{border-radius:var(--ui-radius-popover);}.ui_components_rj78grh.radius-tabL{border-radius:var(--ui-radius-tabL);}.ui_components_rj78grh.radius-tabM{border-radius:var(--ui-radius-tabM);}.ui_components_rj78grh.radius-tabS{border-radius:var(--ui-radius-tabS);}.ui_components_rj78grh.radius-tabXL{border-radius:var(--ui-radius-tabXL);}.ui_components_rj78grh.radius-tabXS{border-radius:var(--ui-radius-tabXS);}.ui_components_rj78grh.radius-toggleButtonL{border-radius:var(--ui-radius-toggleButtonL);}.ui_components_rj78grh.radius-toggleButtonM{border-radius:var(--ui-radius-toggleButtonM);}.ui_components_rj78grh.radius-toggleButtonS{border-radius:var(--ui-radius-toggleButtonS);}.ui_components_rj78grh.radius-toggleButtonXS{border-radius:var(--ui-radius-toggleButtonXS);}.ui_components_rj78grh.radius-widget{border-radius:var(--ui-radius-widget);}.ui_components_rj78grh.radius-2xl{border-radius:var(--ui-radius-2xl);}.ui_components_rj78grh.radius-2xs{border-radius:var(--ui-radius-2xs);}.ui_components_rj78grh.radius-3xl{border-radius:var(--ui-radius-3xl);}.ui_components_rj78grh.radius-3xs{border-radius:var(--ui-radius-3xs);}.ui_components_rj78grh.radius-4xl{border-radius:var(--ui-radius-4xl);}.ui_components_rj78grh.radius-checkbox{border-radius:var(--ui-radius-checkbox);}.ui_components_rj78grh.radius-l{border-radius:var(--ui-radius-l);}.ui_components_rj78grh.radius-m{border-radius:var(--ui-radius-m);}.ui_components_rj78grh.radius-none{border-radius:var(--ui-radius-none);}.ui_components_rj78grh.radius-rounded{border-radius:var(--ui-radius-rounded);}.ui_components_rj78grh.radius-s{border-radius:var(--ui-radius-s);}.ui_components_rj78grh.radius-xl{border-radius:var(--ui-radius-xl);}.ui_components_rj78grh.radius-xs{border-radius:var(--ui-radius-xs);}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
2
|
import { mapPropClassName } from '../utils/className.js';
|
|
3
|
-
export const mapPropStyles = (tokensObject, classNamePrefix, cssProperty, nestedObjectKey) => Object.keys(tokensObject).reduce((acc, tokenKey) => {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, {});
|
|
3
|
+
export const mapPropStyles = (tokensObject, classNamePrefix, cssProperty, nestedObjectKey) => (Object.keys(tokensObject).reduce((acc, tokenKey) => {
|
|
4
|
+
const token = tokensObject[tokenKey];
|
|
5
|
+
acc[`&.${mapPropClassName(classNamePrefix, tokenKey)}`] = {
|
|
6
|
+
[cssProperty]: typeof token === 'object' && nestedObjectKey ? token[nestedObjectKey] : token,
|
|
7
|
+
};
|
|
8
|
+
return acc;
|
|
9
|
+
}, {}));
|
|
10
10
|
export const Root = /*#__PURE__*/styled('div')({
|
|
11
11
|
name: "Root",
|
|
12
12
|
class: "ui_components_rj78grh",
|
|
13
13
|
propsAsIs: false
|
|
14
14
|
});
|
|
15
|
+
//# sourceMappingURL=Paper.styles.js.map
|
|
15
16
|
|
|
16
17
|
import "./Paper.styles.css";
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
2
|
import Paper from '../Paper/index.js';
|
|
3
3
|
export const transitionClassName = "ui_components_t1o6zyet";
|
|
4
|
-
const _exp =
|
|
4
|
+
const _exp = () => (Paper);
|
|
5
5
|
export const PaperStyled = /*#__PURE__*/styled(_exp())({
|
|
6
6
|
name: "PaperStyled",
|
|
7
7
|
class: "ui_components_px0e3ji",
|
|
8
8
|
propsAsIs: true
|
|
9
9
|
});
|
|
10
|
+
//# sourceMappingURL=Popover.styles.js.map
|
|
10
11
|
|
|
11
12
|
import "./Popover.styles.css";
|
|
@@ -6,27 +6,26 @@ const StyledIframe = /*#__PURE__*/styled('iframe')({
|
|
|
6
6
|
class: "ui_components_s1y8b5s2",
|
|
7
7
|
propsAsIs: false
|
|
8
8
|
});
|
|
9
|
-
const ResizeSensor = ({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
const ResizeSensor = ({ onResize }) => {
|
|
10
|
+
const iframeRef = useRef(null);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const iframe = iframeRef.current;
|
|
13
|
+
if (onResize && iframe && iframe.contentWindow) {
|
|
14
|
+
iframe.contentWindow.addEventListener('resize', onResize);
|
|
15
|
+
return () => {
|
|
16
|
+
if (iframe.contentWindow) {
|
|
17
|
+
iframe.contentWindow.removeEventListener('resize', onResize);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
return
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
tabIndex: -1
|
|
28
|
-
});
|
|
21
|
+
return undefined;
|
|
22
|
+
}, [onResize]);
|
|
23
|
+
return (_jsx(StyledIframe, {
|
|
24
|
+
ref: iframeRef,
|
|
25
|
+
tabIndex: -1
|
|
26
|
+
}));
|
|
29
27
|
};
|
|
30
28
|
export default ResizeSensor;
|
|
29
|
+
//# sourceMappingURL=ResizeDetector.js.map
|
|
31
30
|
|
|
32
31
|
import "./ResizeDetector.css";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
2
|
import Popper from '../Popper/index.js';
|
|
3
3
|
import Paper from '../Paper/index.js';
|
|
4
|
-
const _exp =
|
|
4
|
+
const _exp = () => (Popper);
|
|
5
5
|
export const PopperStyled = /*#__PURE__*/styled(_exp())({
|
|
6
6
|
name: "PopperStyled",
|
|
7
7
|
class: "ui_components_p19kl4m4",
|
|
@@ -12,11 +12,12 @@ export const Root = /*#__PURE__*/styled('div')({
|
|
|
12
12
|
class: "ui_components_r13uncq",
|
|
13
13
|
propsAsIs: false
|
|
14
14
|
});
|
|
15
|
-
const _exp2 =
|
|
15
|
+
const _exp2 = () => (Paper);
|
|
16
16
|
export const PaperStyled = /*#__PURE__*/styled(_exp2())({
|
|
17
17
|
name: "PaperStyled",
|
|
18
18
|
class: "ui_components_pqmoehj",
|
|
19
19
|
propsAsIs: true
|
|
20
20
|
});
|
|
21
|
+
//# sourceMappingURL=PopperDropDown.styles.js.map
|
|
21
22
|
|
|
22
23
|
import "./PopperDropDown.styles.css";
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { ProductCardLayoutId
|
|
1
|
+
import { ProductCardLayoutId} from './types.js';
|
|
2
2
|
export const iipContent = "ui_components_i1mbik64";
|
|
3
3
|
export const zhekContent = iipContent;
|
|
4
4
|
export const root = "ui_components_r1b142ms";
|
|
5
5
|
export const iipLayoutClassName = (layoutId, hasImage) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
if (layoutId !== ProductCardLayoutId.IIP) {
|
|
7
|
+
return undefined;
|
|
8
|
+
}
|
|
9
|
+
return {
|
|
10
|
+
[ProductCardLayoutId.IIP]: true,
|
|
11
|
+
iipWithImage: hasImage === true,
|
|
12
|
+
};
|
|
13
13
|
};
|
|
14
|
+
//# sourceMappingURL=ProductCard.styles.js.map
|
|
14
15
|
|
|
15
16
|
import "./ProductCard.styles.css";
|
|
@@ -23,5 +23,6 @@ export const notificationSlotSizeM = "ui_components_nzdcxh9";
|
|
|
23
23
|
export const notificationSlotSizeS = "ui_components_n14enej5";
|
|
24
24
|
export const bellButtonWrap = "ui_components_b1vor2l8";
|
|
25
25
|
export const headerSizePlaceholder = "ui_components_h1p72ip";
|
|
26
|
+
//# sourceMappingURL=ProductCardBadgesHeader.styles.js.map
|
|
26
27
|
|
|
27
28
|
import "./ProductCardBadgesHeader.styles.css";
|
package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/** Стили rating-тега как в tx-web (`Tag.styles.ts`, type="rating"). */
|
|
2
|
+
|
|
2
3
|
export const root = "ui_components_r1h9x3vb";
|
|
3
4
|
export const ratingText = "ui_components_r1mnkbb9";
|
|
5
|
+
//# sourceMappingURL=ProductCardIpoRatingBadge.styles.js.map
|
|
4
6
|
|
|
5
7
|
import "./ProductCardIpoRatingBadge.styles.css";
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { ProductCardLayoutId, ProductCardView } from '../types.js';
|
|
2
2
|
const IPO_BADGE_SIZE_BY_VIEW = {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
desktop: 's',
|
|
4
|
+
mobile: 's',
|
|
5
5
|
};
|
|
6
6
|
const IPO_BADGE_TAG_SIZE = IPO_BADGE_SIZE_BY_VIEW.desktop;
|
|
7
|
-
export const getIpoBadgeSizeByView = view => {
|
|
8
|
-
var _a;
|
|
9
|
-
return (_a = IPO_BADGE_SIZE_BY_VIEW[view]) !== null && _a !== void 0 ? _a : IPO_BADGE_TAG_SIZE;
|
|
10
|
-
};
|
|
7
|
+
export const getIpoBadgeSizeByView = (view) => { var _a; return (_a = IPO_BADGE_SIZE_BY_VIEW[view]) !== null && _a !== void 0 ? _a : IPO_BADGE_TAG_SIZE; };
|
|
11
8
|
const HEADER_BADGE_SIZE = {
|
|
12
9
|
[ProductCardLayoutId.COMMON]: {
|
|
13
10
|
[ProductCardView.DESKTOP]: 's',
|
|
@@ -31,5 +28,6 @@ export const getHeaderBadgeSize = (layoutId, view) => HEADER_BADGE_SIZE[layoutId
|
|
|
31
28
|
export const accentBadge = "ui_components_a123wm6b";
|
|
32
29
|
export const centeredTag = "ui_components_c11a11qa";
|
|
33
30
|
export const centeredIcon = "ui_components_crhbv61";
|
|
31
|
+
//# sourceMappingURL=utils.js.map
|
|
34
32
|
|
|
35
33
|
import "./utils.css";
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
2
|
import { tokens } from '@finam/web-ui-kit-core/theme/contract';
|
|
3
3
|
export const MAX_IIP_SECURITY_ICONS = 2;
|
|
4
|
-
const _exp3 =
|
|
5
|
-
$count
|
|
6
|
-
}) => $count;
|
|
4
|
+
const _exp3 = () => (({ $count }) => $count);
|
|
7
5
|
export const Root = /*#__PURE__*/styled('div')({
|
|
8
6
|
name: "Root",
|
|
9
7
|
class: "ui_components_rlygl8",
|
|
@@ -12,15 +10,9 @@ export const Root = /*#__PURE__*/styled('div')({
|
|
|
12
10
|
"rlygl8-0": [_exp3()]
|
|
13
11
|
}
|
|
14
12
|
});
|
|
15
|
-
const _exp7 =
|
|
16
|
-
|
|
17
|
-
}) => $
|
|
18
|
-
const _exp8 = /*#__PURE__*/() => ({
|
|
19
|
-
$index
|
|
20
|
-
}) => $index + 1;
|
|
21
|
-
const _exp9 = /*#__PURE__*/() => ({
|
|
22
|
-
$background
|
|
23
|
-
}) => $background;
|
|
13
|
+
const _exp7 = () => (({ $index }) => $index);
|
|
14
|
+
const _exp8 = () => (({ $index }) => $index + 1);
|
|
15
|
+
const _exp9 = () => (({ $background }) => $background);
|
|
24
16
|
export const Icon = /*#__PURE__*/styled('div')({
|
|
25
17
|
name: "Icon",
|
|
26
18
|
class: "ui_components_i12nnozm",
|
|
@@ -33,5 +25,6 @@ export const Icon = /*#__PURE__*/styled('div')({
|
|
|
33
25
|
});
|
|
34
26
|
export const iconPositiveBackground = tokens.colors.bg.positive.default.default;
|
|
35
27
|
export const iconBrandBackground = tokens.colors.bg.brand.default.default;
|
|
28
|
+
//# sourceMappingURL=ProductCardIipSecurityIcons.styles.js.map
|
|
36
29
|
|
|
37
30
|
import "./ProductCardIipSecurityIcons.styles.css";
|
|
@@ -2,5 +2,6 @@ export const titleMediaRoot = "ui_components_t1e5sztn";
|
|
|
2
2
|
export const titleIipRoot = titleMediaRoot;
|
|
3
3
|
export const titleClamp2 = "ui_components_t1qptjog";
|
|
4
4
|
export const titleClamp3 = "ui_components_t1ck6gld";
|
|
5
|
+
//# sourceMappingURL=MediaTitle.styles.js.map
|
|
5
6
|
|
|
6
7
|
import "./MediaTitle.styles.css";
|
|
@@ -9,12 +9,13 @@ export const MetricColumn = /*#__PURE__*/styled('div')({
|
|
|
9
9
|
class: "ui_components_m19smlra",
|
|
10
10
|
propsAsIs: false
|
|
11
11
|
});
|
|
12
|
-
const _exp3 =
|
|
12
|
+
const _exp3 = () => (MetricColumn);
|
|
13
13
|
export const RightMetricColumn = /*#__PURE__*/styled(_exp3())({
|
|
14
14
|
name: "RightMetricColumn",
|
|
15
15
|
class: "ui_components_r1q1eaax",
|
|
16
16
|
propsAsIs: true
|
|
17
17
|
});
|
|
18
18
|
export const minAmountValue = "ui_components_m15vuduv";
|
|
19
|
+
//# sourceMappingURL=Footer.styles.js.map
|
|
19
20
|
|
|
20
21
|
import "./Footer.styles.css";
|
|
@@ -13,5 +13,6 @@ export const placeholderVisible = "ui_components_pn9gr0h";
|
|
|
13
13
|
export const placeholderHidden = "ui_components_p29pgvs";
|
|
14
14
|
export const imageVisible = "ui_components_imgtku7";
|
|
15
15
|
export const imageHidden = "ui_components_i1ulj8i2";
|
|
16
|
+
//# sourceMappingURL=ProductCardBackgroundImage.styles.js.map
|
|
16
17
|
|
|
17
18
|
import "./ProductCardBackgroundImage.styles.css";
|