@finam/web-ui-kit-components 3.26.2 → 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 +4 -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.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/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,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";
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { styled } from '@linaria/react';
|
|
2
2
|
import FieldLabelBase from '../FieldLabel/index.js';
|
|
3
|
-
const _exp =
|
|
3
|
+
const _exp = () => (FieldLabelBase);
|
|
4
4
|
export const FieldLabel = /*#__PURE__*/styled(_exp())({
|
|
5
5
|
name: "FieldLabel",
|
|
6
6
|
class: "ui_components_f1e7j12z",
|
|
7
7
|
propsAsIs: true
|
|
8
8
|
});
|
|
9
|
+
//# sourceMappingURL=RadioField.styles.js.map
|
|
9
10
|
|
|
10
11
|
import "./RadioField.styles.css";
|