@itcase/ui 1.8.38 → 1.8.40

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 (162) hide show
  1. package/dist/{Avatar_cjs_nMPCDjk8.js → Avatar_cjs_BbeDJ-No.js} +2 -2
  2. package/dist/{Avatar_es_B73a6TzA.js → Avatar_es_B1Ao9Im_.js} +2 -2
  3. package/dist/{Button_cjs_plv5-qcj.js → Button_cjs_Ctkyt2ES.js} +1 -1
  4. package/dist/{Button_es_BigB2Wz6.js → Button_es_BiIuX0ER.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_DrOhD-Fc.js → ChipsGroup_cjs_p99H-9a8.js} +48 -64
  6. package/dist/{ChipsGroup_es_B9m4l0wN.js → ChipsGroup_es_CWq3TR_1.js} +48 -64
  7. package/dist/{DatePicker_cjs_DKoF73mp.js → DatePicker_cjs_D_1v2mS0.js} +3 -3
  8. package/dist/{DatePicker_es_CdEYxtwj.js → DatePicker_es_CQwbdG0g.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DQvByLbN.js → DropdownItem_cjs_B1gGciTB.js} +26 -9
  10. package/dist/{DropdownItem_es_KppIfto7.js → DropdownItem_es_JVT4f6Nb.js} +26 -9
  11. package/dist/{Image_cjs_CCWqbNn4.js → Image_cjs_2zEjohYE.js} +5 -4
  12. package/dist/{Image_es_DZUVp0FS.js → Image_es_ChF-63wh.js} +5 -4
  13. package/dist/{Label_cjs_BGJfyrOL.js → Label_cjs_Mb8j2bLu.js} +1 -5
  14. package/dist/{Label_es_C4Px7b-N.js → Label_es_CIDBUVgO.js} +1 -5
  15. package/dist/{Tooltip_cjs_DHduWa-v.js → Tooltip_cjs_BBwH8sjA.js} +16 -6
  16. package/dist/{Tooltip_es_ltCY-w4M.js → Tooltip_es_Y2aoFQW7.js} +16 -6
  17. package/dist/cjs/components/Accordion.js +3 -1
  18. package/dist/cjs/components/Avatar.js +5 -3
  19. package/dist/cjs/components/AvatarStack.js +5 -3
  20. package/dist/cjs/components/Badge.js +3 -1
  21. package/dist/cjs/components/Breadcrumbs.js +3 -1
  22. package/dist/cjs/components/Button.js +4 -2
  23. package/dist/cjs/components/Cell.js +4 -2
  24. package/dist/cjs/components/Chips.js +5 -2
  25. package/dist/cjs/components/Choice.js +3 -1
  26. package/dist/cjs/components/CookiesWarning.js +4 -2
  27. package/dist/cjs/components/DatePeriod.js +8 -5
  28. package/dist/cjs/components/DatePicker.js +6 -4
  29. package/dist/cjs/components/Drawer.js +3 -1
  30. package/dist/cjs/components/Dropdown/stories/__mock__.js +27 -4
  31. package/dist/cjs/components/Dropdown.js +5 -3
  32. package/dist/cjs/components/HeroTitle.js +3 -1
  33. package/dist/cjs/components/Icon.js +3 -1
  34. package/dist/cjs/components/Image.js +5 -3
  35. package/dist/cjs/components/InputPassword.js +3 -1
  36. package/dist/cjs/components/Label.js +4 -2
  37. package/dist/cjs/components/Logo.js +7 -5
  38. package/dist/cjs/components/MenuItem.js +3 -1
  39. package/dist/cjs/components/Modal.js +3 -1
  40. package/dist/cjs/components/Notification.js +3 -1
  41. package/dist/cjs/components/Pagination.js +68 -21
  42. package/dist/cjs/components/Radio.js +45 -65
  43. package/dist/cjs/components/Response.js +8 -5
  44. package/dist/cjs/components/SVGContent.js +5 -3
  45. package/dist/cjs/components/Search.js +3 -1
  46. package/dist/cjs/components/Segmented.js +3 -1
  47. package/dist/cjs/components/Select.js +5 -3
  48. package/dist/cjs/components/Swiper.js +3 -1
  49. package/dist/cjs/components/Tab.js +3 -1
  50. package/dist/cjs/components/Textarea.js +1 -1
  51. package/dist/cjs/components/Tile.js +3 -1
  52. package/dist/cjs/components/Title.js +3 -1
  53. package/dist/cjs/components/Tooltip.js +3 -1
  54. package/dist/cjs/context/UrlAssetPrefix.js +17 -0
  55. package/dist/cjs/hoc/urlWithAssetPrefix.js +64 -0
  56. package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js +29 -0
  57. package/dist/cjs/hooks/useAppearanceConfig.js +9 -0
  58. package/dist/components/Accordion.js +3 -1
  59. package/dist/components/Avatar.js +5 -3
  60. package/dist/components/AvatarStack.js +5 -3
  61. package/dist/components/Badge.js +3 -1
  62. package/dist/components/Breadcrumbs.js +3 -1
  63. package/dist/components/Button.js +4 -2
  64. package/dist/components/Cell.js +4 -2
  65. package/dist/components/Chips.js +5 -2
  66. package/dist/components/Choice.js +3 -1
  67. package/dist/components/CookiesWarning.js +4 -2
  68. package/dist/components/DatePeriod.js +8 -5
  69. package/dist/components/DatePicker.js +6 -4
  70. package/dist/components/Drawer.js +3 -1
  71. package/dist/components/Dropdown/stories/__mock__.js +26 -5
  72. package/dist/components/Dropdown.js +5 -3
  73. package/dist/components/HeroTitle.js +3 -1
  74. package/dist/components/Icon.js +3 -1
  75. package/dist/components/Image.js +5 -3
  76. package/dist/components/InputPassword.js +3 -1
  77. package/dist/components/Label.js +4 -2
  78. package/dist/components/Logo.js +7 -5
  79. package/dist/components/MenuItem.js +3 -1
  80. package/dist/components/Modal.js +3 -1
  81. package/dist/components/Notification.js +3 -1
  82. package/dist/components/Pagination.js +69 -22
  83. package/dist/components/Radio.js +45 -65
  84. package/dist/components/Response.js +8 -5
  85. package/dist/components/SVGContent.js +5 -3
  86. package/dist/components/Search.js +3 -1
  87. package/dist/components/Segmented.js +3 -1
  88. package/dist/components/Select.js +5 -3
  89. package/dist/components/Swiper.js +3 -1
  90. package/dist/components/Tab.js +3 -1
  91. package/dist/components/Textarea.js +1 -1
  92. package/dist/components/Tile.js +3 -1
  93. package/dist/components/Title.js +3 -1
  94. package/dist/components/Tooltip.js +3 -1
  95. package/dist/context/UrlAssetPrefix.js +14 -0
  96. package/dist/css/components/Dropdown/Dropdown.css +24 -0
  97. package/dist/css/components/Pagination/Pagination.css +82 -30
  98. package/dist/css/components/Pagination/css/__item/pagination__item.css +8 -8
  99. package/dist/css/components/Pagination/css/__item/pagination__item_size.css +8 -0
  100. package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +16 -16
  101. package/dist/css/components/Radio/Radio.css +44 -5
  102. package/dist/css/components/Select/Select.css +1 -0
  103. package/dist/css/components/Select/css/__indicators/select__indicators.css +1 -0
  104. package/dist/css/components/Swiper/Swiper.css +2 -2
  105. package/dist/css/styles/fill/fill.css +2 -1
  106. package/dist/css/styles/fill/fill_active.css +3 -0
  107. package/dist/css/styles/fill/fill_active_hover.css +7 -0
  108. package/dist/css/styles/fill/fill_hover.css +5 -9
  109. package/dist/hoc/urlWithAssetPrefix.js +62 -0
  110. package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +27 -0
  111. package/dist/hooks/useAppearanceConfig.js +3 -0
  112. package/dist/stories/ChipsOverview.mdx +10 -10
  113. package/dist/stories/ChipsPlayground.mdx +2 -2
  114. package/dist/stories/Components.mdx +378 -87
  115. package/dist/stories/useAppearanceConfig.mdx +83 -0
  116. package/dist/stories/useDevicePropsGenerator.mdx +6 -8
  117. package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +2 -3
  118. package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts +5 -0
  119. package/dist/types/components/Dropdown/appearance/dropdownSize.d.ts +9 -0
  120. package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts +3 -0
  121. package/dist/types/components/Dropdown/stories/__mock__/index.d.ts +9 -12
  122. package/dist/types/components/Icon/Icon.d.ts +6 -2
  123. package/dist/types/components/Icon/appearance/iconDanger.d.ts +1 -0
  124. package/dist/types/components/Icon/appearance/iconDisabled.d.ts +1 -0
  125. package/dist/types/components/Icon/appearance/iconError.d.ts +1 -0
  126. package/dist/types/components/Icon/appearance/iconInfo.d.ts +0 -1
  127. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +1 -0
  128. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +1 -0
  129. package/dist/types/components/Icon/appearance/iconSuccess.d.ts +1 -0
  130. package/dist/types/components/Icon/appearance/iconSurface.d.ts +1 -0
  131. package/dist/types/components/Icon/appearance/iconWarning.d.ts +1 -0
  132. package/dist/types/components/Image/Image.d.ts +5 -2
  133. package/dist/types/components/Label/appearance/labelError.d.ts +0 -1
  134. package/dist/types/components/Label/appearance/labelGradient.d.ts +8 -0
  135. package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -1
  136. package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -1
  137. package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -1
  138. package/dist/types/components/Logo/Logo.d.ts +6 -2
  139. package/dist/types/components/Pagination/appearance/paginationAccent.d.ts +22 -1
  140. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +20 -1
  141. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +4 -1
  142. package/dist/types/components/Radio/Radio.appearance.d.ts +28 -48
  143. package/dist/types/components/Radio/appearance/radioDefault.d.ts +2 -14
  144. package/dist/types/components/Radio/appearance/radioDisabled.d.ts +5 -5
  145. package/dist/types/components/Radio/appearance/radioError.d.ts +6 -5
  146. package/dist/types/components/Radio/appearance/radioRequire.d.ts +5 -13
  147. package/dist/types/components/Radio/appearance/radioStyle.d.ts +4 -6
  148. package/dist/types/components/Radio/appearance/radioSuccess.d.ts +6 -5
  149. package/dist/types/components/Response/Response.d.ts +6 -2
  150. package/dist/types/components/Response/Response.interface.d.ts +3 -1
  151. package/dist/types/components/SVGContent/SVGContent.d.ts +5 -2
  152. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +2 -1
  153. package/dist/types/config/forms/datepicker.d.ts +18 -0
  154. package/dist/types/config/forms/index.d.ts +3 -0
  155. package/dist/types/config/forms/input.d.ts +14 -0
  156. package/dist/types/context/UrlAssetPrefix.d.ts +12 -0
  157. package/dist/types/hoc/urlWithAssetPrefix.d.ts +8 -0
  158. package/dist/types/hooks/useAppearanceConfig/index.d.ts +1 -0
  159. package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts +7 -0
  160. package/dist/types/hooks/useDevicePropsGenerator/index.d.ts +1 -0
  161. package/package.json +22 -17
  162. package/dist/types/hooks/useDeviceTargetClass.d.ts +0 -5
@@ -6,6 +6,7 @@ import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevi
6
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
7
7
  import { T as Text } from './Text_es_BfLRfj-5.js';
8
8
  import SVG from 'react-inlinesvg';
9
+ import { urlWithAssetPrefix } from './hoc/urlWithAssetPrefix.js';
9
10
  import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
10
11
 
11
12
  var badgeAppearanceAccent = {
@@ -314,6 +315,7 @@ var iconAppearanceDanger = {
314
315
  dangerPrimary: {
315
316
  fill: 'dangerPrimary',
316
317
  fillHover: 'dangerHover',
318
+ borderColor: 'dangerBorderSecondary',
317
319
  badgeAppearance: 'surfacePrimary',
318
320
  iconFill: 'dangerItemPrimary',
319
321
  },
@@ -326,6 +328,7 @@ var iconAppearanceDisabled = {
326
328
  },
327
329
  disabledPrimary: {
328
330
  fill: 'surfaceDisabled',
331
+ borderColor: 'surfaceBorderDisabled',
329
332
  badgeAppearance: 'surfacePrimary',
330
333
  iconFill: 'surfaceItemQuaternary',
331
334
  },
@@ -341,6 +344,7 @@ var iconAppearanceError = {
341
344
  errorPrimary: {
342
345
  fill: 'errorPrimary',
343
346
  fillHover: 'errorHover',
347
+ borderColor: 'errorBorderPrimary',
344
348
  badgeAppearance: 'surfacePrimary',
345
349
  iconFill: 'errorItemPrimary',
346
350
  },
@@ -354,8 +358,7 @@ var iconAppearanceInfo = {
354
358
  },
355
359
  infoPrimary: {
356
360
  fill: 'infoPrimary',
357
- fillHover: 'accentPrimaryHover',
358
- borderColor: 'accentBorderPrimary',
361
+ borderColor: 'infoBorderDisabled',
359
362
  badgeAppearance: 'surfacePrimary',
360
363
  iconFill: 'infoItemPrimary',
361
364
  },
@@ -376,6 +379,7 @@ var iconAppearancePrimary = {
376
379
  primaryPrimary: {
377
380
  fill: 'primaryPrimary',
378
381
  fillHover: 'primaryPrimaryHover',
382
+ borderColor: 'primaryBorderQuaternary',
379
383
  badgeAppearance: 'surfacePrimary',
380
384
  iconFill: 'primaryItemPrimary',
381
385
  },
@@ -389,6 +393,7 @@ var iconAppearanceSecondary = {
389
393
  secondaryPrimary: {
390
394
  fill: 'secondaryPrimary',
391
395
  fillHover: 'secondaryPrimaryHover',
396
+ borderColor: 'secondaryBorderQuaternary',
392
397
  badgeAppearance: 'surfacePrimary',
393
398
  iconFill: 'secondaryItemPrimary',
394
399
  },
@@ -559,6 +564,7 @@ var iconAppearanceSuccess = {
559
564
  successPrimary: {
560
565
  fill: 'successPrimary',
561
566
  fillHover: 'successHover',
567
+ borderColor: 'successBorderHover',
562
568
  badgeAppearance: 'surfacePrimary',
563
569
  iconFill: 'successItemPrimary',
564
570
  },
@@ -568,6 +574,7 @@ var iconAppearanceSurface = {
568
574
  surfacePrimary: {
569
575
  fill: 'surfacePrimary',
570
576
  fillHover: 'surfaceSecondary',
577
+ borderColor: 'surfaceBorderTertiary',
571
578
  badgeAppearance: 'surfacePrimary',
572
579
  iconFill: 'surfaceItemPrimary',
573
580
  },
@@ -601,6 +608,7 @@ var iconAppearanceWarning = {
601
608
  warningPrimary: {
602
609
  fill: 'warningPrimary',
603
610
  fillHover: 'warningHover',
611
+ borderColor: 'warningBorderSecondary',
604
612
  badgeAppearance: 'surfacePrimary',
605
613
  iconFill: 'warningItemPrimary',
606
614
  },
@@ -614,7 +622,7 @@ var iconConfig = {
614
622
  iconConfig.appearance = appearanceConfig;
615
623
  },
616
624
  };
617
- var Icon = React.forwardRef(function Icon(props, ref) {
625
+ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
618
626
  // TODO: Tooltip doesn't work that anymore
619
627
  // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
620
628
  var id = props.id, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
@@ -648,15 +656,17 @@ var Icon = React.forwardRef(function Icon(props, ref) {
648
656
  ? fillClass && "fill_".concat(fillClass)
649
657
  : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
650
658
  ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
651
- : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillSizeClass && "icon_fill_size_".concat(fillSizeClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isActive
659
+ : fillActiveHoverClass &&
660
+ "fill_active_hover_".concat(fillActiveHoverClass), fillSizeClass && "icon_fill_size_".concat(fillSizeClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isActive
652
661
  ? iconFillClass && "icon_fill_".concat(iconFillClass)
653
662
  : iconFillActiveClass && "icon_fill_active_".concat(iconFillActiveClass), !isActive
654
663
  ? iconFillHoverClass && "icon_fill_hover_".concat(iconFillHoverClass)
655
664
  : iconFillActiveHoverClass &&
656
665
  "icon_fill_active_hover_".concat(iconFillActiveHoverClass), isDisabled &&
657
666
  iconFillDisabledClass &&
658
- "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue && (jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
659
- });
667
+ "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
668
+ "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), badgeValue && 'icon_with-badge', centeringClass && "centering_".concat(centeringClass), onClick && cursorClass && "cursor_".concat(cursorClass), isSkeleton && "icon_skeleton"), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, badgeValue && (jsx(Badge, { className: clsx(badgeClass, 'icon__badge'), appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
669
+ }));
660
670
  var removeFillStroke = function (code) {
661
671
  return code
662
672
  .replace(/fill=".*?"/g, 'fill=""')
@@ -7,7 +7,7 @@ var clsx = require('clsx');
7
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
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
10
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
11
11
  var Divider = require('../../Divider_cjs_BmCJj3TN.js');
12
12
  var Text = require('../../Text_cjs_C9fOm0nd.js');
13
13
  var _default = require('@itcase/icons/default');
@@ -23,6 +23,8 @@ require('../utils/setViewportProperty.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('react-inlinesvg');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
26
28
  require('../../Link_cjs_DbRGq2Yk.js');
27
29
 
28
30
  var accordionAppearanceSize = {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_nMPCDjk8.js');
3
+ var Avatar = require('../../Avatar_cjs_BbeDJ-No.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -16,14 +16,16 @@ require('../context/UIContext.js');
16
16
  require('../hooks/useMediaQueries/useMediaQueries.js');
17
17
  require('react-responsive');
18
18
  require('../utils/setViewportProperty.js');
19
- require('../../Tooltip_cjs_DHduWa-v.js');
19
+ require('../../Tooltip_cjs_BBwH8sjA.js');
20
20
  require('../hooks/useStyles/useStyles.js');
21
21
  require('lodash/maxBy');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
- require('../../Image_cjs_CCWqbNn4.js');
28
+ require('../../Image_cjs_2zEjohYE.js');
27
29
 
28
30
 
29
31
 
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Avatar = require('../../Avatar_cjs_nMPCDjk8.js');
8
+ var Avatar = require('../../Avatar_cjs_BbeDJ-No.js');
9
9
  var Group = require('../../Group_cjs_Cwt0gWk4.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('react');
@@ -21,10 +21,12 @@ require('react-responsive');
21
21
  require('../utils/setViewportProperty.js');
22
22
  require('lodash/maxBy');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Tooltip_cjs_DHduWa-v.js');
24
+ require('../../Tooltip_cjs_BBwH8sjA.js');
25
25
  require('react-inlinesvg');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
26
28
  require('../../Link_cjs_DbRGq2Yk.js');
27
- require('../../Image_cjs_CCWqbNn4.js');
29
+ require('../../Image_cjs_2zEjohYE.js');
28
30
 
29
31
  var avatarStackAppearanceSize = {
30
32
  size16: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Text_cjs_C9fOm0nd.js');
23
23
  require('react-inlinesvg');
24
+ require('../hoc/urlWithAssetPrefix.js');
25
+ require('../context/UrlAssetPrefix.js');
24
26
  require('../../Link_cjs_DbRGq2Yk.js');
25
27
 
26
28
 
@@ -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 tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
10
10
  var Link = require('../../Link_cjs_DbRGq2Yk.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  var _default = require('@itcase/icons/default');
@@ -23,6 +23,8 @@ require('../utils/setViewportProperty.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('react-inlinesvg');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
26
28
 
27
29
  var breadcrumbsAppearanceAccent = {
28
30
  accentPrimary: {
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_plv5-qcj.js');
3
+ var Button = require('../../Button_cjs_Ctkyt2ES.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
7
7
  require('clsx');
8
- require('../../Tooltip_cjs_DHduWa-v.js');
8
+ require('../../Tooltip_cjs_BBwH8sjA.js');
9
9
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  require('lodash/camelCase');
11
11
  require('lodash/castArray');
@@ -22,6 +22,8 @@ require('lodash/maxBy');
22
22
  require('../hooks/useStyles/styleAttributes.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
28
  require('../../Loader_cjs_Ca4i0sER.js');
27
29
 
@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
9
- var Label = require('../../Label_cjs_BGJfyrOL.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
9
+ var Label = require('../../Label_cjs_Mb8j2bLu.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('react');
12
12
  require('lodash/camelCase');
@@ -22,6 +22,8 @@ require('../utils/setViewportProperty.js');
22
22
  require('lodash/maxBy');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
28
 
27
29
  var cellAppearanceSize = {
@@ -1,8 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_DrOhD-Fc.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_p99H-9a8.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
+ require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
7
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
7
8
  require('react');
8
9
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -19,9 +20,11 @@ require('../utils/setViewportProperty.js');
19
20
  require('../hooks/useStyles/useStyles.js');
20
21
  require('lodash/maxBy');
21
22
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Tooltip_cjs_DHduWa-v.js');
23
+ require('../../Tooltip_cjs_BBwH8sjA.js');
23
24
  require('../../Text_cjs_C9fOm0nd.js');
24
25
  require('react-inlinesvg');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
25
28
  require('../../Link_cjs_DbRGq2Yk.js');
26
29
 
27
30
 
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
10
10
  var Loader = require('../../Loader_cjs_Ca4i0sER.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  require('lodash/camelCase');
@@ -22,6 +22,8 @@ require('../utils/setViewportProperty.js');
22
22
  require('lodash/maxBy');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
28
 
27
29
  var choiceAppearanceDefault = {
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var Cookies = require('js-cookie');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
- var Button = require('../../Button_cjs_plv5-qcj.js');
9
+ var Button = require('../../Button_cjs_Ctkyt2ES.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('lodash/camelCase');
12
12
  require('lodash/castArray');
@@ -18,11 +18,13 @@ require('../context/UIContext.js');
18
18
  require('../hooks/useMediaQueries/useMediaQueries.js');
19
19
  require('react-responsive');
20
20
  require('../utils/setViewportProperty.js');
21
- require('../../Tooltip_cjs_DHduWa-v.js');
21
+ require('../../Tooltip_cjs_BBwH8sjA.js');
22
22
  require('../hooks/useStyles/useStyles.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('react-inlinesvg');
26
+ require('../hoc/urlWithAssetPrefix.js');
27
+ require('../context/UrlAssetPrefix.js');
26
28
  require('../../Link_cjs_DbRGq2Yk.js');
27
29
  require('../../Loader_cjs_Ca4i0sER.js');
28
30
 
@@ -5,9 +5,9 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var common = require('@itcase/common');
8
- var DatePicker = require('../../DatePicker_cjs_DKoF73mp.js');
8
+ var DatePicker = require('../../DatePicker_cjs_D_1v2mS0.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
- var ChipsGroup = require('../../ChipsGroup_cjs_DrOhD-Fc.js');
10
+ var ChipsGroup = require('../../ChipsGroup_cjs_p99H-9a8.js');
11
11
  require('date-fns/locale');
12
12
  require('react-datepicker');
13
13
  require('../hooks/useStyles/useStyles.js');
@@ -21,16 +21,19 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
21
21
  require('react-responsive');
22
22
  require('../utils/setViewportProperty.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Button_cjs_plv5-qcj.js');
25
- require('../../Tooltip_cjs_DHduWa-v.js');
24
+ require('../../Button_cjs_Ctkyt2ES.js');
25
+ require('../../Tooltip_cjs_BBwH8sjA.js');
26
26
  require('../../Text_cjs_C9fOm0nd.js');
27
27
  require('react-inlinesvg');
28
+ require('../hoc/urlWithAssetPrefix.js');
29
+ require('../context/UrlAssetPrefix.js');
28
30
  require('../../Link_cjs_DbRGq2Yk.js');
29
31
  require('../../Loader_cjs_Ca4i0sER.js');
30
32
  require('../../Input_cjs_CPmXkQGd.js');
31
- require('../../Label_cjs_BGJfyrOL.js');
33
+ require('../../Label_cjs_Mb8j2bLu.js');
32
34
  require('@itcase/icons/default');
33
35
  require('lodash/castArray');
36
+ require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
34
37
 
35
38
  var datePeriodAppearanceSize = {
36
39
  sizeL: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_DKoF73mp.js');
3
+ var DatePicker = require('../../DatePicker_cjs_D_1v2mS0.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -21,14 +21,16 @@ require('../utils/setViewportProperty.js');
21
21
  require('../hooks/useStyles/useStyles.js');
22
22
  require('lodash/maxBy');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Button_cjs_plv5-qcj.js');
25
- require('../../Tooltip_cjs_DHduWa-v.js');
24
+ require('../../Button_cjs_Ctkyt2ES.js');
25
+ require('../../Tooltip_cjs_BBwH8sjA.js');
26
26
  require('../../Text_cjs_C9fOm0nd.js');
27
27
  require('react-inlinesvg');
28
+ require('../hoc/urlWithAssetPrefix.js');
29
+ require('../context/UrlAssetPrefix.js');
28
30
  require('../../Link_cjs_DbRGq2Yk.js');
29
31
  require('../../Loader_cjs_Ca4i0sER.js');
30
32
  require('../../Input_cjs_CPmXkQGd.js');
31
- require('../../Label_cjs_BGJfyrOL.js');
33
+ require('../../Label_cjs_Mb8j2bLu.js');
32
34
  require('@itcase/icons/default');
33
35
 
34
36
 
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var ReactDrawer = require('react-modern-drawer');
8
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
9
9
  var Text = require('../../Text_cjs_C9fOm0nd.js');
10
10
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  var _default = require('@itcase/icons/default');
@@ -22,6 +22,8 @@ require('react-responsive');
22
22
  require('../utils/setViewportProperty.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
28
  require('lodash/castArray');
27
29
 
@@ -1,6 +1,5 @@
1
1
  'use strict';
2
2
 
3
- var am = require('@itcase/icons/am');
4
3
  var _default = require('@itcase/icons/default');
5
4
 
6
5
  var dropdownListMock = [
@@ -22,18 +21,40 @@ var dropdownListMock = [
22
21
  {
23
22
  key: 6,
24
23
  label: 'Item 6',
25
- iconBefore: am.icon24.Check,
24
+ iconBefore: _default.icons24.Form.Check,
26
25
  isActive: false,
27
26
  },
28
27
  {
29
28
  key: 7,
30
29
  label: 'Item 7',
31
- iconAfter: am.icon24.Check,
30
+ iconAfter: _default.icons24.Form.Check,
32
31
  isActive: false,
33
32
  },
34
- { key: 8, label: 'Item 8', showDivider: true, isActive: false },
33
+ { key: 8, label: 'Item 8', isActive: false },
35
34
  { key: 9, label: 'Item 9', isActive: false },
36
35
  ];
36
+ var dropdownListMessageMock = [
37
+ { key: 1, emptyMessage: 'Item 1' },
38
+ { key: 2, emptyMessage: 'Item 2' },
39
+ { key: 3, emptyMessage: 'Item 3' },
40
+ { key: 4, emptyMessage: 'Item 4' },
41
+ { key: 5, emptyMessage: 'Item 5' },
42
+ { key: 6, emptyMessage: 'Item 6' },
43
+ { key: 7, emptyMessage: 'Item 7' },
44
+ { key: 8, emptyMessage: 'Item 8' },
45
+ { key: 9, emptyMessage: 'Item 9' },
46
+ ];
47
+ var dropdownListBadgeMock = [
48
+ { key: 1, label: 'Item 1', badgeValue: 1 },
49
+ { key: 2, label: 'Item 2', badgeValue: 2 },
50
+ { key: 3, label: 'Item 3', badgeValue: 3 },
51
+ { key: 4, label: 'Item 4', badgeValue: 4 },
52
+ { key: 5, label: 'Item 5', badgeValue: 5 },
53
+ { key: 6, label: 'Item 6', badgeValue: 6 },
54
+ { key: 7, label: 'Item 7', badgeValue: 7 },
55
+ { key: 8, label: 'Item 8', badgeValue: 8 },
56
+ { key: 9, label: 'Item 9', badgeValue: 9 },
57
+ ];
37
58
  var dropdownListSimpleMock = [
38
59
  { key: 1, label: 'Item 1', isActive: true },
39
60
  { key: 2, label: 'Item 2', isActive: false },
@@ -105,6 +126,8 @@ var dropdownListAfterMock = [
105
126
  ];
106
127
 
107
128
  exports.dropdownListAfterMock = dropdownListAfterMock;
129
+ exports.dropdownListBadgeMock = dropdownListBadgeMock;
108
130
  exports.dropdownListBeforeMock = dropdownListBeforeMock;
131
+ exports.dropdownListMessageMock = dropdownListMessageMock;
109
132
  exports.dropdownListMock = dropdownListMock;
110
133
  exports.dropdownListSimpleMock = dropdownListSimpleMock;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_DQvByLbN.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_B1gGciTB.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -19,11 +19,13 @@ require('../utils/setViewportProperty.js');
19
19
  require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Divider_cjs_BmCJj3TN.js');
23
- require('../../Tooltip_cjs_DHduWa-v.js');
22
+ require('../../Tooltip_cjs_BBwH8sjA.js');
24
23
  require('../../Text_cjs_C9fOm0nd.js');
25
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
26
27
  require('../../Link_cjs_DbRGq2Yk.js');
28
+ require('../../Divider_cjs_BmCJj3TN.js');
27
29
 
28
30
 
29
31
 
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
10
10
  require('lodash/camelCase');
11
11
  require('lodash/castArray');
12
12
  require('lodash/upperFirst');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Text_cjs_C9fOm0nd.js');
23
23
  require('react-inlinesvg');
24
+ require('../hoc/urlWithAssetPrefix.js');
25
+ require('../context/UrlAssetPrefix.js');
24
26
  require('../../Link_cjs_DbRGq2Yk.js');
25
27
 
26
28
  var heroTitleAppearanceSize = {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Text_cjs_C9fOm0nd.js');
23
23
  require('react-inlinesvg');
24
+ require('../hoc/urlWithAssetPrefix.js');
25
+ require('../context/UrlAssetPrefix.js');
24
26
  require('../../Link_cjs_DbRGq2Yk.js');
25
27
 
26
28
 
@@ -1,17 +1,19 @@
1
1
  'use strict';
2
2
 
3
- var Image = require('../../Image_cjs_CCWqbNn4.js');
3
+ var Image = require('../../Image_cjs_2zEjohYE.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
+ require('../hoc/urlWithAssetPrefix.js');
8
8
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
+ require('@itcase/common');
10
+ require('../context/UrlAssetPrefix.js');
11
+ require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
12
  require('lodash/camelCase');
10
13
  require('lodash/castArray');
11
14
  require('lodash/upperFirst');
12
15
  require('../context/Notifications.js');
13
16
  require('uuid');
14
- require('@itcase/common');
15
17
  require('../context/UIContext.js');
16
18
  require('../hooks/useMediaQueries/useMediaQueries.js');
17
19
  require('react-responsive');
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
- var Tooltip = require('../../Tooltip_cjs_DHduWa-v.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
9
9
  require('lodash/camelCase');
10
10
  require('lodash/castArray');
11
11
  require('lodash/upperFirst');
@@ -21,6 +21,8 @@ require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Text_cjs_C9fOm0nd.js');
23
23
  require('react-inlinesvg');
24
+ require('../hoc/urlWithAssetPrefix.js');
25
+ require('../context/UrlAssetPrefix.js');
24
26
  require('../../Link_cjs_DbRGq2Yk.js');
25
27
 
26
28
  var inputPasswordAppearanceDefault = {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Label = require('../../Label_cjs_BGJfyrOL.js');
3
+ var Label = require('../../Label_cjs_Mb8j2bLu.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -19,9 +19,11 @@ require('../utils/setViewportProperty.js');
19
19
  require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Tooltip_cjs_DHduWa-v.js');
22
+ require('../../Tooltip_cjs_BBwH8sjA.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
+ require('../hoc/urlWithAssetPrefix.js');
26
+ require('../context/UrlAssetPrefix.js');
25
27
  require('../../Link_cjs_DbRGq2Yk.js');
26
28
 
27
29