@itcase/ui 1.8.126 → 1.8.128
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_AwXEUY8j.js → Avatar_cjs_D-M9sW20.js} +2 -2
- package/dist/{Avatar_es_BtlaCRc5.js → Avatar_es_BTvbT36l.js} +2 -2
- package/dist/{Button_cjs_C34BU1BK.js → Button_cjs_BxoEdSG6.js} +3 -3
- package/dist/{Button_es_DnlzLBUT.js → Button_es_B-SYHL6T.js} +3 -3
- package/dist/{ChipsGroup_cjs_DfAKN5CA.js → ChipsGroup_cjs_BMkiDYau.js} +2 -2
- package/dist/{ChipsGroup_es_DBKY2UyF.js → ChipsGroup_es_Czu95rkL.js} +2 -2
- package/dist/{DatePicker_cjs_DfbeIL2m.js → DatePicker_cjs_jhKYHjBs.js} +4 -4
- package/dist/{DatePicker_es_BIJNx427.js → DatePicker_es_D2nmwYIx.js} +4 -4
- package/dist/{DropdownItem_cjs_vHuzXW9M.js → DropdownItem_cjs_FsiEMPDs.js} +2 -2
- package/dist/{DropdownItem_es_DVHWWgnU.js → DropdownItem_es_BBKtNngp.js} +2 -2
- package/dist/{Icon_cjs_BVLGzj7Y.js → Icon_cjs_DKzT-zmQ.js} +15 -8
- package/dist/{Icon_es_DkVkzTha.js → Icon_es_5JUPM7bP.js} +15 -8
- package/dist/{Label_cjs_DwAmukik.js → Label_cjs_D2YMjCoS.js} +2 -2
- package/dist/{Label_es_B2kcstsG.js → Label_es_B5uGQwNN.js} +2 -2
- package/dist/{Loader_cjs_DIDsIq3J.js → Loader_cjs_CRiUlTC3.js} +1 -1
- package/dist/{Loader_es_CmSggwbR.js → Loader_es_Dq2-7sn2.js} +1 -1
- package/dist/{Text_cjs_BDTjOTVB.js → Text_cjs_DaH5tVvz.js} +2 -2
- package/dist/{Text_es_CnymlElo.js → Text_es_RDU9GLCV.js} +2 -2
- package/dist/cjs/components/Accordion.js +2 -2
- 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 +7 -7
- 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 +47 -16
- package/dist/cjs/components/Modal.js +3 -3
- package/dist/cjs/components/ModalSheetBottom.js +2 -2
- package/dist/cjs/components/Notification.js +2 -2
- 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 +3 -3
- 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 +2 -2
- 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 +7 -7
- 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 +47 -16
- package/dist/components/Modal.js +3 -3
- package/dist/components/ModalSheetBottom.js +2 -2
- package/dist/components/Notification.js +2 -2
- 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 +3 -3
- 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/components/MenuItem/MenuItem.css +18 -14
- package/dist/css/components/Tooltip/Tooltip.css +1 -1
- package/dist/css/styles/bundle.css +1 -1
- package/dist/css/styles/centering/centering.css +2 -2
- package/dist/types/components/MenuItem/MenuItem.appearance.d.ts +2496 -2
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +67 -59
- package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +2 -26
- package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +2 -18
- package/dist/types/components/MenuItem/appearance/menuItemShape.d.ts +3 -0
- package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +2 -44
- package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +2 -13
- package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +2 -43
- package/dist/types/components/Text/Text.appearance.d.ts +58 -58
- package/dist/types/components/Text/Text.interface.d.ts +1 -1
- 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_DKzT-zmQ.js');
|
|
9
9
|
var Image = require('./Image_cjs_BUM81t4Y.js');
|
|
10
|
-
var Text = require('./
|
|
10
|
+
var Text = require('./Text_cjs_DaH5tVvz.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_5JUPM7bP.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_RDU9GLCV.js';
|
|
9
9
|
|
|
10
10
|
const avatarAppearanceDefault = {
|
|
11
11
|
surfacePrimary: {
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
|
-
var Icon = require('./
|
|
6
|
+
var Icon = require('./Icon_cjs_DKzT-zmQ.js');
|
|
7
7
|
var Link = require('./Link_cjs_qKXVfU8e.js');
|
|
8
|
-
var Loader = require('./
|
|
9
|
-
var Text = require('./
|
|
8
|
+
var Loader = require('./Loader_cjs_CRiUlTC3.js');
|
|
9
|
+
var Text = require('./Text_cjs_DaH5tVvz.js');
|
|
10
10
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
11
11
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
12
12
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { I as Icon } from './
|
|
4
|
+
import { I as Icon } from './Icon_es_5JUPM7bP.js';
|
|
5
5
|
import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
|
|
6
|
-
import { L as Loader } from './
|
|
7
|
-
import { T as Text } from './
|
|
6
|
+
import { L as Loader } from './Loader_es_Dq2-7sn2.js';
|
|
7
|
+
import { T as Text } from './Text_es_RDU9GLCV.js';
|
|
8
8
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
9
9
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
10
10
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
@@ -5,8 +5,8 @@ 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 Icon = require('./
|
|
9
|
-
var Text = require('./
|
|
8
|
+
var Icon = require('./Icon_cjs_DKzT-zmQ.js');
|
|
9
|
+
var Text = require('./Text_cjs_DaH5tVvz.js');
|
|
10
10
|
|
|
11
11
|
const chipsAppearanceAccent = {
|
|
12
12
|
accent: {
|
|
@@ -3,8 +3,8 @@ 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 { I as Icon, B as Badge } from './
|
|
7
|
-
import { T as Text } from './
|
|
6
|
+
import { I as Icon, B as Badge } from './Icon_es_5JUPM7bP.js';
|
|
7
|
+
import { T as Text } from './Text_es_RDU9GLCV.js';
|
|
8
8
|
|
|
9
9
|
const chipsAppearanceAccent = {
|
|
10
10
|
accent: {
|
|
@@ -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_BxoEdSG6.js');
|
|
12
|
+
var Icon = require('./Icon_cjs_DKzT-zmQ.js');
|
|
13
13
|
var Input = require('./Input_cjs_DDi5JVAV.js');
|
|
14
|
-
var Label = require('./
|
|
15
|
-
var Text = require('./
|
|
14
|
+
var Label = require('./Label_cjs_D2YMjCoS.js');
|
|
15
|
+
var Text = require('./Text_cjs_DaH5tVvz.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_B-SYHL6T.js';
|
|
10
|
+
import { I as Icon } from './Icon_es_5JUPM7bP.js';
|
|
11
11
|
import { I as Input } from './Input_es_BnCXATnh.js';
|
|
12
|
-
import { L as Label } from './
|
|
13
|
-
import { T as Text } from './
|
|
12
|
+
import { L as Label } from './Label_es_B5uGQwNN.js';
|
|
13
|
+
import { T as Text } from './Text_es_RDU9GLCV.js';
|
|
14
14
|
import { icons14 } from '@itcase/icons/default';
|
|
15
15
|
|
|
16
16
|
const datePickerSize = {
|
|
@@ -5,10 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
7
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
8
|
-
var Icon = require('./
|
|
8
|
+
var Icon = require('./Icon_cjs_DKzT-zmQ.js');
|
|
9
9
|
var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
10
10
|
var Divider = require('./Divider_cjs_DrmV2ezS.js');
|
|
11
|
-
var Text = require('./
|
|
11
|
+
var Text = require('./Text_cjs_DaH5tVvz.js');
|
|
12
12
|
|
|
13
13
|
function Dropdown(props) {
|
|
14
14
|
const { className, appearance, animationClose = 'dropdown_animation_close', animationOpen = 'dropdown_animation_open', dropdownList, before, after, isOpen, isSkeleton, setIsOpen, onClickItem, children, } = props;
|
|
@@ -3,10 +3,10 @@ import React, { useRef, useState, useCallback, useEffect } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
5
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
6
|
-
import { I as Icon, B as Badge } from './
|
|
6
|
+
import { I as Icon, B as Badge } from './Icon_es_5JUPM7bP.js';
|
|
7
7
|
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.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_RDU9GLCV.js';
|
|
10
10
|
|
|
11
11
|
function Dropdown(props) {
|
|
12
12
|
const { className, appearance, animationClose = 'dropdown_animation_close', animationOpen = 'dropdown_animation_open', dropdownList, before, after, isOpen, isSkeleton, setIsOpen, onClickItem, children, } = props;
|
|
@@ -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_DaH5tVvz.js');
|
|
13
13
|
|
|
14
14
|
const badgeAppearanceAccent = {
|
|
15
15
|
accent: {
|
|
@@ -539,10 +539,10 @@ const titleConfig = {
|
|
|
539
539
|
},
|
|
540
540
|
};
|
|
541
541
|
function Title(props) {
|
|
542
|
-
const {
|
|
542
|
+
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, 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
|
-
const { directionClass, size, fillClass, fillHoverClass,
|
|
545
|
+
const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, 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;
|
|
546
546
|
// @ts-expect-error
|
|
547
547
|
const { styles: titleStyles, wrapper: titleWrapperStyles } = useStyles.useStyles(props);
|
|
548
548
|
// Element type (h1, h2, ..., h6)
|
|
@@ -667,7 +667,7 @@ const tooltipConfig = {
|
|
|
667
667
|
},
|
|
668
668
|
};
|
|
669
669
|
const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
670
|
-
const {
|
|
670
|
+
const { appearance, className, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
|
|
671
671
|
const tooltipElementRef = React.useRef(null);
|
|
672
672
|
const tooltipTimeoutHideRef = React.useRef(null);
|
|
673
673
|
const tooltipTimeoutShowRef = React.useRef(null);
|
|
@@ -715,10 +715,14 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
715
715
|
}), [isTooltipVisible, openTooltip, closeTooltip]);
|
|
716
716
|
const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, tooltipConfig);
|
|
717
717
|
const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
718
|
-
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass,
|
|
718
|
+
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
719
719
|
// @ts-expect-error
|
|
720
720
|
const { styles: tooltipStyles } = useStyles.useStyles(props);
|
|
721
|
-
return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip',
|
|
721
|
+
return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
|
|
722
|
+
? isTooltipVisible
|
|
723
|
+
? 'tooltip_state_open'
|
|
724
|
+
: 'tooltip_state_close'
|
|
725
|
+
: null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxRuntime.jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
722
726
|
});
|
|
723
727
|
|
|
724
728
|
const iconAppearanceAccent = {
|
|
@@ -1061,7 +1065,7 @@ const iconConfig = {
|
|
|
1061
1065
|
const Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
1062
1066
|
// TODO: Tooltip doesn't work that anymore
|
|
1063
1067
|
// const [isTooltipVisible, setIsTooltipVisible] = useState(false)
|
|
1064
|
-
const { id, appearance, className, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
|
|
1068
|
+
const { id, appearance, className, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
|
|
1065
1069
|
const ImageComponent = React.useMemo(() => {
|
|
1066
1070
|
if (SvgImage) {
|
|
1067
1071
|
const sizes = {};
|
|
@@ -1075,6 +1079,9 @@ const Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Ico
|
|
|
1075
1079
|
}
|
|
1076
1080
|
if (imageSrc) {
|
|
1077
1081
|
if (imageSrc.endsWith('.svg')) {
|
|
1082
|
+
if (saveFillStroke) {
|
|
1083
|
+
return jsxRuntime.jsx(SVG, { src: imageSrc });
|
|
1084
|
+
}
|
|
1078
1085
|
return jsxRuntime.jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
|
|
1079
1086
|
}
|
|
1080
1087
|
return jsxRuntime.jsx("img", { src: imageSrc });
|
|
@@ -1099,7 +1106,7 @@ const Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Ico
|
|
|
1099
1106
|
`icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
|
|
1100
1107
|
iconFillDisabledClass &&
|
|
1101
1108
|
`icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
|
|
1102
|
-
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsxRuntime.jsx(Badge, { className: clsx(badgeClass, 'icon__badge'),
|
|
1109
|
+
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsxRuntime.jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsxRuntime.jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
|
|
1103
1110
|
}));
|
|
1104
1111
|
const removeFillStroke = (code) => {
|
|
1105
1112
|
return code
|
|
@@ -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_RDU9GLCV.js';
|
|
11
11
|
|
|
12
12
|
const badgeAppearanceAccent = {
|
|
13
13
|
accent: {
|
|
@@ -537,10 +537,10 @@ const titleConfig = {
|
|
|
537
537
|
},
|
|
538
538
|
};
|
|
539
539
|
function Title(props) {
|
|
540
|
-
const {
|
|
540
|
+
const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, 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
|
-
const { directionClass, size, fillClass, fillHoverClass,
|
|
543
|
+
const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, 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;
|
|
544
544
|
// @ts-expect-error
|
|
545
545
|
const { styles: titleStyles, wrapper: titleWrapperStyles } = useStyles(props);
|
|
546
546
|
// Element type (h1, h2, ..., h6)
|
|
@@ -665,7 +665,7 @@ const tooltipConfig = {
|
|
|
665
665
|
},
|
|
666
666
|
};
|
|
667
667
|
const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
668
|
-
const {
|
|
668
|
+
const { appearance, className, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
|
|
669
669
|
const tooltipElementRef = useRef(null);
|
|
670
670
|
const tooltipTimeoutHideRef = useRef(null);
|
|
671
671
|
const tooltipTimeoutShowRef = useRef(null);
|
|
@@ -713,10 +713,14 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
713
713
|
}), [isTooltipVisible, openTooltip, closeTooltip]);
|
|
714
714
|
const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
|
|
715
715
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
716
|
-
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass,
|
|
716
|
+
const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
|
|
717
717
|
// @ts-expect-error
|
|
718
718
|
const { styles: tooltipStyles } = useStyles(props);
|
|
719
|
-
return (jsxs("div", { className: clsx(className, 'tooltip',
|
|
719
|
+
return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
|
|
720
|
+
? isTooltipVisible
|
|
721
|
+
? 'tooltip_state_open'
|
|
722
|
+
: 'tooltip_state_close'
|
|
723
|
+
: null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
|
|
720
724
|
});
|
|
721
725
|
|
|
722
726
|
const iconAppearanceAccent = {
|
|
@@ -1059,7 +1063,7 @@ const iconConfig = {
|
|
|
1059
1063
|
const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
1060
1064
|
// TODO: Tooltip doesn't work that anymore
|
|
1061
1065
|
// const [isTooltipVisible, setIsTooltipVisible] = useState(false)
|
|
1062
|
-
const { id, appearance, className, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
|
|
1066
|
+
const { id, appearance, className, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
|
|
1063
1067
|
const ImageComponent = useMemo(() => {
|
|
1064
1068
|
if (SvgImage) {
|
|
1065
1069
|
const sizes = {};
|
|
@@ -1073,6 +1077,9 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
|
1073
1077
|
}
|
|
1074
1078
|
if (imageSrc) {
|
|
1075
1079
|
if (imageSrc.endsWith('.svg')) {
|
|
1080
|
+
if (saveFillStroke) {
|
|
1081
|
+
return jsx(SVG, { src: imageSrc });
|
|
1082
|
+
}
|
|
1076
1083
|
return jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
|
|
1077
1084
|
}
|
|
1078
1085
|
return jsx("img", { src: imageSrc });
|
|
@@ -1097,7 +1104,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
|
|
|
1097
1104
|
`icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
|
|
1098
1105
|
iconFillDisabledClass &&
|
|
1099
1106
|
`icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
|
|
1100
|
-
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsx(Badge, { className: clsx(badgeClass, 'icon__badge'),
|
|
1107
|
+
`border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
|
|
1101
1108
|
}));
|
|
1102
1109
|
const removeFillStroke = (code) => {
|
|
1103
1110
|
return code
|
|
@@ -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_DKzT-zmQ.js');
|
|
10
|
+
var Text = require('./Text_cjs_DaH5tVvz.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_5JUPM7bP.js';
|
|
8
|
+
import { T as Text } from './Text_es_RDU9GLCV.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_DaH5tVvz.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_RDU9GLCV.js';
|
|
7
7
|
|
|
8
8
|
const loaderAppearanceAccent = {
|
|
9
9
|
accentPrimary: {
|
|
@@ -41,10 +41,10 @@ const textConfig = {
|
|
|
41
41
|
},
|
|
42
42
|
};
|
|
43
43
|
function Text(props) {
|
|
44
|
-
const {
|
|
44
|
+
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, 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
|
-
const {
|
|
47
|
+
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
48
48
|
// @ts-expect-error
|
|
49
49
|
const { styles: textStyles } = useStyles.useStyles(props);
|
|
50
50
|
return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
@@ -39,10 +39,10 @@ const textConfig = {
|
|
|
39
39
|
},
|
|
40
40
|
};
|
|
41
41
|
function Text(props) {
|
|
42
|
-
const {
|
|
42
|
+
const { appearance, className, dataTestId, dataTour, cursor, htmlFor, 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
|
-
const {
|
|
45
|
+
const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
|
|
46
46
|
// @ts-expect-error
|
|
47
47
|
const { styles: textStyles } = useStyles(props);
|
|
48
48
|
return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
|
|
@@ -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_DKzT-zmQ.js');
|
|
11
11
|
var Divider = require('../../Divider_cjs_DrmV2ezS.js');
|
|
12
|
-
var Text = require('../../
|
|
12
|
+
var Text = require('../../Text_cjs_DaH5tVvz.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_D-M9sW20.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_DKzT-zmQ.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_DaH5tVvz.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_D-M9sW20.js');
|
|
9
9
|
var Group = require('../../Group_cjs_DmfeUcFI.js');
|
|
10
|
-
var Text = require('../../
|
|
10
|
+
var Text = require('../../Text_cjs_DaH5tVvz.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_DKzT-zmQ.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_DKzT-zmQ.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_DaH5tVvz.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_DKzT-zmQ.js');
|
|
10
10
|
var Link = require('../../Link_cjs_qKXVfU8e.js');
|
|
11
|
-
var Text = require('../../
|
|
11
|
+
var Text = require('../../Text_cjs_DaH5tVvz.js');
|
|
12
12
|
var _default = require('@itcase/icons/default');
|
|
13
13
|
require('lodash/camelCase');
|
|
14
14
|
require('lodash/castArray');
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Button = require('../../
|
|
3
|
+
var Button = require('../../Button_cjs_BxoEdSG6.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('clsx');
|
|
7
|
-
require('../../
|
|
7
|
+
require('../../Icon_cjs_DKzT-zmQ.js');
|
|
8
8
|
require('react-inlinesvg');
|
|
9
9
|
require('../hoc/urlWithAssetPrefix.js');
|
|
10
10
|
require('@itcase/common');
|
|
@@ -25,8 +25,8 @@ require('../hooks/useStyles/styleAttributes.js');
|
|
|
25
25
|
require('../hooks/useStyles/useStyles.js');
|
|
26
26
|
require('lodash/maxBy');
|
|
27
27
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
28
|
-
require('../../
|
|
29
|
-
require('../../
|
|
28
|
+
require('../../Text_cjs_DaH5tVvz.js');
|
|
29
|
+
require('../../Loader_cjs_CRiUlTC3.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_DKzT-zmQ.js');
|
|
9
|
+
var Label = require('../../Label_cjs_D2YMjCoS.js');
|
|
10
|
+
var Text = require('../../Text_cjs_DaH5tVvz.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_DaH5tVvz.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_BMkiDYau.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('clsx');
|
|
6
6
|
require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
|
|
@@ -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_DKzT-zmQ.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_DaH5tVvz.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_DKzT-zmQ.js');
|
|
10
|
+
var Loader = require('../../Loader_cjs_CRiUlTC3.js');
|
|
11
|
+
var Text = require('../../Text_cjs_DaH5tVvz.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_BxoEdSG6.js');
|
|
10
|
+
var Text = require('../../Text_cjs_DaH5tVvz.js');
|
|
11
11
|
require('lodash/camelCase');
|
|
12
12
|
require('lodash/castArray');
|
|
13
13
|
require('lodash/upperFirst');
|
|
@@ -20,14 +20,14 @@ require('react-responsive');
|
|
|
20
20
|
require('../utils/setViewportProperty.js');
|
|
21
21
|
require('../hooks.js');
|
|
22
22
|
require('../hooks/useStyles/styleAttributes.js');
|
|
23
|
-
require('../../
|
|
23
|
+
require('../../Icon_cjs_DKzT-zmQ.js');
|
|
24
24
|
require('react-inlinesvg');
|
|
25
25
|
require('../hoc/urlWithAssetPrefix.js');
|
|
26
26
|
require('../context/UrlAssetPrefix.js');
|
|
27
27
|
require('../hooks/useStyles/useStyles.js');
|
|
28
28
|
require('lodash/maxBy');
|
|
29
29
|
require('../../Link_cjs_qKXVfU8e.js');
|
|
30
|
-
require('../../
|
|
30
|
+
require('../../Loader_cjs_CRiUlTC3.js');
|
|
31
31
|
|
|
32
32
|
const cookiesWarningAppearanceDefault = {
|
|
33
33
|
defaultPrimary: {
|