@itcase/ui 1.8.60 → 1.8.62

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 (127) hide show
  1. package/dist/{Avatar_cjs_-cKfA1OW.js → Avatar_cjs_g8d8LDkU.js} +3 -3
  2. package/dist/{Avatar_es_CSKFNChm.js → Avatar_es_DbH5Le9j.js} +3 -3
  3. package/dist/{Button_cjs_DnkftkHE.js → Button_cjs_BMCGsGKK.js} +12 -12
  4. package/dist/{Button_es_kqE4jwUz.js → Button_es_CvkdyDHz.js} +12 -12
  5. package/dist/{ChipsGroup_cjs_CymyJ6SH.js → ChipsGroup_cjs_BALOkFuT.js} +41 -8
  6. package/dist/{ChipsGroup_es_BVXA2F8b.js → ChipsGroup_es_BIDq4idr.js} +41 -8
  7. package/dist/{DatePicker_cjs_DuPePxS9.js → DatePicker_cjs_EaIpF6cm.js} +4 -4
  8. package/dist/{DatePicker_es_B84xipuO.js → DatePicker_es_Cq2jJkv0.js} +4 -4
  9. package/dist/{DropdownItem_cjs_DdjN_gRH.js → DropdownItem_cjs_DyjqXle_.js} +2 -2
  10. package/dist/{DropdownItem_es_DfEoMbef.js → DropdownItem_es_DHKJHW8q.js} +2 -2
  11. package/dist/{Group_cjs_DHNBxjH3.js → Group_cjs_D4QLNgcC.js} +2 -2
  12. package/dist/{Group_es_B2yGEJfj.js → Group_es_CruwH8Al.js} +2 -2
  13. package/dist/{Icon_cjs_O7ILYzgW.js → Icon_cjs_BsACgdjJ.js} +3 -3
  14. package/dist/{Icon_es_BGR9vYtq.js → Icon_es_CoIszJbl.js} +3 -3
  15. package/dist/{Image_cjs_2zEjohYE.js → Image_cjs_B6YlGx8G.js} +2 -2
  16. package/dist/{Image_es_ChF-63wh.js → Image_es_BvYo_cHH.js} +2 -2
  17. package/dist/{Label_cjs_eQIgvtt7.js → Label_cjs_QJ0WLQXG.js} +3 -3
  18. package/dist/{Label_es_BQDu9dwH.js → Label_es_WH-qJKvj.js} +3 -3
  19. package/dist/{Loader_cjs_DXJ1zsFJ.js → Loader_cjs_DlnM5Vzb.js} +16 -2
  20. package/dist/{Loader_es_D_NFpg8C.js → Loader_es_DhNCKZ8Y.js} +16 -2
  21. package/dist/{Overlay_cjs_BMrkRg7M.js → Overlay_cjs_B2KA85nC.js} +1 -1
  22. package/dist/{Overlay_es_D_izIIUB.js → Overlay_es_BvehRqIP.js} +1 -1
  23. package/dist/{Text_cjs_C-Ux7Tz5.js → Text_cjs_B8nNXWBA.js} +1 -1
  24. package/dist/{Text_es_BdFAdf7M.js → Text_es_BvmOR4nv.js} +1 -1
  25. package/dist/cjs/components/Accordion.js +2 -2
  26. package/dist/cjs/components/Avatar.js +4 -4
  27. package/dist/cjs/components/AvatarStack.js +5 -5
  28. package/dist/cjs/components/Badge.js +2 -2
  29. package/dist/cjs/components/Breadcrumbs.js +2 -2
  30. package/dist/cjs/components/Button.js +4 -4
  31. package/dist/cjs/components/Cell.js +15 -3
  32. package/dist/cjs/components/Checkbox.js +1 -1
  33. package/dist/cjs/components/Chips.js +3 -3
  34. package/dist/cjs/components/Choice.js +4 -4
  35. package/dist/cjs/components/CookiesWarning.js +4 -4
  36. package/dist/cjs/components/DatePeriod.js +7 -7
  37. package/dist/cjs/components/DatePicker.js +6 -6
  38. package/dist/cjs/components/Drawer.js +4 -4
  39. package/dist/cjs/components/Dropdown.js +3 -3
  40. package/dist/cjs/components/Flex.js +2 -2
  41. package/dist/cjs/components/Grid.js +3 -3
  42. package/dist/cjs/components/Group.js +1 -1
  43. package/dist/cjs/components/HTMLContent.js +1 -1
  44. package/dist/cjs/components/HeroTitle.js +3 -3
  45. package/dist/cjs/components/Icon.js +2 -2
  46. package/dist/cjs/components/Image.js +1 -1
  47. package/dist/cjs/components/InputPassword.js +2 -2
  48. package/dist/cjs/components/Label.js +3 -3
  49. package/dist/cjs/components/Loader.js +2 -2
  50. package/dist/cjs/components/MenuItem.js +2 -2
  51. package/dist/cjs/components/Modal.js +5 -5
  52. package/dist/cjs/components/ModalSheetBottom.js +1 -1
  53. package/dist/cjs/components/Notification.js +3 -3
  54. package/dist/cjs/components/Overlay.js +1 -1
  55. package/dist/cjs/components/Pagination.js +4 -4
  56. package/dist/cjs/components/Radio.js +1 -1
  57. package/dist/cjs/components/Response/img.js +4 -4
  58. package/dist/cjs/components/Response.js +12 -8
  59. package/dist/cjs/components/Search.js +3 -3
  60. package/dist/cjs/components/Segmented.js +2 -2
  61. package/dist/cjs/components/Select.js +3 -3
  62. package/dist/cjs/components/Swiper.js +2 -2
  63. package/dist/cjs/components/Switch.js +1 -1
  64. package/dist/cjs/components/Tab.js +4 -4
  65. package/dist/cjs/components/Text.js +1 -1
  66. package/dist/cjs/components/Tile.js +3 -3
  67. package/dist/cjs/components/Title.js +2 -2
  68. package/dist/cjs/components/Tooltip.js +2 -2
  69. package/dist/cjs/components/Warning.js +2 -2
  70. package/dist/components/Accordion.js +2 -2
  71. package/dist/components/Avatar.js +4 -4
  72. package/dist/components/AvatarStack.js +5 -5
  73. package/dist/components/Badge.js +2 -2
  74. package/dist/components/Breadcrumbs.js +2 -2
  75. package/dist/components/Button.js +4 -4
  76. package/dist/components/Cell.js +15 -3
  77. package/dist/components/Checkbox.js +1 -1
  78. package/dist/components/Chips.js +3 -3
  79. package/dist/components/Choice.js +4 -4
  80. package/dist/components/CookiesWarning.js +4 -4
  81. package/dist/components/DatePeriod.js +7 -7
  82. package/dist/components/DatePicker.js +6 -6
  83. package/dist/components/Drawer.js +4 -4
  84. package/dist/components/Dropdown.js +3 -3
  85. package/dist/components/Flex.js +2 -2
  86. package/dist/components/Grid.js +3 -3
  87. package/dist/components/Group.js +1 -1
  88. package/dist/components/HTMLContent.js +1 -1
  89. package/dist/components/HeroTitle.js +3 -3
  90. package/dist/components/Icon.js +2 -2
  91. package/dist/components/Image.js +1 -1
  92. package/dist/components/InputPassword.js +2 -2
  93. package/dist/components/Label.js +3 -3
  94. package/dist/components/Loader.js +2 -2
  95. package/dist/components/MenuItem.js +2 -2
  96. package/dist/components/Modal.js +5 -5
  97. package/dist/components/ModalSheetBottom.js +1 -1
  98. package/dist/components/Notification.js +3 -3
  99. package/dist/components/Overlay.js +1 -1
  100. package/dist/components/Pagination.js +4 -4
  101. package/dist/components/Radio.js +1 -1
  102. package/dist/components/Response/img.js +4 -4
  103. package/dist/components/Response.js +11 -8
  104. package/dist/components/Search.js +3 -3
  105. package/dist/components/Segmented.js +2 -2
  106. package/dist/components/Select.js +3 -3
  107. package/dist/components/Swiper.js +2 -2
  108. package/dist/components/Switch.js +1 -1
  109. package/dist/components/Tab.js +4 -4
  110. package/dist/components/Text.js +1 -1
  111. package/dist/components/Tile.js +3 -3
  112. package/dist/components/Title.js +2 -2
  113. package/dist/components/Tooltip.js +2 -2
  114. package/dist/components/Warning.js +2 -2
  115. package/dist/css/components/Chips/Chips.css +0 -20
  116. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +3 -4
  117. package/dist/css/components/Select/Select.css +1 -1
  118. package/dist/types/components/Button/appearance/buttonStyle.d.ts +4 -4
  119. package/dist/types/components/Cell/appearance/cellSurface.d.ts +12 -0
  120. package/dist/types/components/Chips/appearance/chipsShape.d.ts +25 -0
  121. package/dist/types/components/Chips/appearance/chipsSurface.d.ts +8 -0
  122. package/dist/types/components/Loader/appearance/loaderStyle.d.ts +14 -0
  123. package/dist/types/components/Response/appearance/responceConfirm.d.ts +2 -0
  124. package/dist/types/components/Response/appearance/responseSuccess.d.ts +2 -2
  125. package/dist/types/components/Response/img/index.d.ts +4 -4
  126. package/dist/types/components/Response/index.d.ts +4 -2
  127. package/package.json +5 -5
@@ -23,7 +23,7 @@ function Grid(props) {
23
23
  var justifyContentClass = propsGenerator.justifyContentClass, justifyItemsClass = propsGenerator.justifyItemsClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, columnGapClass = propsGenerator.columnGapClass, columnsClass = propsGenerator.columnsClass, heightClass = propsGenerator.heightClass, rowGapClass = propsGenerator.rowGapClass, rowsClass = propsGenerator.rowsClass, widthClass = propsGenerator.widthClass;
24
24
  // @ts-expect-error
25
25
  var gridStyles = useStyles(props).styles;
26
- return (jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), "data-tour": dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsx("div", { className: "grid__before", children: before }), children, after && jsx("div", { className: "grid__after", children: after })] }));
26
+ return (jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), dataTour: dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsx("div", { className: "grid__before", children: before }), children, after && jsx("div", { className: "grid__after", children: after })] }));
27
27
  }
28
28
 
29
29
  function GridItem(props) {
@@ -32,7 +32,7 @@ function GridItem(props) {
32
32
  var directionClass = propsGenerator.directionClass, justifySelfClass = propsGenerator.justifySelfClass, alignSelfClass = propsGenerator.alignSelfClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, columnEndClass = propsGenerator.columnEndClass, columnGapClass = propsGenerator.columnGapClass, columnSpanClass = propsGenerator.columnSpanClass, columnStartClass = propsGenerator.columnStartClass, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, gapClass = propsGenerator.gapClass, heightClass = propsGenerator.heightClass, orderClass = propsGenerator.orderClass, rowEndClass = propsGenerator.rowEndClass, rowGapClass = propsGenerator.rowGapClass, rowSpanClass = propsGenerator.rowSpanClass, rowStartClass = propsGenerator.rowStartClass, widthClass = propsGenerator.widthClass;
33
33
  // @ts-expect-error
34
34
  var gridItemStyles = useStyles(props).styles;
35
- return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
35
+ return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
36
36
  }
37
37
 
38
38
  function GridRow(props) {
@@ -41,7 +41,7 @@ function GridRow(props) {
41
41
  var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, heightClass = propsGenerator.heightClass, widthClass = propsGenerator.widthClass;
42
42
  // @ts-expect-error
43
43
  var gridRowStyles = useStyles(props).styles;
44
- return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
44
+ return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)), dataTestId: dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
45
45
  }
46
46
 
47
47
  export { Grid, GridItem, GridRow };
@@ -1,4 +1,4 @@
1
- export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_B2yGEJfj.js';
1
+ export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_CruwH8Al.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -23,7 +23,7 @@ function HTMLContent(props) {
23
23
  var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textWeightClass = propsGenerator.textWeightClass, columnsClass = propsGenerator.columnsClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
24
24
  // @ts-expect-error
25
25
  var htmlContentStyles = useStyles(props).styles;
26
- return (jsx("div", { className: clsx(className, 'html-content', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), columnsClass && "html-content_columns_".concat(columnsClass), directionClass && "html-content_direction_".concat(directionClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), heightClass && "height_".concat(heightClass), justifyContentClass && "justify-content_".concat(justifyContentClass), shapeClass && "html-content_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), wrapClass && "html-content_wrap_".concat(wrapClass), widthClass && "width_".concat(widthClass)), dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), onClick: onClick, children: children }));
26
+ return (jsx("div", { className: clsx(className, 'html-content', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), columnsClass && "html-content_columns_".concat(columnsClass), directionClass && "html-content_direction_".concat(directionClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), heightClass && "height_".concat(heightClass), justifyContentClass && "justify-content_".concat(justifyContentClass), shapeClass && "html-content_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), wrapClass && "html-content_wrap_".concat(wrapClass), widthClass && "width_".concat(widthClass)), dangerouslySetInnerHTML: { __html: content }, dataTour: dataTour, style: Object.assign({}, htmlContentStyles, style), onClick: onClick, children: children }));
27
27
  }
28
28
 
29
29
  export { HTMLContent };
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
5
5
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from '../hooks/useStyles/useStyles.js';
7
- import { I as Icon } from '../Icon_es_BGR9vYtq.js';
7
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
8
8
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
9
9
  import 'lodash/camelCase';
10
10
  import 'lodash/castArray';
@@ -22,7 +22,7 @@ import 'react-inlinesvg';
22
22
  import '../hoc/urlWithAssetPrefix.js';
23
23
  import '../context/UrlAssetPrefix.js';
24
24
  import '../Link_es_BnUIX0QT.js';
25
- import '../Text_es_BdFAdf7M.js';
25
+ import '../Text_es_BvmOR4nv.js';
26
26
 
27
27
  var heroTitleAppearanceSize = {
28
28
  sizeH1: {
@@ -73,7 +73,7 @@ function HeroTitle(props) {
73
73
  }
74
74
  return size ? size : 'span';
75
75
  }, [size, tag]);
76
- return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
76
+ return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'), dataTestId: dataTestId, dataTour: dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
77
77
  "hero-title-direction_".concat(wrapperDirectionClass), 'hero-title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
78
78
  }
79
79
 
@@ -1,4 +1,4 @@
1
- export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_BGR9vYtq.js';
1
+ export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_CoIszJbl.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
22
22
  import 'lodash/maxBy';
23
23
  import '../hooks/useStyles/styleAttributes.js';
24
24
  import '../Link_es_BnUIX0QT.js';
25
- import '../Text_es_BdFAdf7M.js';
25
+ import '../Text_es_BvmOR4nv.js';
@@ -1,4 +1,4 @@
1
- export { I as Image } from '../Image_es_ChF-63wh.js';
1
+ export { I as Image } from '../Image_es_BvYo_cHH.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
- import { I as Icon } from '../Icon_es_BGR9vYtq.js';
7
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
8
8
  import 'lodash/camelCase';
9
9
  import 'lodash/castArray';
10
10
  import 'lodash/upperFirst';
@@ -22,7 +22,7 @@ import '../hooks/useStyles/useStyles.js';
22
22
  import 'lodash/maxBy';
23
23
  import '../hooks/useStyles/styleAttributes.js';
24
24
  import '../Link_es_BnUIX0QT.js';
25
- import '../Text_es_BdFAdf7M.js';
25
+ import '../Text_es_BvmOR4nv.js';
26
26
 
27
27
  var inputPasswordAppearanceDefault = {
28
28
  defaultPrimary: {
@@ -1,4 +1,4 @@
1
- export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_BQDu9dwH.js';
1
+ export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_WH-qJKvj.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -18,9 +18,9 @@ import '../utils/setViewportProperty.js';
18
18
  import '../hooks/useStyles/useStyles.js';
19
19
  import 'lodash/maxBy';
20
20
  import '../hooks/useStyles/styleAttributes.js';
21
- import '../Icon_es_BGR9vYtq.js';
21
+ import '../Icon_es_CoIszJbl.js';
22
22
  import 'react-inlinesvg';
23
23
  import '../hoc/urlWithAssetPrefix.js';
24
24
  import '../context/UrlAssetPrefix.js';
25
25
  import '../Link_es_BnUIX0QT.js';
26
- import '../Text_es_BdFAdf7M.js';
26
+ import '../Text_es_BvmOR4nv.js';
@@ -1,4 +1,4 @@
1
- export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_D_NFpg8C.js';
1
+ export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_DhNCKZ8Y.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'clsx';
4
4
  import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -18,4 +18,4 @@ import '../utils/setViewportProperty.js';
18
18
  import '../hooks/useStyles/useStyles.js';
19
19
  import 'lodash/maxBy';
20
20
  import '../hooks/useStyles/styleAttributes.js';
21
- import '../Text_es_BdFAdf7M.js';
21
+ import '../Text_es_BvmOR4nv.js';
@@ -4,9 +4,9 @@ import clsx from 'clsx';
4
4
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
5
5
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from '../hooks/useStyles/useStyles.js';
7
- import { I as Icon, T as Tooltip } from '../Icon_es_BGR9vYtq.js';
7
+ import { I as Icon, T as Tooltip } from '../Icon_es_CoIszJbl.js';
8
8
  import { L as Link } from '../Link_es_BnUIX0QT.js';
9
- import { T as Text } from '../Text_es_BdFAdf7M.js';
9
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
10
10
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
11
11
  import 'lodash/camelCase';
12
12
  import 'lodash/castArray';
@@ -5,10 +5,10 @@ import ReactDOM from 'react-dom';
5
5
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
7
  import { useStyles } from '../hooks/useStyles/useStyles.js';
8
- import { O as Overlay } from '../Overlay_es_D_izIIUB.js';
9
- import { b as Title } from '../Icon_es_BGR9vYtq.js';
8
+ import { O as Overlay } from '../Overlay_es_BvehRqIP.js';
9
+ import { b as Title } from '../Icon_es_CoIszJbl.js';
10
10
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
11
- import { L as Loader } from '../Loader_es_D_NFpg8C.js';
11
+ import { L as Loader } from '../Loader_es_DhNCKZ8Y.js';
12
12
  import 'lodash/camelCase';
13
13
  import 'lodash/castArray';
14
14
  import 'lodash/upperFirst';
@@ -25,7 +25,7 @@ import 'react-inlinesvg';
25
25
  import '../hoc/urlWithAssetPrefix.js';
26
26
  import '../context/UrlAssetPrefix.js';
27
27
  import '../Link_es_BnUIX0QT.js';
28
- import '../Text_es_BdFAdf7M.js';
28
+ import '../Text_es_BvmOR4nv.js';
29
29
 
30
30
  var modalAppearanceSurface = {
31
31
  surfacePrimary: {
@@ -155,7 +155,7 @@ var Modal = React.forwardRef(function Modal(props, ref) {
155
155
  return (modalElement &&
156
156
  ReactDOM.createPortal(
157
157
  // Any valid React child: JSX, strings, arrays, etc.
158
- isOpen ? (jsxs(React.Fragment, { children: [jsxs("div", { id: id, className: clsx('modal-content', contentClassName, fillClass && "fill_".concat(fillClass), shapeClass && "modal-shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), scroll && "modal-scroll_".concat(scroll), isSkeleton && 'modal_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [title && (jsx(Title, { className: "modal-content__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), closeButton && (jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsx("div", { className: "modal-content__wrapper", children: children })] }), jsx(Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName),
158
+ isOpen ? (jsxs(React.Fragment, { children: [jsxs("div", { id: id, className: clsx('modal-content', contentClassName, fillClass && "fill_".concat(fillClass), shapeClass && "modal-shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), scroll && "modal-scroll_".concat(scroll), isSkeleton && 'modal_skeleton'), dataTestId: dataTestId, dataTour: dataTour, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [title && (jsx(Title, { className: "modal-content__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), closeButton && (jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsx("div", { className: "modal-content__wrapper", children: children })] }), jsx(Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName),
159
159
  // ref={modalOverlayRef}
160
160
  fill: overlayFill, fillGradient: overlayFillGradient, opacity: overlayOpacity, isOverlay: isOverlay, onClick: onClickOverlay })] })) : null,
161
161
  // A DOM element
@@ -39,7 +39,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
39
39
  useImperativeHandle(ref, function () { return ({ openModalSheetBottom: openModalSheetBottom, closeModalSheetBottom: closeModalSheetBottom, isOpen: isOpen }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
40
40
  // @ts-expect-error
41
41
  var styles = useStyles(props).styles;
42
- return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", "data-testid": dataTestId, "data-tour": dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
42
+ return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
43
43
  });
44
44
 
45
45
  export { ModalSheetBottom, modalSheetBottomAppearance };
@@ -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 } from '../Icon_es_BGR9vYtq.js';
7
- import { T as Text } from '../Text_es_BdFAdf7M.js';
6
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
7
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
8
8
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
9
9
  import { icons20 } from '@itcase/icons/default';
10
10
  import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
@@ -136,7 +136,7 @@ function Notification(props) {
136
136
  var fillClass = propsGenerator.fillClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, elevationClass = propsGenerator.elevationClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, closeIcon = propsGenerator.closeIcon, closeIconFill = propsGenerator.closeIconFill, closeIconFillIcon = propsGenerator.closeIconFillIcon, closeIconFillSize = propsGenerator.closeIconFillSize, closeIconShape = propsGenerator.closeIconShape, closeIconSize = propsGenerator.closeIconSize, closeIconSrc = propsGenerator.closeIconSrc;
137
137
  // @ts-expect-error
138
138
  var notificationStyles = useStyles(props).styles;
139
- return (jsxs("div", { className: clsx('notification__item', elevationClass && "elevation_".concat(elevationClass), sizeClass && "notification__item_set_".concat(sizeClass), widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass), isSkeleton && "notification__item_skeleton"), "data-testid": dataTestId, "data-tour": dataTour, style: notificationStyles, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: desc })), close && (closeIcon || closeIconSrc) && (jsx(Icon, { className: clsx('notification__item-close', 'cursor_type_pointer'), fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: function () { return onClickClose && onClickClose(id); } }))] }), after] }));
139
+ return (jsxs("div", { className: clsx('notification__item', elevationClass && "elevation_".concat(elevationClass), sizeClass && "notification__item_set_".concat(sizeClass), widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass), isSkeleton && "notification__item_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: notificationStyles, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: desc })), close && (closeIcon || closeIconSrc) && (jsx(Icon, { className: clsx('notification__item-close', 'cursor_type_pointer'), fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: function () { return onClickClose && onClickClose(id); } }))] }), after] }));
140
140
  }
141
141
 
142
142
  function NotificationWrapper(props) {
@@ -1,4 +1,4 @@
1
- export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay_es_D_izIIUB.js';
1
+ export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay_es_BvehRqIP.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'clsx';
4
4
  import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -6,9 +6,9 @@ import ReactPaginate from 'react-paginate';
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 { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_DfEoMbef.js';
10
- import { I as Icon } from '../Icon_es_BGR9vYtq.js';
11
- import { T as Text } from '../Text_es_BdFAdf7M.js';
9
+ import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_DHKJHW8q.js';
10
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
11
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
12
12
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
13
13
  import { icons14, icons24, icons16 } from '@itcase/icons/default';
14
14
  import 'lodash/camelCase';
@@ -261,7 +261,7 @@ function Pagination(props) {
261
261
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
262
262
  var justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillInputClass = propsGenerator.fillInputClass, fillInputHoverClass = propsGenerator.fillInputHoverClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, builderIcon = propsGenerator.builderIcon, builderIconFill = propsGenerator.builderIconFill, builderIconFillIcon = propsGenerator.builderIconFillIcon, builderIconFillSize = propsGenerator.builderIconFillSize, builderIconSize = propsGenerator.builderIconSize, marginPagesDisplayed = propsGenerator.marginPagesDisplayed, nextIcon = propsGenerator.nextIcon, nextIconFill = propsGenerator.nextIconFill, nextIconFillIcon = propsGenerator.nextIconFillIcon, nextIconFillSize = propsGenerator.nextIconFillSize, nextIconSize = propsGenerator.nextIconSize, pageCountDescTextColor = propsGenerator.pageCountDescTextColor, pageCountDescTextSize = propsGenerator.pageCountDescTextSize, pageCountDropdownAlignment = propsGenerator.pageCountDropdownAlignment, pageCountDropdownElevation = propsGenerator.pageCountDropdownElevation, pageCountDropdownFill = propsGenerator.pageCountDropdownFill, pageCountDropdownItemDividerFill = propsGenerator.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = propsGenerator.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = propsGenerator.pageCountDropdownItemFill, pageCountDropdownItemFillActive = propsGenerator.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = propsGenerator.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = propsGenerator.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = propsGenerator.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = propsGenerator.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = propsGenerator.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActiveHover = propsGenerator.pageCountDropdownItemLabelColorActiveHover, pageCountDropdownItemLabelColorHover = propsGenerator.pageCountDropdownItemLabelColorHover, pageCountDropdownItemLabelSize = propsGenerator.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = propsGenerator.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = propsGenerator.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = propsGenerator.pageCountDropdownItemSize, pageCountDropdownItemWidth = propsGenerator.pageCountDropdownItemWidth, pageCountDropdownShape = propsGenerator.pageCountDropdownShape, pageCountInputIcon = propsGenerator.pageCountInputIcon, pageCountInputIconColor = propsGenerator.pageCountInputIconColor, pageCountInputIconFillSize = propsGenerator.pageCountInputIconFillSize, pageCountInputIconSrc = propsGenerator.pageCountInputIconSrc, pageCountInputTextColor = propsGenerator.pageCountInputTextColor, pageCountInputTextSize = propsGenerator.pageCountInputTextSize, pageRangeDisplayed = propsGenerator.pageRangeDisplayed, previousIcon = propsGenerator.previousIcon, previousIconFill = propsGenerator.previousIconFill, previousIconFillIcon = propsGenerator.previousIconFillIcon, previousIconFillSize = propsGenerator.previousIconFillSize, previousIconSize = propsGenerator.previousIconSize, sizeClass = propsGenerator.sizeClass;
263
263
  var paginationStyles = useStyles(props).styles;
264
- return (jsxs("div", { className: clsx('pagination', sizeClass && "pagination_size_".concat(sizeClass), isSkeleton && "pagination_skeleton"), "data-testid": dataTestId, "data-tour": dataTour, style: paginationStyles, children: [jsx(ReactPaginate, { disabledClassName: "pagination__item_state_disabled cursor_type_default", disabledLinkClassName: "pagination__item_state_disabled", activeClassName: clsx('pagination__item_state_active cursor_type_default', fillActiveClass && "fill_active_".concat(fillActiveClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), activeLinkClassName: "pagination__item-link_state_active", breakClassName: "pagination__item pagination__item_break", breakLabel: "...", breakLinkClassName: "pagination__item-link", containerClassName: clsx(className, 'pagination__container', justifyContentClass &&
264
+ return (jsxs("div", { className: clsx('pagination', sizeClass && "pagination_size_".concat(sizeClass), isSkeleton && "pagination_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: paginationStyles, children: [jsx(ReactPaginate, { disabledClassName: "pagination__item_state_disabled cursor_type_default", disabledLinkClassName: "pagination__item_state_disabled", activeClassName: clsx('pagination__item_state_active cursor_type_default', fillActiveClass && "fill_active_".concat(fillActiveClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), activeLinkClassName: "pagination__item-link_state_active", breakClassName: "pagination__item pagination__item_break", breakLabel: "...", breakLinkClassName: "pagination__item-link", containerClassName: clsx(className, 'pagination__container', justifyContentClass &&
265
265
  "pagination_justify-content_".concat(justifyContentClass)),
266
266
  // pages settings
267
267
  forcePage: paginationPageIndex, marginPagesDisplayed: marginPagesDisplayed, nextClassName: clsx('pagination__item pagination__item_next', sizeClass && "pagination__item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass)),
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
4
4
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
- import { T as Text } from '../Text_es_BdFAdf7M.js';
5
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
6
6
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
7
7
  import 'react';
8
8
  import 'lodash/camelCase';
@@ -16,16 +16,16 @@ var img$1 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180
16
16
 
17
17
  var img = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='180' height='180' rx='90' fill='%23DE8806'/%3e%3cpath d='M90.5029 123.721C93.8166 123.721 96.5029 126.407 96.5029 129.721V134.749C96.5027 138.063 93.8165 140.749 90.5029 140.749C87.1894 140.749 84.5031 138.063 84.5029 134.749V129.721C84.5029 126.407 87.1892 123.721 90.5029 123.721ZM90.5029 39.251C93.8166 39.251 96.5029 41.9383 96.5029 45.252V104.582C96.5024 107.895 93.8163 110.582 90.5029 110.582C87.1895 110.582 84.5034 107.895 84.5029 104.582V45.252C84.5029 41.9382 87.1892 39.251 90.5029 39.251Z' fill='white'/%3e%3c/svg%3e";
18
18
 
19
- var resposeIcon = {
19
+ var responseIcon = {
20
+ Error: img$7,
20
21
  Warning: img,
21
22
  Success: img$2,
22
23
  Confirm: img$8,
23
- Search: img$3,
24
- Error: img$7,
25
24
  Fail: img$6,
26
25
  NothingFound: img$5,
27
26
  Refresh: img$4,
27
+ Search: img$3,
28
28
  UnableLoadData: img$1,
29
29
  };
30
30
 
31
- export { resposeIcon };
31
+ export { responseIcon };
@@ -1,3 +1,4 @@
1
+ export { responseIcon } from './Response/img.js';
1
2
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
2
3
  import { jsx, jsxs } from 'react/jsx-runtime';
3
4
  import { useMemo } from 'react';
@@ -6,9 +7,9 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
6
7
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
7
8
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
9
  import { useStyles } from '../hooks/useStyles/useStyles.js';
9
- import { B as Button } from '../Button_es_kqE4jwUz.js';
10
- import { G as Group } from '../Group_es_B2yGEJfj.js';
11
- import { T as Text } from '../Text_es_BdFAdf7M.js';
10
+ import { B as Button } from '../Button_es_CvkdyDHz.js';
11
+ import { G as Group } from '../Group_es_CruwH8Al.js';
12
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
12
13
  import '@itcase/common';
13
14
  import '../context/UrlAssetPrefix.js';
14
15
  import 'lodash/camelCase';
@@ -22,10 +23,10 @@ import 'react-responsive';
22
23
  import '../utils/setViewportProperty.js';
23
24
  import 'lodash/maxBy';
24
25
  import '../hooks/useStyles/styleAttributes.js';
25
- import '../Icon_es_BGR9vYtq.js';
26
+ import '../Icon_es_CoIszJbl.js';
26
27
  import 'react-inlinesvg';
27
28
  import '../Link_es_BnUIX0QT.js';
28
- import '../Loader_es_D_NFpg8C.js';
29
+ import '../Loader_es_DhNCKZ8Y.js';
29
30
 
30
31
  var responseAppearanceConfirm = {
31
32
  confirm: {
@@ -34,6 +35,8 @@ var responseAppearanceConfirm = {
34
35
  titleTextSize: 'xxl',
35
36
  labelTextColor: 'surfaceTextPrimary',
36
37
  descTextSize: 'm',
38
+ svgFill: 'surfaceTertiary',
39
+ svgPathFill: 'surfaceItemQuaternary',
37
40
  primaryButtonAppearance: 'accentPrimary sizeXXL',
38
41
  secondaryButtonAppearance: 'surfaceSecondary sizeXXL',
39
42
  },
@@ -102,10 +105,10 @@ var responseAppearanceSuccess = {
102
105
  titleTextSize: 'xxl',
103
106
  labelTextColor: 'surfaceTextPrimary',
104
107
  descTextSize: 'm',
108
+ svgFill: 'accentPrimary',
109
+ svgPathFill: 'accentItemPrimary',
105
110
  primaryButtonAppearance: 'accentPrimary sizeXXL',
106
111
  secondaryButtonAppearance: 'surfaceSecondary sizeXXL',
107
- svgFill: 'surfaceTertiary',
108
- svgPathFill: 'surfaceItemQuaternary',
109
112
  },
110
113
  };
111
114
 
@@ -178,7 +181,7 @@ var Response = urlWithAssetPrefix(function Response(props) {
178
181
  }, [imageSrc, svgSrc, SvgImage, width, height, svgFillClass]);
179
182
  // @ts-expect-error
180
183
  var _a = useStyles(props), responseStyles = _a.styles, wrapperStyles = _a.wrapper;
181
- return (jsxs("div", { className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "response_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), "data-testid": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxs("div", { className: "response__wrapper-inner", children: [title && (jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
184
+ return (jsxs("div", { dataTestId: dataTestId, dataTour: dataTour, className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "response_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), style: responseStyles, children: [before, jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxs("div", { className: "response__wrapper-inner", children: [title && (jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
182
185
  primaryButton ||
183
186
  secondaryButtonLabel ||
184
187
  secondaryButton ||
@@ -6,8 +6,8 @@ import clsx from 'clsx';
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 { I as Icon } from '../Icon_es_BGR9vYtq.js';
10
- import { T as Text } from '../Text_es_BdFAdf7M.js';
9
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
10
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
11
11
  import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
12
12
  import 'lodash/camelCase';
13
13
  import 'lodash/castArray';
@@ -178,7 +178,7 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
178
178
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
179
179
  var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
180
180
  var searchInputStyles = useStyles(props).styles;
181
- return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
181
+ return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"), dataTour: dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
182
182
  inputTextWeightClass ||
183
183
  inputTextColorClass ||
184
184
  inputTextStyleClass) &&
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
3
3
  import clsx from 'clsx';
4
- import { I as Icon } from '../Icon_es_BGR9vYtq.js';
4
+ import { I as Icon } from '../Icon_es_CoIszJbl.js';
5
5
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
6
6
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
7
- import { T as Text } from '../Text_es_BdFAdf7M.js';
7
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
8
8
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
9
9
  import 'react-inlinesvg';
10
10
  import '../hoc/urlWithAssetPrefix.js';
@@ -1,14 +1,14 @@
1
1
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import Select, { components } from 'react-select';
4
- import { I as Icon, B as Badge } from '../Icon_es_BGR9vYtq.js';
4
+ import { I as Icon, B as Badge } from '../Icon_es_CoIszJbl.js';
5
5
  import React, { useRef, useCallback, useEffect, useMemo } from 'react';
6
6
  import clsx from 'clsx';
7
7
  import CreatableSelect from 'react-select/creatable';
8
8
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
9
9
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
10
- import { T as Text } from '../Text_es_BdFAdf7M.js';
11
- import { G as Group } from '../Group_es_B2yGEJfj.js';
10
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
11
+ import { G as Group } from '../Group_es_CruwH8Al.js';
12
12
  import { D as Divider } from '../Divider_es_CiRU0sTz.js';
13
13
  import 'react-inlinesvg';
14
14
  import '../hoc/urlWithAssetPrefix.js';
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
5
5
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from '../hooks/useStyles/useStyles.js';
7
- import { b as Title } from '../Icon_es_BGR9vYtq.js';
7
+ import { b as Title } from '../Icon_es_CoIszJbl.js';
8
8
  import '../tslib.es6_es_Bwu1Cn-t.js';
9
9
  import 'lodash/camelCase';
10
10
  import 'lodash/castArray';
@@ -23,7 +23,7 @@ import '../hoc/urlWithAssetPrefix.js';
23
23
  import '../context/UrlAssetPrefix.js';
24
24
  import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
25
25
  import '../Link_es_BnUIX0QT.js';
26
- import '../Text_es_BdFAdf7M.js';
26
+ import '../Text_es_BvmOR4nv.js';
27
27
 
28
28
  function Swiper(props) {
29
29
  var id = props.id, className = props.className, direction = props.direction, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, _a = props.activeSlideIndex, activeSlideIndex = _a === void 0 ? 0 : _a, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
@@ -3,7 +3,7 @@ import React 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 { T as Text } from '../Text_es_BdFAdf7M.js';
6
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
7
7
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
8
8
  import 'lodash/camelCase';
9
9
  import 'lodash/castArray';
@@ -4,10 +4,10 @@ import clsx from 'clsx';
4
4
  import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
5
5
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from '../hooks/useStyles/useStyles.js';
7
- import { B as Badge, I as Icon } from '../Icon_es_BGR9vYtq.js';
7
+ import { B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
8
8
  import { D as Divider } from '../Divider_es_CiRU0sTz.js';
9
9
  import { L as Link } from '../Link_es_BnUIX0QT.js';
10
- import { T as Text } from '../Text_es_BdFAdf7M.js';
10
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
11
11
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
12
12
  import 'lodash/camelCase';
13
13
  import 'lodash/castArray';
@@ -213,7 +213,7 @@ function Tab(props) {
213
213
  ? borderColorHoverClass &&
214
214
  "border-color_hover_".concat(borderColorHoverClass)
215
215
  : borderColorActiveHoverClass &&
216
- "border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'), "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxs(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [label && (jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textColorHoverActive: labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isDisabled: isDisabled, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tab__icon_after'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), jsx(Divider, { width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isDisabled: isDisabled, isActive: isActive })] })), after] }) }));
216
+ "border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'), dataTour: dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxs(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [label && (jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textColorHoverActive: labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isDisabled: isDisabled, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tab__icon_after'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), jsx(Divider, { width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isDisabled: isDisabled, isActive: isActive })] })), after] }) }));
217
217
  }
218
218
 
219
219
  function TabGroup(props) {
@@ -222,7 +222,7 @@ function TabGroup(props) {
222
222
  var directionClass = propsGenerator.directionClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
223
223
  // @ts-expect-error
224
224
  var _a = useStyles(props), groupStyles = _a.styles, groupWrapperStyles = _a.wrapper;
225
- return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && "width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), fillClass && "fill_".concat(fillClass), horizontalScroll && 'group_type_horizontal_scroll', wrapClass && "group_wrap_".concat(wrapClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key)); }), children] })) : (jsxs(React.Fragment, { children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive }, item.key)); }), children] })) }));
225
+ return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && "width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), fillClass && "fill_".concat(fillClass), horizontalScroll && 'group_type_horizontal_scroll', wrapClass && "group_wrap_".concat(wrapClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key)); }), children] })) : (jsxs(React.Fragment, { children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive }, item.key)); }), children] })) }));
226
226
  }
227
227
 
228
228
  export { Tab, TabGroup, tabAppearance, tabConfig };
@@ -1,4 +1,4 @@
1
- export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_BdFAdf7M.js';
1
+ export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_BvmOR4nv.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'clsx';
4
4
  import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -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 { b as Title, B as Badge, I as Icon } from '../Icon_es_BGR9vYtq.js';
7
- import { T as Text } from '../Text_es_BdFAdf7M.js';
6
+ import { b as Title, B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
7
+ import { T as Text } from '../Text_es_BvmOR4nv.js';
8
8
  import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
9
9
  import 'react';
10
10
  import 'lodash/camelCase';
@@ -141,7 +141,7 @@ function Tile(props) {
141
141
  var alignClass = propsGenerator.alignClass, _a = propsGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, fillClass = propsGenerator.fillClass, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWrap = propsGenerator.descTextWrap, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, icon = propsGenerator.icon, iconAppearance = propsGenerator.iconAppearance, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
142
142
  // @ts-expect-error
143
143
  var tileStyles = useStyles(props).styles;
144
- return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', sizeClass && "tile_size_".concat(sizeClass), type && "tile_type_".concat(type), badgeValue && "tile_state_badge", isSkeleton && "tile_skeleton"), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tile__icon'), appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
144
+ return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', sizeClass && "tile_size_".concat(sizeClass), type && "tile_type_".concat(type), badgeValue && "tile_state_badge", isSkeleton && "tile_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tile__icon'), appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
145
145
  }
146
146
 
147
147
  export { Tile, tileAppearance, tileConfig };
@@ -1,4 +1,4 @@
1
- export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BGR9vYtq.js';
1
+ export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_CoIszJbl.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
22
22
  import 'lodash/maxBy';
23
23
  import '../hooks/useStyles/styleAttributes.js';
24
24
  import '../Link_es_BnUIX0QT.js';
25
- import '../Text_es_BdFAdf7M.js';
25
+ import '../Text_es_BvmOR4nv.js';