@itcase/ui 1.9.16 → 1.9.18
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_ZK4mnb7m.js → Avatar_cjs_DRZE113U.js} +2 -2
- package/dist/{Avatar_es_Dk99rLbe.js → Avatar_es_Cmq4xAG6.js} +2 -2
- package/dist/{Button_cjs_vkqr1bkb.js → Button_cjs_BRShPZw4.js} +3 -3
- package/dist/{Button_es_BD_2rj1L.js → Button_es_CvRcO3xM.js} +3 -3
- package/dist/{ChipsGroup_cjs_BQ27ybIx.js → ChipsGroup_cjs_mhZzYQ51.js} +8 -9
- package/dist/{ChipsGroup_es_DFVf6wUN.js → ChipsGroup_es_CyW110FA.js} +8 -9
- package/dist/{DatePicker_cjs_D9q-RqJu.js → DatePicker_cjs_ChjvvsGh.js} +4 -4
- package/dist/{DatePicker_es_C8h_4BAl.js → DatePicker_es_D6PQaING.js} +4 -4
- package/dist/{DropdownItem_cjs_B9gLsZaE.js → DropdownItem_cjs_CawN_Tz7.js} +2 -2
- package/dist/{DropdownItem_es_B6kgi8Rn.js → DropdownItem_es_BauhVrYj.js} +2 -2
- package/dist/{Icon_cjs_NpWSQezS.js → Icon_cjs_BgGtdviU.js} +3 -3
- package/dist/{Icon_es_CJuX1p1_.js → Icon_es_CtZHchZc.js} +3 -3
- package/dist/{Label_cjs_BQuZczFh.js → Label_cjs_FRIVslSV.js} +2 -2
- package/dist/{Label_es_CPJTfGeV.js → Label_es_CI2mt2wH.js} +2 -2
- package/dist/{Loader_cjs_rHdGFWUi.js → Loader_cjs_DWBtnjaL.js} +1 -1
- package/dist/{Loader_es_D4Vd79Gk.js → Loader_es_BvTBRuay.js} +1 -1
- package/dist/{SelectContainer_cjs_BCd-lWfu.js → SelectContainer_cjs_tjM35jHG.js} +3 -3
- package/dist/{SelectContainer_es_DKSC5hMK.js → SelectContainer_es_BKIz5i19.js} +3 -3
- package/dist/{Text_cjs_BhnGHF2T.js → Text_cjs_DG2eMKBi.js} +2 -2
- package/dist/{Text_es_C1kfpokr.js → Text_es_CU9KR5AE.js} +2 -2
- package/dist/cjs/components/Accordion.js +4 -4
- package/dist/cjs/components/Avatar.js +3 -3
- package/dist/cjs/components/AvatarStack.js +3 -3
- 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 +3 -3
- package/dist/cjs/components/CookiesWarning.js +4 -4
- package/dist/cjs/components/DatePeriod.js +10 -10
- package/dist/cjs/components/DatePicker.js +6 -6
- package/dist/cjs/components/Drawer.js +2 -2
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/HeroTitle.js +2 -2
- package/dist/cjs/components/Icon.js +2 -2
- 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 +2 -2
- package/dist/cjs/components/Modal.js +3 -3
- package/dist/cjs/components/ModalSheetBottom.js +2 -2
- package/dist/cjs/components/Notification.js +4 -4
- package/dist/cjs/components/Pagination.js +3 -3
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +4 -4
- package/dist/cjs/components/Search.js +2 -2
- package/dist/cjs/components/Segmented.js +2 -2
- package/dist/cjs/components/Select.js +4 -4
- package/dist/cjs/components/Swiper.js +2 -2
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +2 -2
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +2 -2
- 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 +4 -4
- package/dist/components/Avatar.js +3 -3
- package/dist/components/AvatarStack.js +3 -3
- 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 +3 -3
- package/dist/components/CookiesWarning.js +4 -4
- package/dist/components/DatePeriod.js +10 -10
- package/dist/components/DatePicker.js +6 -6
- package/dist/components/Drawer.js +2 -2
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/HeroTitle.js +2 -2
- package/dist/components/Icon.js +2 -2
- 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 +2 -2
- package/dist/components/Modal.js +3 -3
- package/dist/components/ModalSheetBottom.js +2 -2
- package/dist/components/Notification.js +4 -4
- package/dist/components/Pagination.js +3 -3
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +4 -4
- package/dist/components/Search.js +2 -2
- package/dist/components/Segmented.js +2 -2
- package/dist/components/Select.js +4 -4
- package/dist/components/Swiper.js +2 -2
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +2 -2
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +2 -2
- 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 +51 -6
- package/dist/types/components/Chips/appearance/chipsAccent.d.ts +5 -6
- package/package.json +1 -1
|
@@ -5,9 +5,9 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
|
-
var Icon = require('./
|
|
8
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
9
9
|
var Image = require('./Image_cjs_BUM81t4Y.js');
|
|
10
|
-
var Text = require('./
|
|
10
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
11
11
|
|
|
12
12
|
const avatarAppearanceDefault = {
|
|
13
13
|
surfacePrimary: {
|
|
@@ -3,9 +3,9 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
|
-
import { I as Icon, B as Badge } from './
|
|
6
|
+
import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
|
|
7
7
|
import { I as Image } from './Image_es_C-IjVkKX.js';
|
|
8
|
-
import { T as Text } from './
|
|
8
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
9
9
|
|
|
10
10
|
const avatarAppearanceDefault = {
|
|
11
11
|
surfacePrimary: {
|
|
@@ -6,10 +6,10 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
9
|
-
var Icon = require('./
|
|
9
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
10
10
|
var Link = require('./Link_cjs_qKXVfU8e.js');
|
|
11
|
-
var Loader = require('./
|
|
12
|
-
var Text = require('./
|
|
11
|
+
var Loader = require('./Loader_cjs_DWBtnjaL.js');
|
|
12
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
13
13
|
|
|
14
14
|
const buttonAppearanceAccent = {
|
|
15
15
|
accentMutedPrimary: {
|
|
@@ -4,10 +4,10 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon } from './
|
|
7
|
+
import { I as Icon } from './Icon_es_CtZHchZc.js';
|
|
8
8
|
import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
|
|
9
|
-
import { L as Loader } from './
|
|
10
|
-
import { T as Text } from './
|
|
9
|
+
import { L as Loader } from './Loader_es_BvTBRuay.js';
|
|
10
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
11
11
|
|
|
12
12
|
const buttonAppearanceAccent = {
|
|
13
13
|
accentMutedPrimary: {
|
|
@@ -5,16 +5,10 @@ var clsx = require('clsx');
|
|
|
5
5
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
6
6
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
7
7
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
8
|
-
var Icon = require('./
|
|
9
|
-
var Text = require('./
|
|
8
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
9
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
10
10
|
|
|
11
11
|
const chipsAppearanceAccent = {
|
|
12
|
-
accent: {
|
|
13
|
-
fill: 'accentPrimary',
|
|
14
|
-
fillHover: 'accentHoverPrimary',
|
|
15
|
-
labelTextColor: 'accentTextPrimary',
|
|
16
|
-
borderColor: 'accentBorderSecondary',
|
|
17
|
-
},
|
|
18
12
|
accentMutedPrimary: {
|
|
19
13
|
fill: 'accentTertiary',
|
|
20
14
|
fillHover: 'accentHoverPrimary',
|
|
@@ -25,10 +19,15 @@ const chipsAppearanceAccent = {
|
|
|
25
19
|
},
|
|
26
20
|
accentPrimary: {
|
|
27
21
|
fill: 'accentPrimary',
|
|
22
|
+
fillActive: 'accentPrimary',
|
|
23
|
+
fillActiveHover: 'accentHoverPrimary',
|
|
28
24
|
fillHover: 'accentHoverPrimary',
|
|
25
|
+
labelTextActiveColor: 'accentTextPrimary',
|
|
29
26
|
labelTextColor: 'accentTextPrimary',
|
|
30
|
-
borderColor: '
|
|
27
|
+
borderColor: 'accentBorderPrimary',
|
|
28
|
+
iconAfterFillActiveIcon: 'accentItemPrimary',
|
|
31
29
|
iconAfterFillIcon: 'accentItemPrimary',
|
|
30
|
+
iconBeforeFillActiveIcon: 'accentItemPrimary',
|
|
32
31
|
iconBeforeFillIcon: 'accentItemPrimary',
|
|
33
32
|
},
|
|
34
33
|
};
|
|
@@ -3,16 +3,10 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
4
4
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
5
5
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
|
-
import { I as Icon, B as Badge } from './
|
|
7
|
-
import { T as Text } from './
|
|
6
|
+
import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
|
|
7
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
8
8
|
|
|
9
9
|
const chipsAppearanceAccent = {
|
|
10
|
-
accent: {
|
|
11
|
-
fill: 'accentPrimary',
|
|
12
|
-
fillHover: 'accentHoverPrimary',
|
|
13
|
-
labelTextColor: 'accentTextPrimary',
|
|
14
|
-
borderColor: 'accentBorderSecondary',
|
|
15
|
-
},
|
|
16
10
|
accentMutedPrimary: {
|
|
17
11
|
fill: 'accentTertiary',
|
|
18
12
|
fillHover: 'accentHoverPrimary',
|
|
@@ -23,10 +17,15 @@ const chipsAppearanceAccent = {
|
|
|
23
17
|
},
|
|
24
18
|
accentPrimary: {
|
|
25
19
|
fill: 'accentPrimary',
|
|
20
|
+
fillActive: 'accentPrimary',
|
|
21
|
+
fillActiveHover: 'accentHoverPrimary',
|
|
26
22
|
fillHover: 'accentHoverPrimary',
|
|
23
|
+
labelTextActiveColor: 'accentTextPrimary',
|
|
27
24
|
labelTextColor: 'accentTextPrimary',
|
|
28
|
-
borderColor: '
|
|
25
|
+
borderColor: 'accentBorderPrimary',
|
|
26
|
+
iconAfterFillActiveIcon: 'accentItemPrimary',
|
|
29
27
|
iconAfterFillIcon: 'accentItemPrimary',
|
|
28
|
+
iconBeforeFillActiveIcon: 'accentItemPrimary',
|
|
30
29
|
iconBeforeFillIcon: 'accentItemPrimary',
|
|
31
30
|
},
|
|
32
31
|
};
|
|
@@ -8,11 +8,11 @@ var DatePicker = require('react-datepicker');
|
|
|
8
8
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
9
9
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
10
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
11
|
-
var Button = require('./
|
|
12
|
-
var Icon = require('./
|
|
11
|
+
var Button = require('./Button_cjs_BRShPZw4.js');
|
|
12
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
13
13
|
var Input = require('./Input_cjs_KgFCCi2U.js');
|
|
14
|
-
var Label = require('./
|
|
15
|
-
var Text = require('./
|
|
14
|
+
var Label = require('./Label_cjs_FRIVslSV.js');
|
|
15
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
16
16
|
var _default = require('@itcase/icons/default');
|
|
17
17
|
|
|
18
18
|
const datePickerSize = {
|
|
@@ -6,11 +6,11 @@ import DatePicker from 'react-datepicker';
|
|
|
6
6
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
9
|
-
import { B as Button } from './
|
|
10
|
-
import { I as Icon } from './
|
|
9
|
+
import { B as Button } from './Button_es_CvRcO3xM.js';
|
|
10
|
+
import { I as Icon } from './Icon_es_CtZHchZc.js';
|
|
11
11
|
import { I as Input } from './Input_es_I8GPoibb.js';
|
|
12
|
-
import { L as Label } from './
|
|
13
|
-
import { T as Text } from './
|
|
12
|
+
import { L as Label } from './Label_es_CI2mt2wH.js';
|
|
13
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
14
14
|
import { icons14 } from '@itcase/icons/default';
|
|
15
15
|
|
|
16
16
|
const datePickerSize = {
|
|
@@ -6,9 +6,9 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
9
|
-
var Icon = require('./
|
|
9
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
10
10
|
var Divider = require('./Divider_cjs_DrmV2ezS.js');
|
|
11
|
-
var Text = require('./
|
|
11
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
12
12
|
|
|
13
13
|
const dropdownAppearanceAccent = {
|
|
14
14
|
accentPrimary: {
|
|
@@ -4,9 +4,9 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon, B as Badge } from './
|
|
7
|
+
import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
|
|
8
8
|
import { D as Divider } from './Divider_es_BiYozVBS.js';
|
|
9
|
-
import { T as Text } from './
|
|
9
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
10
10
|
|
|
11
11
|
const dropdownAppearanceAccent = {
|
|
12
12
|
accentPrimary: {
|
|
@@ -9,7 +9,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
|
|
|
9
9
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
10
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
11
11
|
var Link = require('./Link_cjs_qKXVfU8e.js');
|
|
12
|
-
var Text = require('./
|
|
12
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
13
13
|
|
|
14
14
|
const badgeAppearanceAccent = {
|
|
15
15
|
accent: {
|
|
@@ -539,7 +539,7 @@ const titleConfig = {
|
|
|
539
539
|
},
|
|
540
540
|
};
|
|
541
541
|
function Title(props) {
|
|
542
|
-
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
|
|
542
|
+
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
|
|
543
543
|
const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, titleConfig, isDisabled);
|
|
544
544
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
545
545
|
const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, } = propsGenerator;
|
|
@@ -566,7 +566,7 @@ function Title(props) {
|
|
|
566
566
|
`text-color_hover_${textColorHoverClass}`, isActive &&
|
|
567
567
|
!isDisabled &&
|
|
568
568
|
textColorActiveHoverClass &&
|
|
569
|
-
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(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, { 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] }));
|
|
569
|
+
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(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, { 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] }));
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
const tooltipAppearanceDefault = {
|
|
@@ -7,7 +7,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
|
|
|
7
7
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
9
9
|
import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
|
|
10
|
-
import { T as Text } from './
|
|
10
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
11
11
|
|
|
12
12
|
const badgeAppearanceAccent = {
|
|
13
13
|
accent: {
|
|
@@ -537,7 +537,7 @@ const titleConfig = {
|
|
|
537
537
|
},
|
|
538
538
|
};
|
|
539
539
|
function Title(props) {
|
|
540
|
-
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
|
|
540
|
+
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
|
|
541
541
|
const appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
|
|
542
542
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
543
543
|
const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, } = propsGenerator;
|
|
@@ -564,7 +564,7 @@ function Title(props) {
|
|
|
564
564
|
`text-color_hover_${textColorHoverClass}`, isActive &&
|
|
565
565
|
!isDisabled &&
|
|
566
566
|
textColorActiveHoverClass &&
|
|
567
|
-
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(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) && (jsx(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] }));
|
|
567
|
+
`text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(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) && (jsx(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] }));
|
|
568
568
|
}
|
|
569
569
|
|
|
570
570
|
const tooltipAppearanceDefault = {
|
|
@@ -6,8 +6,8 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
7
7
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
9
|
-
var Icon = require('./
|
|
10
|
-
var Text = require('./
|
|
9
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
10
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
11
11
|
|
|
12
12
|
const labelAppearanceAccent = {
|
|
13
13
|
accentMutedPrimary: {
|
|
@@ -4,8 +4,8 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon, T as Tooltip } from './
|
|
8
|
-
import { T as Text } from './
|
|
7
|
+
import { I as Icon, T as Tooltip } from './Icon_es_CtZHchZc.js';
|
|
8
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
9
9
|
|
|
10
10
|
const labelAppearanceAccent = {
|
|
11
11
|
accentMutedPrimary: {
|
|
@@ -5,7 +5,7 @@ var clsx = require('clsx');
|
|
|
5
5
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
6
6
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
7
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
8
|
-
var Text = require('./
|
|
8
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
9
9
|
|
|
10
10
|
const loaderAppearanceAccent = {
|
|
11
11
|
accentPrimary: {
|
|
@@ -3,7 +3,7 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
4
4
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
5
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
6
|
-
import { T as Text } from './
|
|
6
|
+
import { T as Text } from './Text_es_CU9KR5AE.js';
|
|
7
7
|
|
|
8
8
|
const loaderAppearanceAccent = {
|
|
9
9
|
accentPrimary: {
|
|
@@ -8,10 +8,10 @@ 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
10
|
var Group = require('./Group_cjs_CFzdSMKV.js');
|
|
11
|
-
var Text = require('./
|
|
11
|
+
var Text = require('./Text_cjs_DG2eMKBi.js');
|
|
12
12
|
var _default = require('@itcase/icons/default');
|
|
13
|
-
var Icon = require('./
|
|
14
|
-
var Loader = require('./
|
|
13
|
+
var Icon = require('./Icon_cjs_BgGtdviU.js');
|
|
14
|
+
var Loader = require('./Loader_cjs_DWBtnjaL.js');
|
|
15
15
|
var Divider = require('./Divider_cjs_DrmV2ezS.js');
|
|
16
16
|
|
|
17
17
|
// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
@@ -6,10 +6,10 @@ 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
8
|
import { G as Group } from './Group_es_BwTj-yH-.js';
|
|
9
|
-
import { T as Text } from './
|
|
9
|
+
import { T as Text } from './Text_es_CU9KR5AE.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_CtZHchZc.js';
|
|
12
|
+
import { L as Loader } from './Loader_es_BvTBRuay.js';
|
|
13
13
|
import { D as Divider } from './Divider_es_BiYozVBS.js';
|
|
14
14
|
|
|
15
15
|
// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
@@ -41,7 +41,7 @@ const textConfig = {
|
|
|
41
41
|
},
|
|
42
42
|
};
|
|
43
43
|
function Text(props) {
|
|
44
|
-
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
|
|
44
|
+
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
|
|
45
45
|
const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
|
|
46
46
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
47
47
|
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
@@ -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-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
|
|
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-test-id": 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;
|
|
@@ -39,7 +39,7 @@ const textConfig = {
|
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
41
|
function Text(props) {
|
|
42
|
-
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
|
|
42
|
+
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
|
|
43
43
|
const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
|
|
44
44
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
45
45
|
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
@@ -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-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
|
|
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-test-id": 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_BgGtdviU.js');
|
|
11
11
|
var Divider = require('../../Divider_cjs_DrmV2ezS.js');
|
|
12
|
-
var Text = require('../../
|
|
12
|
+
var Text = require('../../Text_cjs_DG2eMKBi.js');
|
|
13
13
|
var _default = require('@itcase/icons/default');
|
|
14
14
|
require('lodash/camelCase');
|
|
15
15
|
require('lodash/upperFirst');
|
|
@@ -142,7 +142,7 @@ const accordionItemConfig = {
|
|
|
142
142
|
},
|
|
143
143
|
};
|
|
144
144
|
function AccordionItem(props) {
|
|
145
|
-
const { id,
|
|
145
|
+
const { id, appearance, className, title, afterContent, beforeContent, content, isExpanded, onClick, children, } = props;
|
|
146
146
|
const onClickTitle = React.useCallback(() => {
|
|
147
147
|
// "!isExpanded" - is next state of expanded
|
|
148
148
|
const thisItemData = {
|
|
@@ -157,7 +157,7 @@ function AccordionItem(props) {
|
|
|
157
157
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
158
158
|
const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
|
|
159
159
|
const { styles } = useStyles.useStyles(props);
|
|
160
|
-
return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClickTitle && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsxRuntime.jsx(Icon.Badge, {
|
|
160
|
+
return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClickTitle && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsxRuntime.jsx(Icon.Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxRuntime.jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
function Accordion(props) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Avatar = require('../../
|
|
3
|
+
var Avatar = require('../../Avatar_cjs_DRZE113U.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_BgGtdviU.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_DG2eMKBi.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('../../
|
|
8
|
+
var Avatar = require('../../Avatar_cjs_DRZE113U.js');
|
|
9
9
|
var Group = require('../../Group_cjs_CFzdSMKV.js');
|
|
10
|
-
var Text = require('../../
|
|
10
|
+
var Text = require('../../Text_cjs_DG2eMKBi.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_BgGtdviU.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_BgGtdviU.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_DG2eMKBi.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_BgGtdviU.js');
|
|
10
10
|
var Link = require('../../Link_cjs_qKXVfU8e.js');
|
|
11
|
-
var Text = require('../../
|
|
11
|
+
var Text = require('../../Text_cjs_DG2eMKBi.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_BRShPZw4.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_BgGtdviU.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_DG2eMKBi.js');
|
|
29
|
+
require('../../Loader_cjs_DWBtnjaL.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_BgGtdviU.js');
|
|
9
|
+
var Label = require('../../Label_cjs_FRIVslSV.js');
|
|
10
|
+
var Text = require('../../Text_cjs_DG2eMKBi.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_DG2eMKBi.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_mhZzYQ51.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_BgGtdviU.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_DG2eMKBi.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_BgGtdviU.js');
|
|
10
|
+
var Loader = require('../../Loader_cjs_DWBtnjaL.js');
|
|
11
|
+
var Text = require('../../Text_cjs_DG2eMKBi.js');
|
|
12
12
|
require('lodash/camelCase');
|
|
13
13
|
require('lodash/castArray');
|
|
14
14
|
require('lodash/upperFirst');
|
|
@@ -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_BRShPZw4.js');
|
|
10
|
+
var Text = require('../../Text_cjs_DG2eMKBi.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_BgGtdviU.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_DWBtnjaL.js');
|
|
31
31
|
|
|
32
32
|
const cookiesWarningAppearanceDefault = {
|
|
33
33
|
defaultPrimary: {
|