@itcase/ui 1.8.116 → 1.8.117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/dist/{Avatar_cjs_CQhA8iu9.js → Avatar_cjs_BqJtyGqb.js} +1 -1
  2. package/dist/{Avatar_es__NA_FQGM.js → Avatar_es_7WTlfUFM.js} +1 -1
  3. package/dist/{Button_cjs_B2eZhvoC.js → Button_cjs_oO7g75FT.js} +1 -1
  4. package/dist/{Button_es_C8qinRU4.js → Button_es_CymyESs0.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_ChJ71i_A.js → ChipsGroup_cjs_C3KJn3MF.js} +1 -1
  6. package/dist/{ChipsGroup_es_Dj0Lu5zm.js → ChipsGroup_es_BdIFBKkG.js} +1 -1
  7. package/dist/{DatePicker_cjs_CpN9wFK4.js → DatePicker_cjs_DsFAHbZ4.js} +3 -3
  8. package/dist/{DatePicker_es_B6WjNDiN.js → DatePicker_es_CvtwPWL_.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DUIefLij.js → DropdownItem_cjs_f1GO8Bg4.js} +1 -1
  10. package/dist/{DropdownItem_es_uFi08Joi.js → DropdownItem_es_Cc7Ebhgl.js} +1 -1
  11. package/dist/{Icon_cjs_D-UNVTqI.js → Icon_cjs_C9zGWlVp.js} +13 -13
  12. package/dist/{Icon_es_Cstv1LFr.js → Icon_es_DHLepoKo.js} +13 -13
  13. package/dist/{Label_cjs_BvS_ANE3.js → Label_cjs_O2PnxmeQ.js} +6 -6
  14. package/dist/{Label_es_C4Icioi8.js → Label_es_47i4dTW3.js} +6 -6
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Avatar.js +2 -2
  17. package/dist/cjs/components/AvatarStack.js +2 -2
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +2 -2
  21. package/dist/cjs/components/Cell.js +2 -2
  22. package/dist/cjs/components/Chips.js +2 -2
  23. package/dist/cjs/components/Choice.js +1 -1
  24. package/dist/cjs/components/CookiesWarning.js +2 -2
  25. package/dist/cjs/components/DatePeriod.js +5 -5
  26. package/dist/cjs/components/DatePicker.js +4 -4
  27. package/dist/cjs/components/Drawer.js +1 -1
  28. package/dist/cjs/components/Dropdown.js +2 -2
  29. package/dist/cjs/components/HeroTitle.js +1 -1
  30. package/dist/cjs/components/Icon.js +1 -1
  31. package/dist/cjs/components/InputPassword.js +1 -1
  32. package/dist/cjs/components/Label.js +2 -2
  33. package/dist/cjs/components/MenuItem.js +1 -1
  34. package/dist/cjs/components/Modal.js +1 -1
  35. package/dist/cjs/components/ModalSheetBottom.js +1 -1
  36. package/dist/cjs/components/Notification.js +1 -1
  37. package/dist/cjs/components/Pagination.js +7 -5
  38. package/dist/cjs/components/Response.js +2 -2
  39. package/dist/cjs/components/Search.js +1 -1
  40. package/dist/cjs/components/Segmented.js +1 -1
  41. package/dist/cjs/components/Select.js +1 -1
  42. package/dist/cjs/components/Swiper.js +1 -1
  43. package/dist/cjs/components/Tab.js +1 -1
  44. package/dist/cjs/components/Tile.js +5 -9
  45. package/dist/cjs/components/Title.js +1 -1
  46. package/dist/cjs/components/Tooltip.js +1 -1
  47. package/dist/cjs/components/Warning.js +1 -1
  48. package/dist/components/Accordion.js +1 -1
  49. package/dist/components/Avatar.js +2 -2
  50. package/dist/components/AvatarStack.js +2 -2
  51. package/dist/components/Badge.js +1 -1
  52. package/dist/components/Breadcrumbs.js +1 -1
  53. package/dist/components/Button.js +2 -2
  54. package/dist/components/Cell.js +2 -2
  55. package/dist/components/Chips.js +2 -2
  56. package/dist/components/Choice.js +1 -1
  57. package/dist/components/CookiesWarning.js +2 -2
  58. package/dist/components/DatePeriod.js +5 -5
  59. package/dist/components/DatePicker.js +4 -4
  60. package/dist/components/Drawer.js +1 -1
  61. package/dist/components/Dropdown.js +2 -2
  62. package/dist/components/HeroTitle.js +1 -1
  63. package/dist/components/Icon.js +1 -1
  64. package/dist/components/InputPassword.js +1 -1
  65. package/dist/components/Label.js +2 -2
  66. package/dist/components/MenuItem.js +1 -1
  67. package/dist/components/Modal.js +1 -1
  68. package/dist/components/ModalSheetBottom.js +1 -1
  69. package/dist/components/Notification.js +1 -1
  70. package/dist/components/Pagination.js +7 -5
  71. package/dist/components/Response.js +2 -2
  72. package/dist/components/Search.js +1 -1
  73. package/dist/components/Segmented.js +1 -1
  74. package/dist/components/Select.js +1 -1
  75. package/dist/components/Swiper.js +1 -1
  76. package/dist/components/Tab.js +1 -1
  77. package/dist/components/Tile.js +5 -9
  78. package/dist/components/Title.js +1 -1
  79. package/dist/components/Tooltip.js +1 -1
  80. package/dist/components/Warning.js +1 -1
  81. package/dist/css/components/Tooltip/Tooltip.css +0 -8
  82. package/dist/types/components/Icon/Icon.appearance.d.ts +7 -7
  83. package/dist/types/components/Icon/Icon.interface.d.ts +8 -8
  84. package/dist/types/components/Input/Input.appearance.d.ts +163 -2
  85. package/dist/types/components/Label/Label.appearance.d.ts +2262 -259
  86. package/dist/types/components/Label/Label.interface.d.ts +54 -45
  87. package/dist/types/components/Label/appearance/labelAccent.d.ts +2 -20
  88. package/dist/types/components/Label/appearance/labelDanger.d.ts +2 -16
  89. package/dist/types/components/Label/appearance/labelDisabled.d.ts +2 -16
  90. package/dist/types/components/Label/appearance/labelError.d.ts +2 -16
  91. package/dist/types/components/Label/appearance/labelGradient.d.ts +2 -9
  92. package/dist/types/components/Label/appearance/labelInfo.d.ts +2 -23
  93. package/dist/types/components/Label/appearance/labelPrimary.d.ts +2 -16
  94. package/dist/types/components/Label/appearance/labelSecondary.d.ts +2 -16
  95. package/dist/types/components/Label/appearance/labelShape.d.ts +2 -24
  96. package/dist/types/components/Label/appearance/labelSize.d.ts +2 -58
  97. package/dist/types/components/Label/appearance/labelStyle.d.ts +2 -13
  98. package/dist/types/components/Label/appearance/labelSuccess.d.ts +2 -16
  99. package/dist/types/components/Label/appearance/labelSurface.d.ts +2 -28
  100. package/dist/types/components/Label/appearance/labelWarning.d.ts +2 -16
  101. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +2 -0
  102. package/dist/types/components/Tooltip/Tooltip.appearance.d.ts +914 -2
  103. package/dist/types/components/Tooltip/Tooltip.d.ts +43 -2
  104. package/dist/types/components/Tooltip/Tooltip.interface.d.ts +42 -32
  105. package/dist/types/components/Tooltip/appearance/tooltipDefault.d.ts +2 -9
  106. package/dist/types/components/Tooltip/appearance/tooltipDisabled.d.ts +2 -8
  107. package/dist/types/components/Tooltip/appearance/tooltipError.d.ts +2 -9
  108. package/dist/types/components/Tooltip/appearance/tooltipRequire.d.ts +2 -9
  109. package/dist/types/components/Tooltip/appearance/tooltipSize.d.ts +2 -17
  110. package/dist/types/components/Tooltip/appearance/tooltipStyle.d.ts +2 -13
  111. package/dist/types/components/Tooltip/appearance/tooltipSuccess.d.ts +2 -9
  112. package/package.json +4 -4
@@ -5,7 +5,7 @@ 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('./Icon_cjs_D-UNVTqI.js');
8
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
9
9
  var Image = require('./Image_cjs_B6YlGx8G.js');
10
10
  var Text = require('./Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
@@ -3,7 +3,7 @@ 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 './Icon_es_Cstv1LFr.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_DHLepoKo.js';
7
7
  import { I as Image } from './Image_es_BvYo_cHH.js';
8
8
  import { T as Text } from './Text_es_CwV9rjFD.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
@@ -3,7 +3,7 @@
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
- var Icon = require('./Icon_cjs_D-UNVTqI.js');
6
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
7
7
  var Link = require('./Link_cjs_C5UsZUiF.js');
8
8
  var Loader = require('./Loader_cjs_Cme6Hi0B.js');
9
9
  var Text = require('./Text_cjs_0EINiUq4.js');
@@ -1,7 +1,7 @@
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 './Icon_es_Cstv1LFr.js';
4
+ import { I as Icon } from './Icon_es_DHLepoKo.js';
5
5
  import { a as LinkWrapper } from './Link_es_XiqbdwLp.js';
6
6
  import { L as Loader } from './Loader_es_ByhTIMxS.js';
7
7
  import { T as Text } from './Text_es_CwV9rjFD.js';
@@ -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 Icon = require('./Icon_cjs_D-UNVTqI.js');
8
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
9
9
  var Text = require('./Text_cjs_0EINiUq4.js');
10
10
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
11
11
 
@@ -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 { I as Icon, B as Badge } from './Icon_es_Cstv1LFr.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_DHLepoKo.js';
7
7
  import { T as Text } from './Text_es_CwV9rjFD.js';
8
8
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
9
9
 
@@ -9,10 +9,10 @@ var DatePicker = require('react-datepicker');
9
9
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
12
- var Button = require('./Button_cjs_B2eZhvoC.js');
13
- var Icon = require('./Icon_cjs_D-UNVTqI.js');
12
+ var Button = require('./Button_cjs_oO7g75FT.js');
13
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
14
14
  var Input = require('./Input_cjs_D18gXu6j.js');
15
- var Label = require('./Label_cjs_BvS_ANE3.js');
15
+ var Label = require('./Label_cjs_O2PnxmeQ.js');
16
16
  var Text = require('./Text_cjs_0EINiUq4.js');
17
17
  var _default = require('@itcase/icons/default');
18
18
 
@@ -7,10 +7,10 @@ import DatePicker from 'react-datepicker';
7
7
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
9
9
  import { useStyles } from './hooks/useStyles/useStyles.js';
10
- import { B as Button } from './Button_es_C8qinRU4.js';
11
- import { I as Icon } from './Icon_es_Cstv1LFr.js';
10
+ import { B as Button } from './Button_es_CymyESs0.js';
11
+ import { I as Icon } from './Icon_es_DHLepoKo.js';
12
12
  import { I as Input } from './Input_es_CHuhHbMo.js';
13
- import { L as Label } from './Label_es_C4Icioi8.js';
13
+ import { L as Label } from './Label_es_47i4dTW3.js';
14
14
  import { T as Text } from './Text_es_CwV9rjFD.js';
15
15
  import { icons14 } from '@itcase/icons/default';
16
16
 
@@ -5,7 +5,7 @@ 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('./Icon_cjs_D-UNVTqI.js');
8
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
9
9
  var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  var Divider = require('./Divider_cjs_DUYtmwn2.js');
11
11
  var Text = require('./Text_cjs_0EINiUq4.js');
@@ -3,7 +3,7 @@ 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 './Icon_es_Cstv1LFr.js';
6
+ import { I as Icon, B as Badge } from './Icon_es_DHLepoKo.js';
7
7
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
8
8
  import { D as Divider } from './Divider_es_CCLBFIx6.js';
9
9
  import { T as Text } from './Text_es_CwV9rjFD.js';
@@ -545,18 +545,18 @@ function Title(props) {
545
545
  var tooltipAppearanceDefault = {
546
546
  defaultPrimary: {
547
547
  fill: 'surfacePrimary',
548
- fillHover: 'surfacePrimaryHover',
549
- titleTextColor: 'surfaceTextPrimary',
548
+ fillHover: 'surfaceHoverPrimary',
550
549
  borderColor: 'surfaceBorderPrimary',
550
+ titleColor: 'surfaceTextPrimary',
551
551
  textColor: 'surfaceTextPrimary',
552
552
  },
553
553
  };
554
554
 
555
555
  var tooltipAppearanceDisabled = {
556
556
  disabledPrimary: {
557
- fill: 'surfaceDisabled',
558
- fillHover: 'surfaceDisabledHover',
559
- titleTextColor: 'surfaceTextPrimary',
557
+ fill: 'disabledPrimary',
558
+ fillHover: 'disabledHoverPrimary',
559
+ titleColor: 'surfaceTextPrimary',
560
560
  textColor: 'surfaceTextPrimary',
561
561
  },
562
562
  };
@@ -564,9 +564,9 @@ var tooltipAppearanceDisabled = {
564
564
  var tooltipAppearanceError = {
565
565
  errorPrimary: {
566
566
  fill: 'errorPrimary',
567
- fillHover: 'errorPrimaryHover',
568
- titleTextColor: 'errorTextPrimary',
567
+ fillHover: 'errorHoverPrimary',
569
568
  borderColor: 'errorBorderPrimary',
569
+ titleColor: 'errorTextPrimary',
570
570
  textColor: 'errorTextPrimary',
571
571
  },
572
572
  };
@@ -574,9 +574,9 @@ var tooltipAppearanceError = {
574
574
  var tooltipAppearanceRequire = {
575
575
  requirePrimary: {
576
576
  fill: 'warningPrimary',
577
- fillHover: 'warningPrimaryHover',
578
- titleTextColor: 'warningTextPrimary',
577
+ fillHover: 'warningHoverPrimary',
579
578
  borderColor: 'warningBorderPrimary',
579
+ titleColor: 'warningTextPrimary',
580
580
  textColor: 'warningTextPrimary',
581
581
  },
582
582
  };
@@ -616,9 +616,9 @@ var tooltipAppearanceStyle = {
616
616
  var tooltipAppearanceSuccess = {
617
617
  successPrimary: {
618
618
  fill: 'successPrimary',
619
- fillHover: 'successPrimaryHover',
620
- titleTextColor: 'successTextPrimary',
619
+ fillHover: 'successHoverPrimary',
621
620
  borderColor: 'successBorderPrimary',
621
+ titleColor: 'successTextPrimary',
622
622
  textColor: 'successTextPrimary',
623
623
  },
624
624
  };
@@ -680,10 +680,10 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
680
680
  }); }, [isTooltipVisible, openTooltip, closeTooltip]);
681
681
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, tooltipConfig);
682
682
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
683
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, centeringClass = propsGenerator.centeringClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
683
+ var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, titleColor = propsGenerator.titleColor, titleSize = propsGenerator.titleSize, titleWeight = propsGenerator.titleWeight, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, centeringClass = propsGenerator.centeringClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
684
684
  // @ts-expect-error
685
685
  var tooltipStyles = useStyles.useStyles(props).styles;
686
- return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
686
+ return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsxRuntime.jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxRuntime.jsxs("div", { className: "tooltip__inner", 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] }));
687
687
  });
688
688
 
689
689
  var iconAppearanceAccent = {
@@ -543,18 +543,18 @@ function Title(props) {
543
543
  var tooltipAppearanceDefault = {
544
544
  defaultPrimary: {
545
545
  fill: 'surfacePrimary',
546
- fillHover: 'surfacePrimaryHover',
547
- titleTextColor: 'surfaceTextPrimary',
546
+ fillHover: 'surfaceHoverPrimary',
548
547
  borderColor: 'surfaceBorderPrimary',
548
+ titleColor: 'surfaceTextPrimary',
549
549
  textColor: 'surfaceTextPrimary',
550
550
  },
551
551
  };
552
552
 
553
553
  var tooltipAppearanceDisabled = {
554
554
  disabledPrimary: {
555
- fill: 'surfaceDisabled',
556
- fillHover: 'surfaceDisabledHover',
557
- titleTextColor: 'surfaceTextPrimary',
555
+ fill: 'disabledPrimary',
556
+ fillHover: 'disabledHoverPrimary',
557
+ titleColor: 'surfaceTextPrimary',
558
558
  textColor: 'surfaceTextPrimary',
559
559
  },
560
560
  };
@@ -562,9 +562,9 @@ var tooltipAppearanceDisabled = {
562
562
  var tooltipAppearanceError = {
563
563
  errorPrimary: {
564
564
  fill: 'errorPrimary',
565
- fillHover: 'errorPrimaryHover',
566
- titleTextColor: 'errorTextPrimary',
565
+ fillHover: 'errorHoverPrimary',
567
566
  borderColor: 'errorBorderPrimary',
567
+ titleColor: 'errorTextPrimary',
568
568
  textColor: 'errorTextPrimary',
569
569
  },
570
570
  };
@@ -572,9 +572,9 @@ var tooltipAppearanceError = {
572
572
  var tooltipAppearanceRequire = {
573
573
  requirePrimary: {
574
574
  fill: 'warningPrimary',
575
- fillHover: 'warningPrimaryHover',
576
- titleTextColor: 'warningTextPrimary',
575
+ fillHover: 'warningHoverPrimary',
577
576
  borderColor: 'warningBorderPrimary',
577
+ titleColor: 'warningTextPrimary',
578
578
  textColor: 'warningTextPrimary',
579
579
  },
580
580
  };
@@ -614,9 +614,9 @@ var tooltipAppearanceStyle = {
614
614
  var tooltipAppearanceSuccess = {
615
615
  successPrimary: {
616
616
  fill: 'successPrimary',
617
- fillHover: 'successPrimaryHover',
618
- titleTextColor: 'successTextPrimary',
617
+ fillHover: 'successHoverPrimary',
619
618
  borderColor: 'successBorderPrimary',
619
+ titleColor: 'successTextPrimary',
620
620
  textColor: 'successTextPrimary',
621
621
  },
622
622
  };
@@ -678,10 +678,10 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
678
678
  }); }, [isTooltipVisible, openTooltip, closeTooltip]);
679
679
  var appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
680
680
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
681
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, centeringClass = propsGenerator.centeringClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
681
+ var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, alignPosition = propsGenerator.alignPosition, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, titleColor = propsGenerator.titleColor, titleSize = propsGenerator.titleSize, titleWeight = propsGenerator.titleWeight, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, arrowPosition = propsGenerator.arrowPosition, centeringClass = propsGenerator.centeringClass, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
682
682
  // @ts-expect-error
683
683
  var tooltipStyles = useStyles(props).styles;
684
- return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
684
+ return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible ? 'tooltip_state_open' : 'tooltip_state_close', fillClass && "fill_".concat(fillClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), elevationClass && "elevation_".concat(elevationClass), centeringClass && "centering_".concat(centeringClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tooltip_size_".concat(sizeClass), isSkeleton && 'tooltip_skeleton', widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [jsx("div", { className: clsx('tooltip__arrow', arrowPosition && "tooltip__arrow_position_".concat(arrowPosition), fillClass && "fill_".concat(fillClass)), children: "\u00A0" }), before, jsxs("div", { className: "tooltip__inner", 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] }));
685
685
  });
686
686
 
687
687
  var iconAppearanceAccent = {
@@ -6,22 +6,22 @@ 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('./Icon_cjs_D-UNVTqI.js');
9
+ var Icon = require('./Icon_cjs_C9zGWlVp.js');
10
10
  var Text = require('./Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
12
12
 
13
13
  var labelAppearanceAccent = {
14
14
  accentMutedPrimary: {
15
15
  fill: 'accentTertiary',
16
- labelTextColor: 'accentTextQuaternary',
17
16
  borderColor: 'accentBorderSecondary',
17
+ labelTextColor: 'accentTextQuaternary',
18
18
  iconAfterFillIcon: 'accentItemQuaternary',
19
19
  iconBeforeFillIcon: 'accentItemQuaternary',
20
20
  },
21
21
  accentPrimary: {
22
22
  fill: 'accentPrimary',
23
- labelTextColor: 'accentTextPrimary',
24
23
  borderColor: 'accentBorderSecondary',
24
+ labelTextColor: 'accentTextPrimary',
25
25
  iconAfterFillIcon: 'accentItemPrimary',
26
26
  iconBeforeFillIcon: 'accentItemPrimary',
27
27
  },
@@ -320,7 +320,7 @@ var labelConfig = {
320
320
  },
321
321
  };
322
322
  function Label(props) {
323
- var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onClick = props.onClick, children = props.children;
323
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, cursor = props.cursor, tooltipContent = props.tooltipContent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
324
324
  var tooltipRef = React.useRef(null);
325
325
  var onMouseEnterLabel = React.useCallback(function () {
326
326
  var _a;
@@ -332,10 +332,10 @@ function Label(props) {
332
332
  }, []);
333
333
  var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, labelConfig, isDisabled);
334
334
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
335
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipContent = propsGenerator.tooltipContent, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
335
+ var alignClass = propsGenerator.alignClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTextWeight = propsGenerator.tooltipTextWeight, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, tooltipTitleWeight = propsGenerator.tooltipTitleWeight, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
336
336
  // @ts-expect-error
337
337
  var labelStyles = useStyles.useStyles(props).styles;
338
- return (jsxRuntime.jsxs("div", { dataTour: dataTour, className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsxRuntime.jsx(Icon.Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
338
+ return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignClass && "align_".concat(alignClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsxRuntime.jsx(Icon.Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
339
339
  }
340
340
 
341
341
  exports.Label = Label;
@@ -4,22 +4,22 @@ 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 './Icon_es_Cstv1LFr.js';
7
+ import { I as Icon, T as Tooltip } from './Icon_es_DHLepoKo.js';
8
8
  import { T as Text } from './Text_es_CwV9rjFD.js';
9
9
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
10
10
 
11
11
  var labelAppearanceAccent = {
12
12
  accentMutedPrimary: {
13
13
  fill: 'accentTertiary',
14
- labelTextColor: 'accentTextQuaternary',
15
14
  borderColor: 'accentBorderSecondary',
15
+ labelTextColor: 'accentTextQuaternary',
16
16
  iconAfterFillIcon: 'accentItemQuaternary',
17
17
  iconBeforeFillIcon: 'accentItemQuaternary',
18
18
  },
19
19
  accentPrimary: {
20
20
  fill: 'accentPrimary',
21
- labelTextColor: 'accentTextPrimary',
22
21
  borderColor: 'accentBorderSecondary',
22
+ labelTextColor: 'accentTextPrimary',
23
23
  iconAfterFillIcon: 'accentItemPrimary',
24
24
  iconBeforeFillIcon: 'accentItemPrimary',
25
25
  },
@@ -318,7 +318,7 @@ var labelConfig = {
318
318
  },
319
319
  };
320
320
  function Label(props) {
321
- var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onClick = props.onClick, children = props.children;
321
+ var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, cursor = props.cursor, tooltipContent = props.tooltipContent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
322
322
  var tooltipRef = useRef(null);
323
323
  var onMouseEnterLabel = useCallback(function () {
324
324
  var _a;
@@ -330,10 +330,10 @@ function Label(props) {
330
330
  }, []);
331
331
  var appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
332
332
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
333
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipContent = propsGenerator.tooltipContent, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
333
+ var alignClass = propsGenerator.alignClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTextWeight = propsGenerator.tooltipTextWeight, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, tooltipTitleWeight = propsGenerator.tooltipTitleWeight, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
334
334
  // @ts-expect-error
335
335
  var labelStyles = useStyles(props).styles;
336
- return (jsxs("div", { dataTour: dataTour, className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsx(Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
336
+ return (jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignClass && "align_".concat(alignClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('label__icon_before'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, tooltipContent && (jsx(Tooltip, { className: "label__tooltip", ref: tooltipRef, appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, titleWeight: tooltipTitleWeight, text: tooltipText, textSize: tooltipTextSize, textWeight: tooltipTextWeight, arrowPosition: tooltipArrowPosition, children: tooltipContent }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('label__icon_after'), fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), after] }));
337
337
  }
338
338
 
339
339
  export { Label as L, labelAppearance as a, labelConfig as l };
@@ -8,7 +8,7 @@ var castArray = require('lodash/castArray');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
10
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
11
- var Icon = require('../../Icon_cjs_D-UNVTqI.js');
11
+ var Icon = require('../../Icon_cjs_C9zGWlVp.js');
12
12
  var Divider = require('../../Divider_cjs_DUYtmwn2.js');
13
13
  var Text = require('../../Text_cjs_0EINiUq4.js');
14
14
  var _default = require('@itcase/icons/default');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_CQhA8iu9.js');
3
+ var Avatar = require('../../Avatar_cjs_BqJtyGqb.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -19,7 +19,7 @@ require('react-responsive');
19
19
  require('../utils/setViewportProperty.js');
20
20
  require('../hooks.js');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Icon_cjs_D-UNVTqI.js');
22
+ require('../../Icon_cjs_C9zGWlVp.js');
23
23
  require('react-inlinesvg');
24
24
  require('../hoc/urlWithAssetPrefix.js');
25
25
  require('../context/UrlAssetPrefix.js');
@@ -5,7 +5,7 @@ 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('../../Avatar_cjs_CQhA8iu9.js');
8
+ var Avatar = require('../../Avatar_cjs_BqJtyGqb.js');
9
9
  var Group = require('../../Group_cjs_BxBk5T7A.js');
10
10
  var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -23,7 +23,7 @@ require('../utils/setViewportProperty.js');
23
23
  require('../hooks.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('lodash/maxBy');
26
- require('../../Icon_cjs_D-UNVTqI.js');
26
+ require('../../Icon_cjs_C9zGWlVp.js');
27
27
  require('react-inlinesvg');
28
28
  require('../hoc/urlWithAssetPrefix.js');
29
29
  require('../context/UrlAssetPrefix.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Icon = require('../../Icon_cjs_D-UNVTqI.js');
3
+ var Icon = require('../../Icon_cjs_C9zGWlVp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -6,7 +6,7 @@ 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('../../Icon_cjs_D-UNVTqI.js');
9
+ var Icon = require('../../Icon_cjs_C9zGWlVp.js');
10
10
  var Link = require('../../Link_cjs_C5UsZUiF.js');
11
11
  var Text = require('../../Text_cjs_0EINiUq4.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_B2eZhvoC.js');
3
+ var Button = require('../../Button_cjs_oO7g75FT.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../../Icon_cjs_D-UNVTqI.js');
7
+ require('../../Icon_cjs_C9zGWlVp.js');
8
8
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react-inlinesvg');
10
10
  require('../hoc/urlWithAssetPrefix.js');
@@ -5,8 +5,8 @@ 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('../../Icon_cjs_D-UNVTqI.js');
9
- var Label = require('../../Label_cjs_BvS_ANE3.js');
8
+ var Icon = require('../../Icon_cjs_C9zGWlVp.js');
9
+ var Label = require('../../Label_cjs_O2PnxmeQ.js');
10
10
  var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_ChJ71i_A.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_C3KJn3MF.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -21,7 +21,7 @@ require('../hooks.js');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../hooks/useStyles/useStyles.js');
23
23
  require('lodash/maxBy');
24
- require('../../Icon_cjs_D-UNVTqI.js');
24
+ require('../../Icon_cjs_C9zGWlVp.js');
25
25
  require('react-inlinesvg');
26
26
  require('../hoc/urlWithAssetPrefix.js');
27
27
  require('../context/UrlAssetPrefix.js');
@@ -6,7 +6,7 @@ var clsx = require('clsx');
6
6
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Icon = require('../../Icon_cjs_D-UNVTqI.js');
9
+ var Icon = require('../../Icon_cjs_C9zGWlVp.js');
10
10
  var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
11
11
  var Text = require('../../Text_cjs_0EINiUq4.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -6,7 +6,7 @@ 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('../../Button_cjs_B2eZhvoC.js');
9
+ var Button = require('../../Button_cjs_oO7g75FT.js');
10
10
  var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('lodash/camelCase');
@@ -21,7 +21,7 @@ require('react-responsive');
21
21
  require('../utils/setViewportProperty.js');
22
22
  require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Icon_cjs_D-UNVTqI.js');
24
+ require('../../Icon_cjs_C9zGWlVp.js');
25
25
  require('react-inlinesvg');
26
26
  require('../hoc/urlWithAssetPrefix.js');
27
27
  require('../context/UrlAssetPrefix.js');
@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var common = require('@itcase/common');
7
- var DatePicker = require('../../DatePicker_cjs_CpN9wFK4.js');
7
+ var DatePicker = require('../../DatePicker_cjs_DsFAHbZ4.js');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
- var ChipsGroup = require('../../ChipsGroup_cjs_ChJ71i_A.js');
10
+ var ChipsGroup = require('../../ChipsGroup_cjs_C3KJn3MF.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('date-fns/locale');
13
13
  require('react-datepicker');
@@ -23,8 +23,8 @@ require('react-responsive');
23
23
  require('../utils/setViewportProperty.js');
24
24
  require('../hooks.js');
25
25
  require('../hooks/useStyles/styleAttributes.js');
26
- require('../../Button_cjs_B2eZhvoC.js');
27
- require('../../Icon_cjs_D-UNVTqI.js');
26
+ require('../../Button_cjs_oO7g75FT.js');
27
+ require('../../Icon_cjs_C9zGWlVp.js');
28
28
  require('react-inlinesvg');
29
29
  require('../hoc/urlWithAssetPrefix.js');
30
30
  require('../context/UrlAssetPrefix.js');
@@ -32,7 +32,7 @@ require('../../Link_cjs_C5UsZUiF.js');
32
32
  require('../../Text_cjs_0EINiUq4.js');
33
33
  require('../../Loader_cjs_Cme6Hi0B.js');
34
34
  require('../../Input_cjs_D18gXu6j.js');
35
- require('../../Label_cjs_BvS_ANE3.js');
35
+ require('../../Label_cjs_O2PnxmeQ.js');
36
36
  require('@itcase/icons/default');
37
37
  require('lodash/castArray');
38
38
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_CpN9wFK4.js');
3
+ var DatePicker = require('../../DatePicker_cjs_DsFAHbZ4.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -23,8 +23,8 @@ require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('../hooks/useStyles/useStyles.js');
25
25
  require('lodash/maxBy');
26
- require('../../Button_cjs_B2eZhvoC.js');
27
- require('../../Icon_cjs_D-UNVTqI.js');
26
+ require('../../Button_cjs_oO7g75FT.js');
27
+ require('../../Icon_cjs_C9zGWlVp.js');
28
28
  require('react-inlinesvg');
29
29
  require('../hoc/urlWithAssetPrefix.js');
30
30
  require('../context/UrlAssetPrefix.js');
@@ -32,7 +32,7 @@ require('../../Link_cjs_C5UsZUiF.js');
32
32
  require('../../Text_cjs_0EINiUq4.js');
33
33
  require('../../Loader_cjs_Cme6Hi0B.js');
34
34
  require('../../Input_cjs_D18gXu6j.js');
35
- require('../../Label_cjs_BvS_ANE3.js');
35
+ require('../../Label_cjs_O2PnxmeQ.js');
36
36
  require('@itcase/icons/default');
37
37
 
38
38