@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.
Files changed (112) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/AccordionBanner/AccordionBanner.styles.js +3 -2
  3. package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js +1 -0
  4. package/dist/Breadcrumbs/Breadcrumbs.styles.js +1 -0
  5. package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js +1 -0
  6. package/dist/Calendar/Calendar.styles.js +4 -3
  7. package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +3 -2
  8. package/dist/Calendar/Day/Day.styles.js +1 -0
  9. package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js +4 -3
  10. package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js +4 -3
  11. package/dist/Calendar/SlideTransition/SlideTransition.styles.js +2 -1
  12. package/dist/Checkbox/Checkbox.styles.d.ts +1 -1
  13. package/dist/Checkbox/Checkbox.styles.js +3 -2
  14. package/dist/CheckboxField/CheckboxField.styles.js +2 -1
  15. package/dist/Chip/Chip.styles.js +1 -0
  16. package/dist/ContextMenu/ContextMenu.styles.js +1 -0
  17. package/dist/DatePicker/DatePicker.styles.js +2 -1
  18. package/dist/DateTimePeriod/DateTimePeriod.styles.js +6 -5
  19. package/dist/DateTimePicker/DateTimePicker.styles.js +3 -2
  20. package/dist/Dialog/Dialog.styles.js +3 -2
  21. package/dist/DialogActions/DialogActions.styles.js +1 -0
  22. package/dist/DialogContent/DialogContent.styles.js +1 -0
  23. package/dist/DialogTitle/DialogTitle.styles.js +3 -2
  24. package/dist/Divider/Divider.styles.js +1 -0
  25. package/dist/DraggablePopover/DraggablePopover.styles.js +2 -1
  26. package/dist/DropDownMenu/DropDownMenu.styles.js +1 -0
  27. package/dist/EmptyScreen/EmptyScreen.styles.js +2 -1
  28. package/dist/FeatureCallout/FeatureCallout.styles.js +1 -0
  29. package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js +1 -0
  30. package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js +1 -0
  31. package/dist/FieldHint/FieldHint.styles.js +7 -6
  32. package/dist/FieldLabel/FieldLabel.styles.js +1 -0
  33. package/dist/FormGroup/FormGroup.styles.js +1 -0
  34. package/dist/InlineBanner/InlineBanner.styles.js +3 -2
  35. package/dist/Input/Input.styles.js +2 -1
  36. package/dist/Loader/Loader.styles.js +1 -0
  37. package/dist/LoaderBackdrop/LoaderBackdrop.styles.js +1 -0
  38. package/dist/LoaderDots/LoaderDots.styles.js +1 -0
  39. package/dist/MarketingButton/MarketingButton.styles.js +6 -5
  40. package/dist/MenuItem/MenuItem.styles.js +19 -18
  41. package/dist/MenuList/MenuList.styles.js +1 -0
  42. package/dist/MenuList/sharedMenuStyles.styles.js +1 -0
  43. package/dist/Modal/Backdrop.js +15 -23
  44. package/dist/Modal/Modal.styles.js +1 -0
  45. package/dist/MultiSelectField/MultiSelectField.styles.js +4 -3
  46. package/dist/NumberTextField/NumberTextField.styles.js +1 -0
  47. package/dist/PaginatorNumber/PageButton/PageButton.styles.js +2 -1
  48. package/dist/PaginatorNumber/PaginatorNumber.styles.js +1 -0
  49. package/dist/PaginatorOverflow/PaginatorOverflow.styles.js +1 -0
  50. package/dist/Paper/Paper.styles.css +1 -1
  51. package/dist/Paper/Paper.styles.js +8 -7
  52. package/dist/Popover/Popover.styles.js +2 -1
  53. package/dist/Popover/ResizeDetector.js +18 -19
  54. package/dist/PopperDropDown/PopperDropDown.styles.js +3 -2
  55. package/dist/ProductCard/ProductCard.styles.js +9 -8
  56. package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js +1 -0
  57. package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js +1 -0
  58. package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js +1 -0
  59. package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js +1 -0
  60. package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js +1 -0
  61. package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js +2 -0
  62. package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js +1 -0
  63. package/dist/ProductCard/badges/utils.js +4 -6
  64. package/dist/ProductCard/layouts/common/Content.styles.js +1 -0
  65. package/dist/ProductCard/layouts/common/Footer.styles.js +1 -0
  66. package/dist/ProductCard/layouts/iip/Background.styles.js +1 -0
  67. package/dist/ProductCard/layouts/iip/Footer.styles.js +1 -0
  68. package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js +5 -12
  69. package/dist/ProductCard/layouts/ipo/Content.styles.js +1 -0
  70. package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js +1 -0
  71. package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js +1 -0
  72. package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js +1 -0
  73. package/dist/ProductCard/layouts/ipo/Title.styles.js +1 -0
  74. package/dist/ProductCard/layouts/shared/MediaTitle.styles.js +1 -0
  75. package/dist/ProductCard/layouts/zhek/Background.styles.js +1 -0
  76. package/dist/ProductCard/layouts/zhek/Footer.styles.js +2 -1
  77. package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js +1 -0
  78. package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js +1 -0
  79. package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js +1 -0
  80. package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js +1 -0
  81. package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js +1 -0
  82. package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js +1 -0
  83. package/dist/Radio/Radio.styles.js +1 -0
  84. package/dist/RadioField/RadioField.styles.js +2 -1
  85. package/dist/RollPicker/PickerColumn/PickerColumn.styles.js +1 -0
  86. package/dist/RollPicker/RollPicker.styles.js +2 -1
  87. package/dist/SecurityIndicator/SecurityIndicator.styles.js +3 -2
  88. package/dist/Select/SelectField.styles.js +24 -29
  89. package/dist/SelectField/SelectField.js +1 -1
  90. package/dist/SelectField/SelectField.js.map +1 -1
  91. package/dist/Skeleton/Skeleton.styles.js +4 -3
  92. package/dist/Slider/Slider.styles.js +3 -2
  93. package/dist/SliderIndicator/SliderIndicator.styles.js +1 -0
  94. package/dist/Snackbar/Snackbar.styles.js +1 -0
  95. package/dist/SnackbarContent/SnackbarContent.styles.js +4 -3
  96. package/dist/Stepper/Stepper.styles.js +2 -1
  97. package/dist/Switch/Switch.styles.js +1 -0
  98. package/dist/SwitchBase/SwitchBase.styles.js +1 -0
  99. package/dist/Tabs/Tabs.styles.js +2 -6
  100. package/dist/Tag/Tag.styles.js +1 -0
  101. package/dist/TextArea/TextArea.styles.js +1 -0
  102. package/dist/TextField/TextField.styles.js +2 -1
  103. package/dist/TimePicker/TimePicker.styles.js +2 -1
  104. package/dist/Tooltip/Tooltip.styles.js +4 -3
  105. package/dist/TradeBadge/BackgroundFilled.js +15 -21
  106. package/dist/TradeBadge/BackgroundInner.js +15 -21
  107. package/dist/TradeBadge/StackedArrow.js +12 -17
  108. package/dist/TradeBadge/TradeBadge.styles.js +13 -12
  109. package/dist/Typography/Typography.styles.js +1 -0
  110. package/dist/theme/ThemeProvider.d.ts +1 -1
  111. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  112. package/package.json +5 -5
@@ -1,44 +1,39 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { styled } from '@linaria/react';
3
3
  import SvgIcon from '@finam/web-ui-kit-icons/SvgIcon';
4
- const InnerIcon = props => _jsx(SvgIcon, Object.assign({
4
+ const InnerIcon = (props) => (_jsx(SvgIcon, Object.assign({
5
5
  width: 8,
6
6
  height: 18
7
7
  }, props, {
8
- children: _jsx("path", {
9
- d: "M2.83772 0H0V18H2.83772C4.12901 18 5.27543 17.1737 5.68377 15.9487L7.68377 9.94868C7.88904 9.33288 7.88904 8.66712 7.68377 8.05132L5.68377 2.05132C5.27543 0.82629 4.12901 0 2.83772 0Z"
10
- })
11
- }));
12
- const RightIcon = props => _jsx(SvgIcon, Object.assign({
8
+ children: _jsx("path", { d: "M2.83772 0H0V18H2.83772C4.12901 18 5.27543 17.1737 5.68377 15.9487L7.68377 9.94868C7.88904 9.33288 7.88904 8.66712 7.68377 8.05132L5.68377 2.05132C5.27543 0.82629 4.12901 0 2.83772 0Z" })
9
+ })));
10
+ const RightIcon = (props) => (_jsx(SvgIcon, Object.assign({
13
11
  width: 10,
14
12
  height: 20
15
13
  }, props, {
16
- children: _jsx("path", {
17
- d: "M1.95932 0H0V20H1.95932C3.59386 20 4.41112 20 5.10942 19.729C5.72615 19.4896 6.27389 19.101 6.70356 18.598C7.19006 18.0284 7.46005 17.257 8.00002 15.7142L9.44501 11.5857C9.65072 10.9979 9.75357 10.7041 9.79439 10.4028C9.83061 10.1355 9.83061 9.86452 9.79439 9.59721C9.75357 9.29592 9.65072 9.00206 9.44502 8.41434L9.44501 8.41432L8.00002 4.28576C7.46005 2.74299 7.19006 1.9716 6.70356 1.40205C6.27389 0.899015 5.72615 0.510409 5.10942 0.271033C4.41112 0 3.59386 0 1.95932 0Z"
18
- })
19
- }));
14
+ children: _jsx("path", { d: "M1.95932 0H0V20H1.95932C3.59386 20 4.41112 20 5.10942 19.729C5.72615 19.4896 6.27389 19.101 6.70356 18.598C7.19006 18.0284 7.46005 17.257 8.00002 15.7142L9.44501 11.5857C9.65072 10.9979 9.75357 10.7041 9.79439 10.4028C9.83061 10.1355 9.83061 9.86452 9.79439 9.59721C9.75357 9.29592 9.65072 9.00206 9.44502 8.41434L9.44501 8.41432L8.00002 4.28576C7.46005 2.74299 7.19006 1.9716 6.70356 1.40205C6.27389 0.899015 5.72615 0.510409 5.10942 0.271033C4.41112 0 3.59386 0 1.95932 0Z" })
15
+ })));
20
16
  const Root = /*#__PURE__*/styled('div')({
21
17
  name: "Root",
22
18
  class: "ui_components_r1ofbq8x",
23
19
  propsAsIs: false
24
20
  });
25
- const _exp = /*#__PURE__*/() => InnerIcon;
21
+ const _exp = () => (InnerIcon);
26
22
  const Inner = /*#__PURE__*/styled(_exp())({
27
23
  name: "Inner",
28
24
  class: "ui_components_i1rdm1ee",
29
25
  propsAsIs: true
30
26
  });
31
- const _exp2 = /*#__PURE__*/() => RightIcon;
27
+ const _exp2 = () => (RightIcon);
32
28
  const Right = /*#__PURE__*/styled(_exp2())({
33
29
  name: "Right",
34
30
  class: "ui_components_rn8x4gy",
35
31
  propsAsIs: true
36
32
  });
37
- const StackedArrow = props => _jsxs(Root, Object.assign({}, props, {
38
- children: [_jsx(Inner, {
39
- className: "inner"
40
- }), _jsx(Right, {})]
41
- }));
33
+ const StackedArrow = (props) => (_jsxs(Root, Object.assign({}, props, {
34
+ children: [_jsx(Inner, { className: "inner" }), _jsx(Right, {})]
35
+ })));
42
36
  export default StackedArrow;
37
+ //# sourceMappingURL=StackedArrow.js.map
43
38
 
44
39
  import "./StackedArrow.css";
@@ -13,8 +13,8 @@ export const Content = /*#__PURE__*/styled('div')({
13
13
  class: "ui_components_c1ryoiwy",
14
14
  propsAsIs: false
15
15
  });
16
- const _exp23 = /*#__PURE__*/() => Typography;
17
- export const Label = /*#__PURE__*/styled(_exp23())({
16
+ const _exp25 = () => (Typography);
17
+ export const Label = /*#__PURE__*/styled(_exp25())({
18
18
  name: "Label",
19
19
  class: "ui_components_l1u02153",
20
20
  propsAsIs: true
@@ -24,14 +24,14 @@ const DefaultText = /*#__PURE__*/styled('span')({
24
24
  class: "ui_components_d1iv590d",
25
25
  propsAsIs: false
26
26
  });
27
- const _exp33 = /*#__PURE__*/() => DefaultText;
28
- export const Slash = /*#__PURE__*/styled(_exp33())({
27
+ const _exp35 = () => (DefaultText);
28
+ export const Slash = /*#__PURE__*/styled(_exp35())({
29
29
  name: "Slash",
30
30
  class: "ui_components_s15uuaxw",
31
31
  propsAsIs: true
32
32
  });
33
- const _exp34 = /*#__PURE__*/() => DefaultText;
34
- export const MainText = /*#__PURE__*/styled(_exp34())({
33
+ const _exp36 = () => (DefaultText);
34
+ export const MainText = /*#__PURE__*/styled(_exp36())({
35
35
  name: "MainText",
36
36
  class: "ui_components_m1bsfant",
37
37
  propsAsIs: true
@@ -46,24 +46,25 @@ export const RightColoredText = /*#__PURE__*/styled('span')({
46
46
  class: "ui_components_r162k6ft",
47
47
  propsAsIs: false
48
48
  });
49
- const _exp73 = /*#__PURE__*/() => BackgroundFilledBase;
50
- export const BackgroundFilled = /*#__PURE__*/styled(_exp73())({
49
+ const _exp75 = () => (BackgroundFilledBase);
50
+ export const BackgroundFilled = /*#__PURE__*/styled(_exp75())({
51
51
  name: "BackgroundFilled",
52
52
  class: "ui_components_bx6m76s",
53
53
  propsAsIs: true
54
54
  });
55
- const _exp74 = /*#__PURE__*/() => BackgroundInnerBase;
56
- export const BackgroundInner = /*#__PURE__*/styled(_exp74())({
55
+ const _exp76 = () => (BackgroundInnerBase);
56
+ export const BackgroundInner = /*#__PURE__*/styled(_exp76())({
57
57
  name: "BackgroundInner",
58
58
  class: "ui_components_b162d5u3",
59
59
  propsAsIs: true
60
60
  });
61
61
  export const iconStyles = "ui_components_i1dw5c3t";
62
- const _exp79 = /*#__PURE__*/() => StackedArrowBase;
63
- export const StackedArrow = /*#__PURE__*/styled(_exp79())({
62
+ const _exp81 = () => (StackedArrowBase);
63
+ export const StackedArrow = /*#__PURE__*/styled(_exp81())({
64
64
  name: "StackedArrow",
65
65
  class: "ui_components_s4uqmyp",
66
66
  propsAsIs: true
67
67
  });
68
+ //# sourceMappingURL=TradeBadge.styles.js.map
68
69
 
69
70
  import "./TradeBadge.styles.css";
@@ -1,3 +1,4 @@
1
1
  export const noMarginClassName = "ui_components_n9atpg2";
2
+ //# sourceMappingURL=Typography.styles.js.map
2
3
 
3
4
  import "./Typography.styles.css";
@@ -6,7 +6,7 @@ declare const ThemeProvider: import("react").ComponentType<{
6
6
  theme: ThemeTokensValues;
7
7
  }, C>(WrappedComponent: import("react").ComponentType<Props> & C) => import("react").ComponentType<import("@callstack/react-theme-provider").$Without<Props, "theme"> & {
8
8
  theme?: import("@callstack/react-theme-provider").$DeepPartial<ThemeTokensValues> | undefined;
9
- }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics.js").NonReactStatics<import("react").ComponentType<Props> & C, {}>, useTheme: <T = ThemeTokensValues>(overrides?: import("@callstack/react-theme-provider").$DeepPartial<T> | undefined) => T;
9
+ }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<Props> & C, {}>, useTheme: <T = ThemeTokensValues>(overrides?: import("@callstack/react-theme-provider").$DeepPartial<T> | undefined) => T;
10
10
  export { ThemeProvider, withTheme, useTheme };
11
11
  export default ThemeProvider;
12
12
  //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,QAAA,MACE,aAAa;;;IACb,SAAS;;;;iJACT,QAAQ,iHACiC,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AAE9C,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,QAAA,MACE,aAAa;;;IACb,SAAS;;;;8IACT,QAAQ,iHACiC,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AAE9C,eAAe,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@finam/web-ui-kit-components",
3
- "version": "3.26.1",
3
+ "version": "3.27.0",
4
4
  "description": "Components library for web-ui-kit",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -66,8 +66,8 @@
66
66
  "@finam/web-ui-kit-icons": "^3.11.0",
67
67
  "@floating-ui/dom": "^1.7.4",
68
68
  "@floating-ui/react": "^0.27.16",
69
- "@linaria/core": "^6.3.0",
70
- "@linaria/react": "^6.3.0",
69
+ "@linaria/core": "^8.0.0",
70
+ "@linaria/react": "^8.0.0",
71
71
  "blurhash": "^2.0.5",
72
72
  "clsx": "^2.1.1",
73
73
  "lodash": "^4.17.20",
@@ -103,8 +103,8 @@
103
103
  "@types/react": "^19.2.14",
104
104
  "@types/react-dom": "^19.2.3",
105
105
  "@types/react-transition-group": "^4.4.12",
106
- "@wyw-in-js/cli": "^0.6.0",
107
- "@wyw-in-js/webpack-loader": "^0.6.0",
106
+ "@wyw-in-js/cli": "^2.1.5",
107
+ "@wyw-in-js/webpack-loader": "^2.1.5",
108
108
  "mini-css-extract-plugin": "^2.10.1",
109
109
  "react": "^19.2.4",
110
110
  "react-dom": "^19.2.4"