@itcase/ui 1.9.28 → 1.9.29
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/dist/{Avatar_cjs_CS01fvh-.js → Avatar_cjs_DsgsCeRd.js} +2 -2
- package/dist/{Avatar_es_DRObE1DB.js → Avatar_es_DBNS3IWw.js} +2 -2
- package/dist/{Button_cjs_DPs7uj_n.js → Button_cjs_VVROhnrj.js} +19 -33
- package/dist/{Button_es_ljlle2Pu.js → Button_es_D74OMP6r.js} +19 -33
- package/dist/{ChipsGroup_cjs_Sn3uiCSJ.js → ChipsGroup_cjs_P0UlUnid.js} +4 -4
- package/dist/{ChipsGroup_es_CbzUWqG9.js → ChipsGroup_es_BgECuDPT.js} +4 -4
- package/dist/{DatePicker_cjs_Bfiav-tb.js → DatePicker_cjs_CnXoxGZ_.js} +5 -5
- package/dist/{DatePicker_es_CtbVXMmy.js → DatePicker_es_DyAZeFi2.js} +5 -5
- package/dist/{DropdownItem_cjs_Capn0Iu7.js → DropdownItem_cjs_l_fnynBJ.js} +2 -2
- package/dist/{DropdownItem_es_CTw07zF3.js → DropdownItem_es_B36TJ2oI.js} +2 -2
- package/dist/{Group_cjs_DNI9PTBq.js → Group_cjs_C1YVff0N.js} +1 -1
- package/dist/{Group_es_nBtACpoG.js → Group_es_C69f2Dom.js} +1 -1
- package/dist/{Icon_cjs_BgGtdviU.js → Icon_cjs_D-jQrwjV.js} +2 -2
- package/dist/{Icon_es_CtZHchZc.js → Icon_es_BstDGBF3.js} +2 -2
- package/dist/{Input_cjs_KgFCCi2U.js → Input_cjs_CV0nr-f4.js} +1 -1
- package/dist/{Input_es_I8GPoibb.js → Input_es_B2dHRF47.js} +1 -1
- package/dist/{Label_cjs_FRIVslSV.js → Label_cjs_CyPU9hqO.js} +3 -3
- package/dist/{Label_es_CI2mt2wH.js → Label_es_qnCgQX52.js} +3 -3
- package/dist/{Loader_cjs_DWBtnjaL.js → Loader_cjs_B3j9ATrq.js} +1 -1
- package/dist/{Loader_es_BvTBRuay.js → Loader_es_wjTqawH6.js} +1 -1
- package/dist/{Overlay_cjs_tGA2fU43.js → Overlay_cjs_-hY4qbRG.js} +1 -1
- package/dist/{Overlay_es_BS7OTFoy.js → Overlay_es_dNz3djDB.js} +1 -1
- package/dist/{SelectContainer_cjs_doMatESV.js → SelectContainer_cjs_CnhODaJP.js} +4 -4
- package/dist/{SelectContainer_es_2ZX3VSMS.js → SelectContainer_es_CcYDHcBP.js} +4 -4
- package/dist/{Text_cjs_DG2eMKBi.js → Text_cjs_Co2XdYF-.js} +1 -1
- package/dist/{Text_es_CU9KR5AE.js → Text_es_DaYcLe4H.js} +1 -1
- package/dist/cjs/components/Accordion.js +2 -2
- package/dist/cjs/components/Avatar.js +3 -3
- package/dist/cjs/components/AvatarStack.js +4 -4
- package/dist/cjs/components/Badge.js +2 -2
- package/dist/cjs/components/Breadcrumbs.js +2 -2
- package/dist/cjs/components/Button.js +4 -4
- package/dist/cjs/components/Cell.js +3 -3
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Chips.js +3 -3
- package/dist/cjs/components/Choice.js +4 -4
- package/dist/cjs/components/CookiesWarning.js +4 -4
- package/dist/cjs/components/Dadata.js +1 -1
- package/dist/cjs/components/DatePeriod.js +10 -10
- package/dist/cjs/components/DatePicker.js +7 -7
- package/dist/cjs/components/Drawer.js +2 -2
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Flex.js +2 -2
- package/dist/cjs/components/Grid.js +2 -2
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/HeroTitle.js +3 -3
- package/dist/cjs/components/Icon.js +2 -2
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputNumber.js +181 -0
- package/dist/cjs/components/InputPassword.js +2 -2
- package/dist/cjs/components/Label.js +3 -3
- package/dist/cjs/components/Loader.js +2 -2
- package/dist/cjs/components/MenuItem.js +4 -4
- package/dist/cjs/components/Modal.js +5 -5
- package/dist/cjs/components/ModalSheetBottom.js +2 -2
- package/dist/cjs/components/Notification.js +5 -5
- package/dist/cjs/components/Overlay.js +1 -1
- package/dist/cjs/components/Pagination.js +4 -4
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/RangeSlider.js +2 -2
- package/dist/cjs/components/Response.js +6 -6
- package/dist/cjs/components/Search.js +2 -2
- package/dist/cjs/components/Segmented.js +2 -2
- package/dist/cjs/components/Select.js +5 -5
- package/dist/cjs/components/Swiper.js +3 -3
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +5 -5
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +3 -3
- package/dist/cjs/components/Title.js +2 -2
- package/dist/cjs/components/Tooltip.js +2 -2
- package/dist/cjs/components/Warning.js +2 -2
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Avatar.js +3 -3
- package/dist/components/AvatarStack.js +4 -4
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +2 -2
- package/dist/components/Button.js +4 -4
- package/dist/components/Cell.js +3 -3
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Chips.js +3 -3
- package/dist/components/Choice.js +4 -4
- package/dist/components/CookiesWarning.js +4 -4
- package/dist/components/Dadata.js +1 -1
- package/dist/components/DatePeriod.js +10 -10
- package/dist/components/DatePicker.js +7 -7
- package/dist/components/Drawer.js +2 -2
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Flex.js +2 -2
- package/dist/components/Grid.js +2 -2
- package/dist/components/Group.js +1 -1
- package/dist/components/HeroTitle.js +3 -3
- package/dist/components/Icon.js +2 -2
- package/dist/components/Input.js +1 -1
- package/dist/components/InputNumber.js +178 -0
- package/dist/components/InputPassword.js +2 -2
- package/dist/components/Label.js +3 -3
- package/dist/components/Loader.js +2 -2
- package/dist/components/MenuItem.js +4 -4
- package/dist/components/Modal.js +5 -5
- package/dist/components/ModalSheetBottom.js +2 -2
- package/dist/components/Notification.js +5 -5
- package/dist/components/Overlay.js +1 -1
- package/dist/components/Pagination.js +4 -4
- package/dist/components/Radio.js +1 -1
- package/dist/components/RangeSlider.js +2 -2
- package/dist/components/Response.js +6 -6
- package/dist/components/Search.js +2 -2
- package/dist/components/Segmented.js +2 -2
- package/dist/components/Select.js +5 -5
- package/dist/components/Swiper.js +3 -3
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +5 -5
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +3 -3
- package/dist/components/Title.js +2 -2
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/Warning.js +2 -2
- package/dist/css/styles/bundles.css +49 -0
- package/dist/types/components/Button/Button.appearance.d.ts +290 -0
- package/dist/types/components/Button/Button.d.ts +5 -0
- package/dist/types/components/Button/Button.interface.d.ts +5 -0
- package/dist/types/components/InputNumber/InputNumber.appearance.d.ts +3 -0
- package/dist/types/components/InputNumber/InputNumber.d.ts +3 -0
- package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts +48 -0
- package/dist/types/components/InputNumber/appearance/InputNumberDefault.d.ts +3 -0
- package/dist/types/components/InputNumber/appearance/InputNumberShape.d.ts +25 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSize.d.ts +33 -0
- package/dist/types/components/InputNumber/appearance/inputNumberStyle.d.ts +16 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSurface.d.ts +3 -0
- package/dist/types/components/InputNumber/index.d.ts +2 -0
- package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts +1 -0
- package/dist/types/components/Tab/Tab.interface.d.ts +68 -40
- package/package.json +10 -10
|
@@ -34,7 +34,7 @@ function Overlay(props) {
|
|
|
34
34
|
const { fillClass, blurClass, opacityClass } = propsGenerator;
|
|
35
35
|
// @ts-expect-error - TODO: сделать useStyles на ts
|
|
36
36
|
const { styles: overlayStyles } = useStyles.useStyles(props);
|
|
37
|
-
return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-
|
|
37
|
+
return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
exports.Overlay = Overlay;
|
|
@@ -32,7 +32,7 @@ function Overlay(props) {
|
|
|
32
32
|
const { fillClass, blurClass, opacityClass } = propsGenerator;
|
|
33
33
|
// @ts-expect-error - TODO: сделать useStyles на ts
|
|
34
34
|
const { styles: overlayStyles } = useStyles(props);
|
|
35
|
-
return (jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-
|
|
35
|
+
return (jsx("div", { className: clsx(className, 'overlay', opacityClass && `opacity_${opacityClass}`, blurClass && `blur_${blurClass}`, isOverlay && 'overlay_state_visible', fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
export { Overlay as O, overlayAppearance as a, overlayConfig as o };
|
|
@@ -7,11 +7,11 @@ var Select = require('react-select');
|
|
|
7
7
|
var CreatableSelect = require('react-select/creatable');
|
|
8
8
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
9
9
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
|
-
var Group = require('./
|
|
11
|
-
var Text = require('./
|
|
10
|
+
var Group = require('./Group_cjs_C1YVff0N.js');
|
|
11
|
+
var Text = require('./Text_cjs_Co2XdYF-.js');
|
|
12
12
|
var _default = require('@itcase/icons/default');
|
|
13
|
-
var Icon = require('./
|
|
14
|
-
var Loader = require('./
|
|
13
|
+
var Icon = require('./Icon_cjs_D-jQrwjV.js');
|
|
14
|
+
var Loader = require('./Loader_cjs_B3j9ATrq.js');
|
|
15
15
|
var Divider = require('./Divider_cjs_BZn2epqW.js');
|
|
16
16
|
|
|
17
17
|
// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
@@ -5,11 +5,11 @@ import Select, { components } from 'react-select';
|
|
|
5
5
|
import CreatableSelect from 'react-select/creatable';
|
|
6
6
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
|
-
import { G as Group } from './
|
|
9
|
-
import { T as Text } from './
|
|
8
|
+
import { G as Group } from './Group_es_C69f2Dom.js';
|
|
9
|
+
import { T as Text } from './Text_es_DaYcLe4H.js';
|
|
10
10
|
import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
|
|
11
|
-
import { I as Icon, B as Badge } from './
|
|
12
|
-
import { L as Loader } from './
|
|
11
|
+
import { I as Icon, B as Badge } from './Icon_es_BstDGBF3.js';
|
|
12
|
+
import { L as Loader } from './Loader_es_wjTqawH6.js';
|
|
13
13
|
import { D as Divider } from './Divider_es_DNJg0mQR.js';
|
|
14
14
|
|
|
15
15
|
// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
@@ -61,7 +61,7 @@ function Text(props) {
|
|
|
61
61
|
`text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
|
|
62
62
|
!isDisabled &&
|
|
63
63
|
textColorActiveClass &&
|
|
64
|
-
`text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-
|
|
64
|
+
`text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
exports.Text = Text;
|
|
@@ -59,7 +59,7 @@ function Text(props) {
|
|
|
59
59
|
`text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
|
|
60
60
|
!isDisabled &&
|
|
61
61
|
textColorActiveClass &&
|
|
62
|
-
`text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-
|
|
62
|
+
`text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
export { Text as T, textAppearance as a, textConfig as t };
|
|
@@ -7,9 +7,9 @@ var castArray = require('lodash/castArray');
|
|
|
7
7
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
9
9
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
10
|
-
var Icon = require('../../
|
|
10
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
11
11
|
var Divider = require('../../Divider_cjs_BZn2epqW.js');
|
|
12
|
-
var Text = require('../../
|
|
12
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
13
13
|
var _default = require('@itcase/icons/default');
|
|
14
14
|
require('lodash/camelCase');
|
|
15
15
|
require('lodash/upperFirst');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Avatar = require('../../
|
|
3
|
+
var Avatar = require('../../Avatar_cjs_DsgsCeRd.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -18,14 +18,14 @@ require('react-responsive');
|
|
|
18
18
|
require('../utils/setViewportProperty.js');
|
|
19
19
|
require('../hooks.js');
|
|
20
20
|
require('../hooks/useStyles/styleAttributes.js');
|
|
21
|
-
require('../../
|
|
21
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
22
22
|
require('react-inlinesvg');
|
|
23
23
|
require('../hoc/urlWithAssetPrefix.js');
|
|
24
24
|
require('../context/UrlAssetPrefix.js');
|
|
25
25
|
require('../hooks/useStyles/useStyles.js');
|
|
26
26
|
require('lodash/maxBy');
|
|
27
27
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../
|
|
28
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
29
29
|
require('../../Image_cjs_BUM81t4Y.js');
|
|
30
30
|
|
|
31
31
|
|
|
@@ -5,9 +5,9 @@ var clsx = require('clsx');
|
|
|
5
5
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
6
6
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
7
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
8
|
-
var Avatar = require('../../
|
|
9
|
-
var Group = require('../../
|
|
10
|
-
var Text = require('../../
|
|
8
|
+
var Avatar = require('../../Avatar_cjs_DsgsCeRd.js');
|
|
9
|
+
var Group = require('../../Group_cjs_C1YVff0N.js');
|
|
10
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
11
11
|
require('react');
|
|
12
12
|
require('lodash/camelCase');
|
|
13
13
|
require('lodash/castArray');
|
|
@@ -22,7 +22,7 @@ require('../utils/setViewportProperty.js');
|
|
|
22
22
|
require('../hooks.js');
|
|
23
23
|
require('../hooks/useStyles/styleAttributes.js');
|
|
24
24
|
require('lodash/maxBy');
|
|
25
|
-
require('../../
|
|
25
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
26
26
|
require('react-inlinesvg');
|
|
27
27
|
require('../hoc/urlWithAssetPrefix.js');
|
|
28
28
|
require('../context/UrlAssetPrefix.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Icon = require('../../
|
|
3
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -24,7 +24,7 @@ require('../hooks/useStyles/styleAttributes.js');
|
|
|
24
24
|
require('../hooks/useStyles/useStyles.js');
|
|
25
25
|
require('lodash/maxBy');
|
|
26
26
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
27
|
-
require('../../
|
|
27
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
@@ -6,9 +6,9 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
7
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
8
8
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
9
|
-
var Icon = require('../../
|
|
9
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
10
10
|
var Link = require('../../Link_cjs_qKXVfU8e.js');
|
|
11
|
-
var Text = require('../../
|
|
11
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
12
12
|
var _default = require('@itcase/icons/default');
|
|
13
13
|
require('lodash/camelCase');
|
|
14
14
|
require('lodash/castArray');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Button = require('../../
|
|
3
|
+
var Button = require('../../Button_cjs_VVROhnrj.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -20,13 +20,13 @@ require('../hooks.js');
|
|
|
20
20
|
require('../hooks/useStyles/styleAttributes.js');
|
|
21
21
|
require('../hooks/useStyles/useStyles.js');
|
|
22
22
|
require('lodash/maxBy');
|
|
23
|
-
require('../../
|
|
23
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
24
24
|
require('react-inlinesvg');
|
|
25
25
|
require('../hoc/urlWithAssetPrefix.js');
|
|
26
26
|
require('../context/UrlAssetPrefix.js');
|
|
27
27
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../
|
|
29
|
-
require('../../
|
|
28
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
29
|
+
require('../../Loader_cjs_B3j9ATrq.js');
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
@@ -5,9 +5,9 @@ var clsx = require('clsx');
|
|
|
5
5
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
6
6
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
7
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
8
|
-
var Icon = require('../../
|
|
9
|
-
var Label = require('../../
|
|
10
|
-
var Text = require('../../
|
|
8
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
9
|
+
var Label = require('../../Label_cjs_CyPU9hqO.js');
|
|
10
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
11
11
|
require('react');
|
|
12
12
|
require('lodash/camelCase');
|
|
13
13
|
require('lodash/castArray');
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
6
6
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
|
-
var Text = require('../../
|
|
7
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
8
8
|
require('react');
|
|
9
9
|
require('lodash/camelCase');
|
|
10
10
|
require('lodash/castArray');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var ChipsGroup = require('../../
|
|
3
|
+
var ChipsGroup = require('../../ChipsGroup_cjs_P0UlUnid.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('clsx');
|
|
6
6
|
require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
@@ -20,12 +20,12 @@ require('../hooks/useStyles/styleAttributes.js');
|
|
|
20
20
|
require('../hooks/useStyles/useStyles.js');
|
|
21
21
|
require('lodash/maxBy');
|
|
22
22
|
require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
23
|
-
require('../../
|
|
23
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
24
24
|
require('react-inlinesvg');
|
|
25
25
|
require('../hoc/urlWithAssetPrefix.js');
|
|
26
26
|
require('../context/UrlAssetPrefix.js');
|
|
27
27
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../
|
|
28
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
@@ -6,9 +6,9 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
9
|
-
var Icon = require('../../
|
|
10
|
-
var Loader = require('../../
|
|
11
|
-
var Text = require('../../
|
|
9
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
10
|
+
var Loader = require('../../Loader_cjs_B3j9ATrq.js');
|
|
11
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
12
12
|
require('lodash/camelCase');
|
|
13
13
|
require('lodash/castArray');
|
|
14
14
|
require('lodash/upperFirst');
|
|
@@ -223,7 +223,7 @@ function Choice(props) {
|
|
|
223
223
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
224
224
|
const { size, fillClass, fillItemActiveClass, fillItemActiveDisabledClass, fillItemActiveHoverClass, fillItemClass, fillItemDisabledClass, fillItemHoverClass, labelTextColor, labelTextColorActive, labelTextColorActiveHover, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconAfterFill, iconAfterFillActive, iconAfterFillDisabled, iconAfterSize, iconBeforeFill, iconBeforeFillActive, iconBeforeFillDisabled, iconBeforeSize, iconFill, iconFillActive, iconFillDisabled, iconSize, shapeClass, shapeStrengthClass, wrapClass, } = propsGenerator;
|
|
225
225
|
const { styles } = useStyles.useStyles(props);
|
|
226
|
-
return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && `choice_size_${size}`, fillClass && `fill_${fillClass}`, wrapClass && `choice_wrap_${wrapClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `choice_skeleton`), ref: controlRef, "data-
|
|
226
|
+
return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && `choice_size_${size}`, fillClass && `fill_${fillClass}`, wrapClass && `choice_wrap_${wrapClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `choice_skeleton`), ref: controlRef, "data-testid": dataTestId && `${dataTestId}Choice`, "data-tour": dataTour, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map((item) => {
|
|
227
227
|
const isActive = typeof active === 'object'
|
|
228
228
|
? String(item.value) === String(active.value)
|
|
229
229
|
: String(item.value) === String(active);
|
|
@@ -6,8 +6,8 @@ var clsx = require('clsx');
|
|
|
6
6
|
var Cookies = require('js-cookie');
|
|
7
7
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
8
8
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
9
|
-
var Button = require('../../
|
|
10
|
-
var Text = require('../../
|
|
9
|
+
var Button = require('../../Button_cjs_VVROhnrj.js');
|
|
10
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
11
11
|
require('lodash/camelCase');
|
|
12
12
|
require('lodash/castArray');
|
|
13
13
|
require('lodash/upperFirst');
|
|
@@ -22,12 +22,12 @@ require('../hooks.js');
|
|
|
22
22
|
require('../hooks/useStyles/styleAttributes.js');
|
|
23
23
|
require('../hooks/useStyles/useStyles.js');
|
|
24
24
|
require('lodash/maxBy');
|
|
25
|
-
require('../../
|
|
25
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
26
26
|
require('react-inlinesvg');
|
|
27
27
|
require('../hoc/urlWithAssetPrefix.js');
|
|
28
28
|
require('../context/UrlAssetPrefix.js');
|
|
29
29
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
30
|
-
require('../../
|
|
30
|
+
require('../../Loader_cjs_B3j9ATrq.js');
|
|
31
31
|
|
|
32
32
|
const cookiesWarningAppearanceDefault = {
|
|
33
33
|
defaultPrimary: {
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var reactDadata = require('react-dadata');
|
|
7
|
-
var Input = require('../../
|
|
7
|
+
var Input = require('../../Input_cjs_CV0nr-f4.js');
|
|
8
8
|
require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
9
9
|
require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
10
|
require('lodash/camelCase');
|
|
@@ -7,17 +7,17 @@ var luxon = require('luxon');
|
|
|
7
7
|
var common = require('@itcase/common');
|
|
8
8
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
9
9
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
|
-
var ChipsGroup = require('../../
|
|
11
|
-
var DatePicker = require('../../
|
|
10
|
+
var ChipsGroup = require('../../ChipsGroup_cjs_P0UlUnid.js');
|
|
11
|
+
var DatePicker = require('../../DatePicker_cjs_CnXoxGZ_.js');
|
|
12
12
|
require('react-select');
|
|
13
|
-
require('../../
|
|
14
|
-
var SelectContainer = require('../../
|
|
13
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
14
|
+
var SelectContainer = require('../../SelectContainer_cjs_CnhODaJP.js');
|
|
15
15
|
require('lodash/camelCase');
|
|
16
16
|
require('lodash/maxBy');
|
|
17
17
|
require('lodash/upperFirst');
|
|
18
18
|
require('../context/Notifications.js');
|
|
19
19
|
require('../context/UIContext.js');
|
|
20
|
-
require('../../
|
|
20
|
+
require('../../Group_cjs_C1YVff0N.js');
|
|
21
21
|
require('lodash/castArray');
|
|
22
22
|
require('../hooks.js');
|
|
23
23
|
require('../hooks/useStyles/styleAttributes.js');
|
|
@@ -26,14 +26,14 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
|
|
|
26
26
|
require('react-responsive');
|
|
27
27
|
require('../utils/setViewportProperty.js');
|
|
28
28
|
require('../hooks/useStyles/useStyles.js');
|
|
29
|
-
require('../../
|
|
29
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
30
30
|
require('date-fns/locale');
|
|
31
31
|
require('react-datepicker');
|
|
32
|
-
require('../../
|
|
32
|
+
require('../../Button_cjs_VVROhnrj.js');
|
|
33
33
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
34
|
-
require('../../
|
|
35
|
-
require('../../
|
|
36
|
-
require('../../
|
|
34
|
+
require('../../Loader_cjs_B3j9ATrq.js');
|
|
35
|
+
require('../../Input_cjs_CV0nr-f4.js');
|
|
36
|
+
require('../../Label_cjs_CyPU9hqO.js');
|
|
37
37
|
require('@itcase/icons/default');
|
|
38
38
|
require('react-inlinesvg');
|
|
39
39
|
require('../hoc/urlWithAssetPrefix.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var DatePicker = require('../../
|
|
3
|
+
var DatePicker = require('../../DatePicker_cjs_CnXoxGZ_.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -22,16 +22,16 @@ require('../hooks.js');
|
|
|
22
22
|
require('../hooks/useStyles/styleAttributes.js');
|
|
23
23
|
require('../hooks/useStyles/useStyles.js');
|
|
24
24
|
require('lodash/maxBy');
|
|
25
|
-
require('../../
|
|
26
|
-
require('../../
|
|
25
|
+
require('../../Button_cjs_VVROhnrj.js');
|
|
26
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
27
27
|
require('react-inlinesvg');
|
|
28
28
|
require('../hoc/urlWithAssetPrefix.js');
|
|
29
29
|
require('../context/UrlAssetPrefix.js');
|
|
30
30
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
31
|
-
require('../../
|
|
32
|
-
require('../../
|
|
33
|
-
require('../../
|
|
34
|
-
require('../../
|
|
31
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
32
|
+
require('../../Loader_cjs_B3j9ATrq.js');
|
|
33
|
+
require('../../Input_cjs_CV0nr-f4.js');
|
|
34
|
+
require('../../Label_cjs_CyPU9hqO.js');
|
|
35
35
|
require('@itcase/icons/default');
|
|
36
36
|
|
|
37
37
|
|
|
@@ -7,8 +7,8 @@ var ReactDrawer = require('react-modern-drawer');
|
|
|
7
7
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
8
8
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
9
9
|
var Divider = require('../../Divider_cjs_BZn2epqW.js');
|
|
10
|
-
var Icon = require('../../
|
|
11
|
-
var Text = require('../../
|
|
10
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
11
|
+
var Text = require('../../Text_cjs_Co2XdYF-.js');
|
|
12
12
|
var _default = require('@itcase/icons/default');
|
|
13
13
|
require('lodash/camelCase');
|
|
14
14
|
require('lodash/castArray');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var DropdownItem = require('../../
|
|
3
|
+
var DropdownItem = require('../../DropdownItem_cjs_l_fnynBJ.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -20,12 +20,12 @@ require('../hooks.js');
|
|
|
20
20
|
require('../hooks/useStyles/styleAttributes.js');
|
|
21
21
|
require('../hooks/useStyles/useStyles.js');
|
|
22
22
|
require('lodash/maxBy');
|
|
23
|
-
require('../../
|
|
23
|
+
require('../../Icon_cjs_D-jQrwjV.js');
|
|
24
24
|
require('react-inlinesvg');
|
|
25
25
|
require('../hoc/urlWithAssetPrefix.js');
|
|
26
26
|
require('../context/UrlAssetPrefix.js');
|
|
27
27
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../
|
|
28
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
29
29
|
require('../../Divider_cjs_BZn2epqW.js');
|
|
30
30
|
|
|
31
31
|
|
|
@@ -25,7 +25,7 @@ function Flex(props) {
|
|
|
25
25
|
const { dataTestId, dataTour, directionClass, justifyContentClass, alignContentClass, alignItemsClass, fillClass, borderColorClass, borderTypeClass, flowClass, positionClass, shapeClass, widthClass, wrapClass, } = propsGenerator;
|
|
26
26
|
// @ts-expect-error
|
|
27
27
|
const { styles: flexStyles, wrapper: flexWrapperStyles } = useStyles.useStyles(props);
|
|
28
|
-
return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && `width_${widthClass}`, alignContentClass && `flex_align-content_${alignContentClass}`, alignItemsClass && `flex_align-items_${alignItemsClass}`, directionClass && `flex_direction_${directionClass}`, fillClass && `fill_${fillClass}`, flowClass && `flex_flow_${flowClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, positionClass && `position_${positionClass}`, justifyContentClass && `flex_justify-content_${justifyContentClass}`, shapeClass && `flex_shape_${shapeClass}`, type && `flex_type_${type}`, print === false && 'no-print', print === true && 'print', wrapClass && `flex_wrap_${wrapClass}`), "data-
|
|
28
|
+
return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'flex', widthClass && `width_${widthClass}`, alignContentClass && `flex_align-content_${alignContentClass}`, alignItemsClass && `flex_align-items_${alignItemsClass}`, directionClass && `flex_direction_${directionClass}`, fillClass && `fill_${fillClass}`, flowClass && `flex_flow_${flowClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, positionClass && `position_${positionClass}`, justifyContentClass && `flex_justify-content_${justifyContentClass}`, shapeClass && `flex_shape_${shapeClass}`, type && `flex_type_${type}`, print === false && 'no-print', print === true && 'print', wrapClass && `flex_wrap_${wrapClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, flexStyles, style), onClick: onClick, children: jsxRuntime.jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
function FlexItem(props) {
|
|
@@ -35,7 +35,7 @@ function FlexItem(props) {
|
|
|
35
35
|
// @ts-expect-error
|
|
36
36
|
const { styles: flexItemStyles } = useStyles.useStyles(props);
|
|
37
37
|
return (jsxRuntime.jsx(Tag, { className: clsx(className, 'flex__item', positionClass && `position_${positionClass}`, alignItemsClass && `flex__item_align-items_${alignItemsClass}`, alignSelfClass && `flex__item_align-self_${alignSelfClass}`, directionClass && `flex__item_direction_${directionClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, growClass && `flex__item_grow_${growClass}`, justifyContentClass &&
|
|
38
|
-
`flex__item_justify-content_${justifyContentClass}`, shapeClass && `flex__item_shape_${shapeClass}`, print === false && 'no-print', print === true && 'print', widthClass && `width_${widthClass}`, wrapClass && `flex__item_wrap_${wrapClass}`), "data-
|
|
38
|
+
`flex__item_justify-content_${justifyContentClass}`, shapeClass && `flex__item_shape_${shapeClass}`, print === false && 'no-print', print === true && 'print', widthClass && `width_${widthClass}`, wrapClass && `flex__item_wrap_${wrapClass}`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, flexItemStyles, style), children: children }));
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
exports.Flex = Flex;
|
|
@@ -34,7 +34,7 @@ function GridItem(props) {
|
|
|
34
34
|
const { dataTestId, dataTour, directionClass, justifySelfClass, alignSelfClass, fillClass, fillHoverClass, columnEndClass, columnGapClass, columnSpanClass, columnStartClass, gapClass, heightClass, orderClass, rowEndClass, rowGapClass, rowSpanClass, rowStartClass, widthClass, } = propsGenerator;
|
|
35
35
|
// @ts-expect-error
|
|
36
36
|
const { styles: gridItemStyles } = useStyles.useStyles(props);
|
|
37
|
-
return (jsxRuntime.jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && `order_${orderClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, alignSelfClass && `grid__item_align-self_${alignSelfClass}`, justifySelfClass && `grid__item_justify-self_${justifySelfClass}`, columnStartClass && `grid__item_column-start_${columnStartClass}`, columnEndClass && `grid__item_column-end_${columnEndClass}`, columnSpanClass && `grid__item_column-span_${columnSpanClass}`, rowStartClass && `grid__item_row-start_${rowStartClass}`, rowEndClass && `grid__item_row-end_${rowEndClass}`, rowSpanClass && `grid__item_row-span_${rowSpanClass}`, directionClass && `direction_${directionClass}`, gapClass && `gap_${gapClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, rowGapClass && `row-gap_${rowGapClass}`, print === false && 'no-print', print === true && 'print', columnGapClass && `column-gap_${columnGapClass}`), "data-
|
|
37
|
+
return (jsxRuntime.jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && `order_${orderClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, alignSelfClass && `grid__item_align-self_${alignSelfClass}`, justifySelfClass && `grid__item_justify-self_${justifySelfClass}`, columnStartClass && `grid__item_column-start_${columnStartClass}`, columnEndClass && `grid__item_column-end_${columnEndClass}`, columnSpanClass && `grid__item_column-span_${columnSpanClass}`, rowStartClass && `grid__item_row-start_${rowStartClass}`, rowEndClass && `grid__item_row-end_${rowEndClass}`, rowSpanClass && `grid__item_row-span_${rowSpanClass}`, directionClass && `direction_${directionClass}`, gapClass && `gap_${gapClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, rowGapClass && `row-gap_${rowGapClass}`, print === false && 'no-print', print === true && 'print', columnGapClass && `column-gap_${columnGapClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
function GridRow(props) {
|
|
@@ -43,7 +43,7 @@ function GridRow(props) {
|
|
|
43
43
|
const { fillClass, fillHoverClass, borderColorClass, heightClass, widthClass, } = propsGenerator;
|
|
44
44
|
// @ts-expect-error
|
|
45
45
|
const { styles: gridRowStyles } = useStyles.useStyles(props);
|
|
46
|
-
return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, print === false && 'no-print', print === true && 'print', borderColorClass && `border-color_${borderColorClass}`), "data-
|
|
46
|
+
return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, print === false && 'no-print', print === true && 'print', borderColorClass && `border-color_${borderColorClass}`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
exports.Grid = Grid;
|
|
@@ -6,7 +6,7 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
9
|
-
var Icon = require('../../
|
|
9
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
10
10
|
require('lodash/camelCase');
|
|
11
11
|
require('lodash/castArray');
|
|
12
12
|
require('lodash/upperFirst');
|
|
@@ -24,7 +24,7 @@ require('react-inlinesvg');
|
|
|
24
24
|
require('../hoc/urlWithAssetPrefix.js');
|
|
25
25
|
require('../context/UrlAssetPrefix.js');
|
|
26
26
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
27
|
-
require('../../
|
|
27
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
28
28
|
|
|
29
29
|
const heroTitleAppearanceSize = {
|
|
30
30
|
sizeH1: {
|
|
@@ -77,7 +77,7 @@ function HeroTitle(props) {
|
|
|
77
77
|
}
|
|
78
78
|
return size ? size : 'span';
|
|
79
79
|
}, [size, tag]);
|
|
80
|
-
return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && `fill_${fillClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `hero-title_size_${size}`, directionClass && `hero-title_direction_${directionClass}`, 'text', textColorClass && `text-color_${textColorClass}`, textColorActiveClass && `text-color_active_${textColorActiveClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, typeClass && `hero-title_type_${typeClass}`, textColorGradientClass && `text-gradient_${textColorGradientClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, isSkeleton && 'hero-title_skeleton'), "data-
|
|
80
|
+
return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && `fill_${fillClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `hero-title_size_${size}`, directionClass && `hero-title_direction_${directionClass}`, 'text', textColorClass && `text-color_${textColorClass}`, textColorActiveClass && `text-color_active_${textColorActiveClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, typeClass && `hero-title_type_${typeClass}`, textColorGradientClass && `text-gradient_${textColorGradientClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, isSkeleton && 'hero-title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass &&
|
|
81
81
|
`hero-title-direction_${wrapperDirectionClass}`, 'hero-title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
|
|
82
82
|
}
|
|
83
83
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Icon = require('../../
|
|
3
|
+
var Icon = require('../../Icon_cjs_D-jQrwjV.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
@@ -24,7 +24,7 @@ require('../hooks/useStyles/styleAttributes.js');
|
|
|
24
24
|
require('../hooks/useStyles/useStyles.js');
|
|
25
25
|
require('lodash/maxBy');
|
|
26
26
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
27
|
-
require('../../
|
|
27
|
+
require('../../Text_cjs_Co2XdYF-.js');
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|