@itcase/ui 1.8.30 → 1.8.31

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 (145) hide show
  1. package/dist/{Avatar_cjs_33OrnLtt.js → Avatar_cjs_DRaNGlad.js} +1 -1
  2. package/dist/{Avatar_es_B3LiV8MM.js → Avatar_es_Ck1RiTgB.js} +1 -1
  3. package/dist/{Button_cjs_C05Joa8j.js → Button_cjs_CnBP4mKv.js} +1 -1
  4. package/dist/{Button_es_CO_dwo-N.js → Button_es_WG0yV-rp.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_DN9BoTKe.js → ChipsGroup_cjs_BCnPa9xv.js} +1 -1
  6. package/dist/{ChipsGroup_es_D9aK8Roh.js → ChipsGroup_es_1854brF_.js} +1 -1
  7. package/dist/{DatePicker_cjs_B_OWDm9X.js → DatePicker_cjs_Cbv3ffoB.js} +3 -3
  8. package/dist/{DatePicker_es_BCbmUdl0.js → DatePicker_es_DGck2HRu.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DPoFy70W.js → DropdownItem_cjs_C3BV7axh.js} +1 -1
  10. package/dist/{DropdownItem_es_CVztMEm0.js → DropdownItem_es_VDp5tKZr.js} +1 -1
  11. package/dist/{Label_cjs_BefEcq6i.js → Label_cjs_CqSZcFNk.js} +63 -63
  12. package/dist/{Label_es_Dl_DrMOh.js → Label_es_s3M2-dON.js} +63 -63
  13. package/dist/{Tooltip_cjs_pBGCcXLZ.js → Tooltip_cjs_BE4fABOp.js} +34 -5
  14. package/dist/{Tooltip_es_frBCZDrO.js → Tooltip_es_BPMRrd2L.js} +34 -5
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Avatar.js +2 -2
  17. package/dist/cjs/components/AvatarStack.js +2 -2
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +2 -2
  21. package/dist/cjs/components/Cell.js +2 -2
  22. package/dist/cjs/components/Chips.js +2 -2
  23. package/dist/cjs/components/Choice/stories/__mock__.js +11 -0
  24. package/dist/cjs/components/Choice.js +59 -17
  25. package/dist/cjs/components/CookiesWarning.js +2 -2
  26. package/dist/cjs/components/DatePeriod.js +5 -5
  27. package/dist/cjs/components/DatePicker.js +4 -4
  28. package/dist/cjs/components/Drawer.js +1 -1
  29. package/dist/cjs/components/Dropdown.js +2 -2
  30. package/dist/cjs/components/HeroTitle.js +1 -1
  31. package/dist/cjs/components/Icon.js +1 -1
  32. package/dist/cjs/components/InputPassword.js +1 -1
  33. package/dist/cjs/components/Label.js +2 -2
  34. package/dist/cjs/components/MenuItem.js +38 -68
  35. package/dist/cjs/components/Modal.js +1 -1
  36. package/dist/cjs/components/Notification.js +1 -1
  37. package/dist/cjs/components/Pagination.js +2 -2
  38. package/dist/cjs/components/Response.js +2 -2
  39. package/dist/cjs/components/Search.js +4 -4
  40. package/dist/cjs/components/Segmented.js +21 -44
  41. package/dist/cjs/components/Select.js +1 -1
  42. package/dist/cjs/components/Swiper.js +1 -1
  43. package/dist/cjs/components/Tab.js +1 -1
  44. package/dist/cjs/components/Tile.js +1 -1
  45. package/dist/cjs/components/Title.js +1 -1
  46. package/dist/cjs/components/Tooltip.js +1 -1
  47. package/dist/components/Accordion.js +1 -1
  48. package/dist/components/Avatar.js +2 -2
  49. package/dist/components/AvatarStack.js +2 -2
  50. package/dist/components/Badge.js +1 -1
  51. package/dist/components/Breadcrumbs.js +1 -1
  52. package/dist/components/Button.js +2 -2
  53. package/dist/components/Cell.js +2 -2
  54. package/dist/components/Chips.js +2 -2
  55. package/dist/components/Choice/stories/__mock__.js +9 -0
  56. package/dist/components/Choice.js +59 -17
  57. package/dist/components/CookiesWarning.js +2 -2
  58. package/dist/components/DatePeriod.js +5 -5
  59. package/dist/components/DatePicker.js +4 -4
  60. package/dist/components/Drawer.js +1 -1
  61. package/dist/components/Dropdown.js +2 -2
  62. package/dist/components/HeroTitle.js +1 -1
  63. package/dist/components/Icon.js +1 -1
  64. package/dist/components/InputPassword.js +1 -1
  65. package/dist/components/Label.js +2 -2
  66. package/dist/components/MenuItem.js +38 -68
  67. package/dist/components/Modal.js +1 -1
  68. package/dist/components/Notification.js +1 -1
  69. package/dist/components/Pagination.js +2 -2
  70. package/dist/components/Response.js +2 -2
  71. package/dist/components/Search.js +4 -4
  72. package/dist/components/Segmented.js +21 -44
  73. package/dist/components/Select.js +1 -1
  74. package/dist/components/Swiper.js +1 -1
  75. package/dist/components/Tab.js +1 -1
  76. package/dist/components/Tile.js +1 -1
  77. package/dist/components/Title.js +1 -1
  78. package/dist/components/Tooltip.js +1 -1
  79. package/dist/css/components/Choice/Choice.css +27 -19
  80. package/dist/css/components/MenuItem/MenuItem.css +45 -8
  81. package/dist/stories/ChoiceOverview.mdx +2 -2
  82. package/dist/stories/ChoicePlayground.mdx +3 -3
  83. package/dist/types/components/Accordion/appearance/accordionSize.d.ts +7 -7
  84. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +1 -1
  85. package/dist/types/components/Cell/stories/__mock__/index.d.ts +2 -2
  86. package/dist/types/components/Choice/Choice.interface.d.ts +1 -0
  87. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +10 -0
  88. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +10 -0
  89. package/dist/types/components/Choice/appearance/choiceError.d.ts +10 -0
  90. package/dist/types/components/Choice/appearance/choiceRequire.d.ts +11 -0
  91. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +6 -4
  92. package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +11 -0
  93. package/dist/types/components/Choice/stories/__mock__/index.d.ts +4 -0
  94. package/dist/types/components/DatePicker/DatePicker.appearance.d.ts +6 -6
  95. package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts +6 -6
  96. package/dist/types/components/Drawer/appearance/drawerSurface.d.ts +1 -1
  97. package/dist/types/components/Icon/appearance/iconDanger.d.ts +6 -0
  98. package/dist/types/components/Icon/appearance/iconError.d.ts +6 -0
  99. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +5 -0
  100. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +5 -0
  101. package/dist/types/components/Icon/appearance/iconStyle.d.ts +6 -5
  102. package/dist/types/components/Icon/appearance/iconWarning.d.ts +6 -0
  103. package/dist/types/components/Label/appearance/labelAccent.d.ts +1 -1
  104. package/dist/types/components/Label/appearance/labelDanger.d.ts +1 -1
  105. package/dist/types/components/Label/appearance/labelError.d.ts +7 -7
  106. package/dist/types/components/Label/appearance/labelPrimary.d.ts +1 -1
  107. package/dist/types/components/Label/appearance/labelSecondary.d.ts +1 -1
  108. package/dist/types/components/Label/appearance/labelSuccess.d.ts +1 -1
  109. package/dist/types/components/Label/appearance/labelSurface.d.ts +8 -8
  110. package/dist/types/components/Label/appearance/labelWarning.d.ts +1 -1
  111. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -0
  112. package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +5 -8
  113. package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +3 -3
  114. package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +0 -15
  115. package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +1 -3
  116. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +3 -5
  117. package/dist/types/components/Notification/appearance/notificationDefault.d.ts +1 -1
  118. package/dist/types/components/Notification/appearance/notificationError.d.ts +1 -1
  119. package/dist/types/components/Notification/appearance/notificationSuccess.d.ts +1 -1
  120. package/dist/types/components/Notification/appearance/notificationWarning.d.ts +1 -1
  121. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +1 -1
  122. package/dist/types/components/Search/appearance/searchSize.d.ts +12 -12
  123. package/dist/types/components/Segmented/appearance/{segmentedSurface.d.ts → segmentedDefault.d.ts} +4 -4
  124. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +1 -2
  125. package/dist/types/components/Tab/stories/__mock__/index.d.ts +1 -1
  126. package/dist/types/hooks/useDeviceTargetClass.d.ts +5 -0
  127. package/package.json +12 -12
  128. package/dist/types/components/Choice/appearance/choiceAccent.d.ts +0 -10
  129. package/dist/types/components/Label/appearance/labelGradient.d.ts +0 -9
  130. package/dist/types/components/MenuItem/appearance/menuItemPrimary.d.ts +0 -8
  131. package/dist/types/components/Pagination/appearance/paginationAccent.d.ts +0 -21
  132. package/dist/types/components/Pagination/appearance/paginationDanger.d.ts +0 -7
  133. package/dist/types/components/Pagination/appearance/paginationError.d.ts +0 -11
  134. package/dist/types/components/Pagination/appearance/paginationInfo.d.ts +0 -21
  135. package/dist/types/components/Pagination/appearance/paginationPrimary.d.ts +0 -8
  136. package/dist/types/components/Pagination/appearance/paginationSecondary.d.ts +0 -8
  137. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +0 -48
  138. package/dist/types/components/Pagination/appearance/paginationStyle.d.ts +0 -16
  139. package/dist/types/components/Pagination/appearance/paginationSuccess.d.ts +0 -11
  140. package/dist/types/components/Pagination/appearance/paginationWarning.d.ts +0 -11
  141. package/dist/types/components/Segmented/appearance/segmentedAccent.d.ts +0 -19
  142. package/dist/types/components/Segmented/appearance/segmentedFalse.d.ts +0 -4
  143. package/dist/types/config/forms/datepicker.d.ts +0 -18
  144. package/dist/types/config/forms/index.d.ts +0 -3
  145. package/dist/types/config/forms/input.d.ts +0 -14
@@ -315,6 +315,12 @@ var iconAppearanceDanger = {
315
315
  labelTextColor: 'dangerTextSecondary',
316
316
  labelTextColorHover: 'dangerTextSecondary',
317
317
  },
318
+ dangerPrimary: {
319
+ fill: 'dangerPrimary',
320
+ fillHover: 'dangerHover',
321
+ labelTextColor: 'dangerTextSecondary',
322
+ labelTextColorHover: 'dangerTextSecondary',
323
+ },
318
324
  };
319
325
 
320
326
  var iconAppearanceError = {
@@ -324,6 +330,12 @@ var iconAppearanceError = {
324
330
  labelTextColor: 'errorTextPrimary',
325
331
  labelTextColorHover: 'errorTextPrimary',
326
332
  },
333
+ errorPrimary: {
334
+ fill: 'errorPrimary',
335
+ fillHover: 'errorHover',
336
+ labelTextColor: 'errorTextPrimary',
337
+ labelTextColorHover: 'errorTextPrimary',
338
+ },
327
339
  };
328
340
 
329
341
  var iconAppearanceInfo = {
@@ -349,6 +361,11 @@ var iconAppearancePrimary = {
349
361
  fillHover: 'primaryPrimaryHover',
350
362
  labelTextColor: 'primaryTextPrimary',
351
363
  },
364
+ primaryPrimary: {
365
+ fill: 'primaryPrimary',
366
+ fillHover: 'primaryPrimaryHover',
367
+ labelTextColor: 'primaryTextPrimary',
368
+ },
352
369
  };
353
370
 
354
371
  var iconAppearanceSecondary = {
@@ -357,6 +374,11 @@ var iconAppearanceSecondary = {
357
374
  fillHover: 'secondaryPrimaryHover',
358
375
  labelTextColor: 'secondaryTextPrimary',
359
376
  },
377
+ secondaryPrimary: {
378
+ fill: 'secondaryPrimary',
379
+ fillHover: 'secondaryPrimaryHover',
380
+ labelTextColor: 'secondaryTextPrimary',
381
+ },
360
382
  };
361
383
 
362
384
  var iconAppearanceSize = {
@@ -503,16 +525,17 @@ var iconAppearanceSize = {
503
525
  };
504
526
 
505
527
  var iconAppearanceStyle = {
506
- solid: {
528
+ full: {
507
529
  borderColor: '0',
508
530
  },
509
- outlined: {
531
+ ghost: {
510
532
  fill: 'none',
533
+ borderColor: '0',
511
534
  },
512
- full: {},
513
- ghost: {
535
+ outlined: {
514
536
  fill: 'none',
515
- fillHover: 'none',
537
+ },
538
+ solid: {
516
539
  borderColor: '0',
517
540
  },
518
541
  };
@@ -571,6 +594,12 @@ var iconAppearanceWarning = {
571
594
  labelTextColor: 'warningTextSecondary',
572
595
  labelTextColorHover: 'warningTextSecondary',
573
596
  },
597
+ warningPrimary: {
598
+ fill: 'warningPrimary',
599
+ fillHover: 'warningHover',
600
+ labelTextColor: 'warningTextSecondary',
601
+ labelTextColorHover: 'warningTextSecondary',
602
+ },
574
603
  };
575
604
 
576
605
  var iconAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);
@@ -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_pBGCcXLZ.js');
10
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.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');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_33OrnLtt.js');
3
+ var Avatar = require('../../Avatar_cjs_DRaNGlad.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -16,7 +16,7 @@ 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_pBGCcXLZ.js');
19
+ require('../../Tooltip_cjs_BE4fABOp.js');
20
20
  require('../hooks/useStyles/useStyles.js');
21
21
  require('lodash/maxBy');
22
22
  require('../hooks/useStyles/styleAttributes.js');
@@ -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_33OrnLtt.js');
8
+ var Avatar = require('../../Avatar_cjs_DRaNGlad.js');
9
9
  var Group = require('../../Group_cjs_Cwt0gWk4.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('react');
@@ -21,7 +21,7 @@ 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_pBGCcXLZ.js');
24
+ require('../../Tooltip_cjs_BE4fABOp.js');
25
25
  require('react-inlinesvg');
26
26
  require('../../Link_cjs_DbRGq2Yk.js');
27
27
  require('../../Image_cjs_CCWqbNn4.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -6,7 +6,7 @@ var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
8
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  var Link = require('../../Link_cjs_DbRGq2Yk.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  require('lodash/camelCase');
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_C05Joa8j.js');
3
+ var Button = require('../../Button_cjs_CnBP4mKv.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_pBGCcXLZ.js');
8
+ require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  require('lodash/camelCase');
11
11
  require('lodash/castArray');
@@ -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_pBGCcXLZ.js');
9
- var Label = require('../../Label_cjs_BefEcq6i.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
+ var Label = require('../../Label_cjs_CqSZcFNk.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('react');
12
12
  require('lodash/camelCase');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_DN9BoTKe.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_BCnPa9xv.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -19,7 +19,7 @@ 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_pBGCcXLZ.js');
22
+ require('../../Tooltip_cjs_BE4fABOp.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
25
  require('../../Link_cjs_DbRGq2Yk.js');
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ var options = [
4
+ { label: 'Label 1', value: 1 },
5
+ { label: 'Label 2', value: 2 },
6
+ { label: 'Label 3', value: 3 },
7
+ { label: 'Label 4', value: 4 },
8
+ { label: 'Label 5', value: 5 },
9
+ ];
10
+
11
+ exports.options = options;
@@ -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_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  var Loader = require('../../Loader_cjs_CCrbD8Em.js');
11
11
  var Text = require('../../Text_cjs_C9fOm0nd.js');
12
12
  require('lodash/camelCase');
@@ -24,13 +24,44 @@ require('../hooks/useStyles/styleAttributes.js');
24
24
  require('react-inlinesvg');
25
25
  require('../../Link_cjs_DbRGq2Yk.js');
26
26
 
27
- var choiceAppearanceAccent = {
28
- accentPrimary: {
29
- fill: 'surfacePrimary',
30
- fillItemActive: 'accentPrimary',
31
- labelTextActiveColor: 'accentTextPrimary',
27
+ var choiceAppearanceDefault = {
28
+ defaultPrimary: {
29
+ fill: 'surfaceSecondary',
32
30
  labelTextColor: 'surfaceTextPrimary',
33
- borderColor: 'surfaceBorderSecondary',
31
+ borderColor: 'surfaceBorderQuaternary',
32
+ iconAfterFill: 'surfaceItemQuaternary',
33
+ iconBeforeFill: 'surfaceItemQuaternary',
34
+ },
35
+ };
36
+
37
+ var choiceAppearanceDisabled = {
38
+ disabledPrimary: {
39
+ fill: 'surfaceDisabled',
40
+ labelTextColor: 'surfaceTextQuaternary',
41
+ borderColor: 'surfaceBorderPrimary',
42
+ iconAfterFill: 'surfaceItemPrimary',
43
+ iconBeforeFill: 'surfaceItemPrimary',
44
+ },
45
+ };
46
+
47
+ var choiceAppearanceError = {
48
+ errorPrimary: {
49
+ fill: 'errorTertiary',
50
+ labelTextColor: 'surfaceTextPrimary',
51
+ borderColor: 'errorBorderQuaternary',
52
+ iconAfterFill: 'errorItemPrimary',
53
+ iconBeforeFill: 'errorItemPrimary',
54
+ },
55
+ };
56
+
57
+ var choiceAppearanceRequire = {
58
+ requirePrimary: {
59
+ fill: 'warningTertiary',
60
+ fillItemActive: 'warningTertiary',
61
+ labelTextColor: 'surfaceTextPrimary',
62
+ borderColor: 'warningBorderSecondary',
63
+ iconAfterFill: 'warningItemSecondary',
64
+ iconBeforeFill: 'warningItemSecondary',
34
65
  },
35
66
  };
36
67
 
@@ -53,18 +84,29 @@ var choiceAppearanceSize = {
53
84
  };
54
85
 
55
86
  var choiceAppearanceStyle = {
56
- solid: {
57
- borderColor: 'none',
87
+ full: {
88
+ borderColor: '0',
89
+ },
90
+ ghost: {
91
+ fill: 'none',
92
+ borderColor: '0',
58
93
  },
59
94
  outlined: {
60
95
  fill: 'none',
61
96
  },
62
- full: {
63
- /* border / fill */
97
+ solid: {
98
+ borderColor: '0',
64
99
  },
65
- ghost: {
66
- fill: 'none',
67
- borderColor: 'none',
100
+ };
101
+
102
+ var choiceAppearanceSuccess = {
103
+ successPrimary: {
104
+ fill: 'successTertiary',
105
+ fillItemActive: 'successTertiary',
106
+ labelTextColor: 'surfaceTextPrimary',
107
+ borderColor: 'successBorderSecondary',
108
+ iconAfterFill: 'successItemSecondary',
109
+ iconBeforeFill: 'successItemSecondary',
68
110
  },
69
111
  };
70
112
 
@@ -93,7 +135,7 @@ var choiceAppearanceSurface = {
93
135
  },
94
136
  };
95
137
 
96
- var choiceAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, choiceAppearanceAccent), choiceAppearanceStyle), choiceAppearanceSize), choiceAppearanceSurface);
138
+ var choiceAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, choiceAppearanceError), choiceAppearanceDisabled), choiceAppearanceDefault), choiceAppearanceSuccess), choiceAppearanceRequire), choiceAppearanceStyle), choiceAppearanceSize), choiceAppearanceSurface);
97
139
 
98
140
  var choiceConfig = {
99
141
  appearance: choiceAppearance,
@@ -102,7 +144,7 @@ var choiceConfig = {
102
144
  },
103
145
  };
104
146
  function Choice(props) {
105
- var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, icon = props.icon, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, setActiveSegment = props.setActiveSegment;
147
+ var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, icon = props.icon, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment;
106
148
  var controlRef = React.useRef(null);
107
149
  var optionsRefs = React.useMemo(function () {
108
150
  return new Map(options.map(function (item) { return [item.value, React.createRef()]; }));
@@ -118,7 +160,7 @@ function Choice(props) {
118
160
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
119
161
  var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, iconActive = propsGenerator.iconActive, iconAfter = propsGenerator.iconAfter, iconAfterActive = propsGenerator.iconAfterActive, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBefore = propsGenerator.iconBefore, iconBeforeActive = propsGenerator.iconBeforeActive, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeItemClass = propsGenerator.shapeItemClass, wrapClass = propsGenerator.wrapClass;
120
162
  var styles = useStyles.useStyles(props).styles;
121
- return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass)), "data-testid": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, ref: controlRef, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
163
+ return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), isSkeleton && "choice_skeleton"), "data-testid": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, ref: controlRef, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
122
164
  var isActive = typeof active === 'object'
123
165
  ? String(item.value) === String(active.value)
124
166
  : String(item.value) === String(active);
@@ -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_C05Joa8j.js');
9
+ var Button = require('../../Button_cjs_CnBP4mKv.js');
10
10
  var Text = require('../../Text_cjs_C9fOm0nd.js');
11
11
  require('lodash/camelCase');
12
12
  require('lodash/castArray');
@@ -18,7 +18,7 @@ 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_pBGCcXLZ.js');
21
+ require('../../Tooltip_cjs_BE4fABOp.js');
22
22
  require('../hooks/useStyles/useStyles.js');
23
23
  require('lodash/maxBy');
24
24
  require('../hooks/useStyles/styleAttributes.js');
@@ -6,9 +6,9 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var luxon = require('luxon');
8
8
  var common = require('@itcase/common');
9
- var DatePicker = require('../../DatePicker_cjs_B_OWDm9X.js');
9
+ var DatePicker = require('../../DatePicker_cjs_Cbv3ffoB.js');
10
10
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
- var ChipsGroup = require('../../ChipsGroup_cjs_DN9BoTKe.js');
11
+ var ChipsGroup = require('../../ChipsGroup_cjs_BCnPa9xv.js');
12
12
  require('date-fns/locale');
13
13
  require('react-datepicker');
14
14
  require('../hooks/useStyles/useStyles.js');
@@ -22,14 +22,14 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
22
22
  require('react-responsive');
23
23
  require('../utils/setViewportProperty.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
- require('../../Button_cjs_C05Joa8j.js');
26
- require('../../Tooltip_cjs_pBGCcXLZ.js');
25
+ require('../../Button_cjs_CnBP4mKv.js');
26
+ require('../../Tooltip_cjs_BE4fABOp.js');
27
27
  require('../../Text_cjs_C9fOm0nd.js');
28
28
  require('react-inlinesvg');
29
29
  require('../../Link_cjs_DbRGq2Yk.js');
30
30
  require('../../Loader_cjs_CCrbD8Em.js');
31
31
  require('../../Input_cjs_BAVggtkk.js');
32
- require('../../Label_cjs_BefEcq6i.js');
32
+ require('../../Label_cjs_CqSZcFNk.js');
33
33
  require('@itcase/icons/default');
34
34
  require('lodash/castArray');
35
35
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_B_OWDm9X.js');
3
+ var DatePicker = require('../../DatePicker_cjs_Cbv3ffoB.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -21,14 +21,14 @@ 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_C05Joa8j.js');
25
- require('../../Tooltip_cjs_pBGCcXLZ.js');
24
+ require('../../Button_cjs_CnBP4mKv.js');
25
+ require('../../Tooltip_cjs_BE4fABOp.js');
26
26
  require('../../Text_cjs_C9fOm0nd.js');
27
27
  require('react-inlinesvg');
28
28
  require('../../Link_cjs_DbRGq2Yk.js');
29
29
  require('../../Loader_cjs_CCrbD8Em.js');
30
30
  require('../../Input_cjs_BAVggtkk.js');
31
- require('../../Label_cjs_BefEcq6i.js');
31
+ require('../../Label_cjs_CqSZcFNk.js');
32
32
  require('@itcase/icons/default');
33
33
 
34
34
 
@@ -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_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.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');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_DPoFy70W.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_C3BV7axh.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -20,7 +20,7 @@ require('../hooks/useStyles/useStyles.js');
20
20
  require('lodash/maxBy');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../../Divider_cjs_BmCJj3TN.js');
23
- require('../../Tooltip_cjs_pBGCcXLZ.js');
23
+ require('../../Tooltip_cjs_BE4fABOp.js');
24
24
  require('../../Text_cjs_C9fOm0nd.js');
25
25
  require('react-inlinesvg');
26
26
  require('../../Link_cjs_DbRGq2Yk.js');
@@ -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_pBGCcXLZ.js');
9
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
10
10
  require('lodash/camelCase');
11
11
  require('lodash/castArray');
12
12
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
3
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -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_pBGCcXLZ.js');
8
+ var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
9
9
  require('lodash/camelCase');
10
10
  require('lodash/castArray');
11
11
  require('lodash/upperFirst');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Label = require('../../Label_cjs_BefEcq6i.js');
3
+ var Label = require('../../Label_cjs_CqSZcFNk.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -19,7 +19,7 @@ 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_pBGCcXLZ.js');
22
+ require('../../Tooltip_cjs_BE4fABOp.js');
23
23
  require('../../Text_cjs_C9fOm0nd.js');
24
24
  require('react-inlinesvg');
25
25
  require('../../Link_cjs_DbRGq2Yk.js');