@itcase/ui 1.8.110 → 1.8.112

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 (166) hide show
  1. package/dist/{Avatar_cjs_joB9qjwk.js → Avatar_cjs_CQhA8iu9.js} +2 -2
  2. package/dist/{Avatar_es_C3HGSiHU.js → Avatar_es__NA_FQGM.js} +2 -2
  3. package/dist/{Button_cjs_mau_55Fl.js → Button_cjs_B2eZhvoC.js} +5 -5
  4. package/dist/{Button_es_D_IlkeBp.js → Button_es_C8qinRU4.js} +5 -5
  5. package/dist/{ChipsGroup_cjs_D454M1-p.js → ChipsGroup_cjs_ChJ71i_A.js} +2 -2
  6. package/dist/{ChipsGroup_es_BKG5mK5N.js → ChipsGroup_es_Dj0Lu5zm.js} +2 -2
  7. package/dist/{DatePicker_cjs_C9rI2uTl.js → DatePicker_cjs_CpN9wFK4.js} +5 -5
  8. package/dist/{DatePicker_es_Bi6lgbTb.js → DatePicker_es_B6WjNDiN.js} +5 -5
  9. package/dist/{DropdownItem_cjs_D2hHKA5E.js → DropdownItem_cjs_DUIefLij.js} +2 -2
  10. package/dist/{DropdownItem_es_D9JBMV70.js → DropdownItem_es_uFi08Joi.js} +2 -2
  11. package/dist/{Icon_cjs_ZerVip3X.js → Icon_cjs_D-UNVTqI.js} +6 -6
  12. package/dist/{Icon_es_C76te22j.js → Icon_es_Cstv1LFr.js} +6 -6
  13. package/dist/{Input_cjs_TC7DOpvh.js → Input_cjs_D18gXu6j.js} +14 -30
  14. package/dist/{Input_es_RtN2gtZq.js → Input_es_CHuhHbMo.js} +14 -30
  15. package/dist/{Label_cjs_CaTh_laL.js → Label_cjs_BvS_ANE3.js} +4 -4
  16. package/dist/{Label_es_CoIII7Ty.js → Label_es_C4Icioi8.js} +4 -4
  17. package/dist/{Link_cjs_BqT6eVl6.js → Link_cjs_C5UsZUiF.js} +2 -2
  18. package/dist/{Link_es_BnUIX0QT.js → Link_es_XiqbdwLp.js} +2 -2
  19. package/dist/{Loader_cjs_c6yF7akz.js → Loader_cjs_Cme6Hi0B.js} +3 -3
  20. package/dist/{Loader_es_C8ETXkiZ.js → Loader_es_ByhTIMxS.js} +3 -3
  21. package/dist/{Text_cjs_DpRclhwc.js → Text_cjs_0EINiUq4.js} +7 -4
  22. package/dist/{Text_es_CtCwsa3V.js → Text_es_CwV9rjFD.js} +7 -4
  23. package/dist/cjs/components/Accordion.js +3 -3
  24. package/dist/cjs/components/Avatar.js +4 -4
  25. package/dist/cjs/components/AvatarStack.js +4 -4
  26. package/dist/cjs/components/Badge.js +3 -3
  27. package/dist/cjs/components/Breadcrumbs.js +3 -3
  28. package/dist/cjs/components/Button.js +5 -5
  29. package/dist/cjs/components/Cell.js +4 -4
  30. package/dist/cjs/components/Checkbox.js +29 -22
  31. package/dist/cjs/components/Chips.js +4 -4
  32. package/dist/cjs/components/Choice.js +23 -21
  33. package/dist/cjs/components/Code.js +3 -3
  34. package/dist/cjs/components/CookiesWarning.js +5 -5
  35. package/dist/cjs/components/Dadata.js +1 -1
  36. package/dist/cjs/components/DatePeriod.js +11 -11
  37. package/dist/cjs/components/DatePicker.js +8 -8
  38. package/dist/cjs/components/Drawer.js +3 -3
  39. package/dist/cjs/components/Dropdown.js +4 -4
  40. package/dist/cjs/components/HeroTitle.js +5 -5
  41. package/dist/cjs/components/Icon.js +3 -3
  42. package/dist/cjs/components/Input.js +1 -1
  43. package/dist/cjs/components/InputPassword.js +6 -10
  44. package/dist/cjs/components/Label.js +4 -4
  45. package/dist/cjs/components/Link.js +1 -1
  46. package/dist/cjs/components/List.js +1 -1
  47. package/dist/cjs/components/Loader.js +2 -2
  48. package/dist/cjs/components/Logo.js +1 -1
  49. package/dist/cjs/components/MenuItem.js +4 -4
  50. package/dist/cjs/components/Modal.js +6 -6
  51. package/dist/cjs/components/ModalSheetBottom.js +5 -5
  52. package/dist/cjs/components/Notification.js +3 -3
  53. package/dist/cjs/components/Pagination.js +6 -6
  54. package/dist/cjs/components/Radio.js +58 -36
  55. package/dist/cjs/components/Response.js +5 -5
  56. package/dist/cjs/components/Search.js +5 -5
  57. package/dist/cjs/components/Segmented.js +12 -11
  58. package/dist/cjs/components/Select.js +104 -78
  59. package/dist/cjs/components/Swiper.js +3 -3
  60. package/dist/cjs/components/Switch.js +2 -2
  61. package/dist/cjs/components/Tab.js +4 -4
  62. package/dist/cjs/components/Text.js +1 -1
  63. package/dist/cjs/components/Textarea.js +31 -26
  64. package/dist/cjs/components/Tile.js +3 -3
  65. package/dist/cjs/components/Title.js +3 -3
  66. package/dist/cjs/components/Tooltip.js +3 -3
  67. package/dist/cjs/components/Warning.js +3 -3
  68. package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js +8 -4
  69. package/dist/components/Accordion.js +3 -3
  70. package/dist/components/Avatar.js +4 -4
  71. package/dist/components/AvatarStack.js +4 -4
  72. package/dist/components/Badge.js +3 -3
  73. package/dist/components/Breadcrumbs.js +3 -3
  74. package/dist/components/Button.js +5 -5
  75. package/dist/components/Cell.js +4 -4
  76. package/dist/components/Checkbox.js +29 -22
  77. package/dist/components/Chips.js +4 -4
  78. package/dist/components/Choice.js +23 -21
  79. package/dist/components/Code.js +3 -3
  80. package/dist/components/CookiesWarning.js +5 -5
  81. package/dist/components/Dadata.js +1 -1
  82. package/dist/components/DatePeriod.js +11 -11
  83. package/dist/components/DatePicker.js +8 -8
  84. package/dist/components/Drawer.js +3 -3
  85. package/dist/components/Dropdown.js +4 -4
  86. package/dist/components/HeroTitle.js +5 -5
  87. package/dist/components/Icon.js +3 -3
  88. package/dist/components/Input.js +1 -1
  89. package/dist/components/InputPassword.js +6 -10
  90. package/dist/components/Label.js +4 -4
  91. package/dist/components/Link.js +1 -1
  92. package/dist/components/List.js +1 -1
  93. package/dist/components/Loader.js +2 -2
  94. package/dist/components/Logo.js +1 -1
  95. package/dist/components/MenuItem.js +4 -4
  96. package/dist/components/Modal.js +6 -6
  97. package/dist/components/ModalSheetBottom.js +5 -5
  98. package/dist/components/Notification.js +3 -3
  99. package/dist/components/Pagination.js +6 -6
  100. package/dist/components/Radio.js +58 -36
  101. package/dist/components/Response.js +5 -5
  102. package/dist/components/Search.js +5 -5
  103. package/dist/components/Segmented.js +12 -11
  104. package/dist/components/Select.js +104 -78
  105. package/dist/components/Swiper.js +3 -3
  106. package/dist/components/Switch.js +2 -2
  107. package/dist/components/Tab.js +4 -4
  108. package/dist/components/Text.js +1 -1
  109. package/dist/components/Textarea.js +31 -26
  110. package/dist/components/Tile.js +3 -3
  111. package/dist/components/Title.js +3 -3
  112. package/dist/components/Tooltip.js +3 -3
  113. package/dist/components/Warning.js +3 -3
  114. package/dist/css/components/Checkbox/Checkbox.css +440 -25
  115. package/dist/css/components/Choice/Choice.css +12 -1
  116. package/dist/css/components/Choice/css/__item/choice__item.css +1 -1
  117. package/dist/css/components/Choice/css/__item/choice__item_size.css +5 -0
  118. package/dist/css/components/DatePicker/DatePicker.css +18 -18
  119. package/dist/css/components/Group/Group.css +5 -0
  120. package/dist/css/components/Input/Input.css +10 -7
  121. package/dist/css/components/Radio/Radio.css +436 -5
  122. package/dist/css/components/Segmented/Segmented.css +15 -17
  123. package/dist/css/components/Segmented/css/__item/segmaented__item.css +12 -0
  124. package/dist/css/components/Select/Select.css +12 -1
  125. package/dist/css/components/Select/css/__placeholder/select__placeholder.css +3 -0
  126. package/dist/css/components/Select/css/__single-value/select__single-value.css +5 -0
  127. package/dist/css/components/Textarea/Textarea.css +7 -6
  128. package/dist/css/styles/bundle.css +36 -46
  129. package/dist/css/styles/fill/fill.css +0 -3
  130. package/dist/css/styles/text-align/text-align.css +1 -1
  131. package/dist/css/styles/text-weight/text-weight.css +35 -42
  132. package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +8 -4
  133. package/dist/types/components/Checkbox/appearance/checkboxStyle.d.ts +8 -2
  134. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +1 -0
  135. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +3 -1
  136. package/dist/types/components/Code/Code.interface.d.ts +1 -0
  137. package/dist/types/components/Input/appearance/inputDefault.d.ts +2 -2
  138. package/dist/types/components/Input/appearance/inputDisabled.d.ts +1 -0
  139. package/dist/types/components/Input/appearance/inputRequire.d.ts +1 -0
  140. package/dist/types/components/Input/appearance/inputStyle.d.ts +1 -0
  141. package/dist/types/components/Radio/Radio.appearance.d.ts +37 -16
  142. package/dist/types/components/Radio/appearance/radioDefault.d.ts +7 -4
  143. package/dist/types/components/Radio/appearance/radioDisabled.d.ts +4 -2
  144. package/dist/types/components/Radio/appearance/radioError.d.ts +4 -2
  145. package/dist/types/components/Radio/appearance/radioRequire.d.ts +4 -2
  146. package/dist/types/components/Radio/appearance/radioShape.d.ts +4 -4
  147. package/dist/types/components/Radio/appearance/radioStyle.d.ts +10 -0
  148. package/dist/types/components/Radio/appearance/radioSuccess.d.ts +4 -2
  149. package/dist/types/components/Segmented/appearance/segmentedWarning.d.ts +1 -0
  150. package/dist/types/components/Select/appearance/selectDefault.d.ts +5 -5
  151. package/dist/types/components/Select/appearance/selectDisabled.d.ts +0 -1
  152. package/dist/types/components/Select/appearance/selectError.d.ts +16 -8
  153. package/dist/types/components/Select/appearance/selectRequire.d.ts +16 -8
  154. package/dist/types/components/Select/appearance/selectShape.d.ts +4 -4
  155. package/dist/types/components/Select/appearance/selectSize.d.ts +3 -0
  156. package/dist/types/components/Select/appearance/selectStyle.d.ts +5 -4
  157. package/dist/types/components/Select/appearance/selectSuccess.d.ts +16 -10
  158. package/dist/types/components/Textarea/appearance/textareaDefault.d.ts +7 -5
  159. package/dist/types/components/Textarea/appearance/textareaDisabled.d.ts +2 -2
  160. package/dist/types/components/Textarea/appearance/textareaError.d.ts +2 -2
  161. package/dist/types/components/Textarea/appearance/textareaRequire.d.ts +2 -2
  162. package/dist/types/components/Textarea/appearance/textareaShape.d.ts +4 -4
  163. package/dist/types/components/Textarea/appearance/textareaStyle.d.ts +4 -2
  164. package/dist/types/components/Textarea/appearance/textareaSuccess.d.ts +3 -2
  165. package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts +1 -1
  166. package/package.json +3 -3
@@ -3,7 +3,7 @@ import clsx from 'clsx';
3
3
  import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
4
4
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { T as Text } from './Text_es_CtCwsa3V.js';
6
+ import { T as Text } from './Text_es_CwV9rjFD.js';
7
7
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
8
8
 
9
9
  var loaderAppearanceAccent = {
@@ -112,8 +112,8 @@ var loaderConfig = {
112
112
  },
113
113
  };
114
114
  function Loader(props) {
115
- var className = props.className, _a = props.type, type = _a === void 0 ? 'simple' : _a, appearance = props.appearance, text = props.text, isSkeleton = props.isSkeleton, children = props.children;
116
- var appearanceConfig = useAppearanceConfig(appearance, loaderConfig);
115
+ var className = props.className, _a = props.type, type = _a === void 0 ? 'simple' : _a, appearance = props.appearance, text = props.text, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, children = props.children;
116
+ var appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
117
117
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
118
118
  var _b = propsGenerator, fillClass = _b.fillClass, textColor = _b.textColor, textSize = _b.textSize, heightClass = _b.heightClass, itemFillClass = _b.itemFillClass, shapeClass = _b.shapeClass, shapeStrengthClass = _b.shapeStrengthClass, sizeClass = _b.sizeClass, widthClass = _b.widthClass; // TODO: сделать нормальные типы для useDevicePropsGenerator
119
119
  // @ts-expect-error - TODO: сделать useStyles на ts
@@ -41,12 +41,12 @@ var textConfig = {
41
41
  };
42
42
  function Text(props) {
43
43
  var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
44
- var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig);
44
+ var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
45
45
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
46
- var textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass; propsGenerator.textColorActiveClass; var textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
46
+ var textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
47
47
  // @ts-expect-error
48
48
  var textStyles = useStyles.useStyles(props).styles;
49
- return (jsxRuntime.jsxs(Tag, { dataTour: dataTour, className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
49
+ return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
50
50
  textColorDisabledClass &&
51
51
  "text-color_".concat(textColorDisabledClass), !isActive &&
52
52
  !isDisabled &&
@@ -57,7 +57,10 @@ function Text(props) {
57
57
  "text-color_hover_".concat(textColorHoverClass), isActive &&
58
58
  !isDisabled &&
59
59
  textColorActiveHoverClass &&
60
- "text-color_active_hover".concat(textColorActiveHoverClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
60
+ "text-color_active_hover_".concat(textColorActiveHoverClass), isActive &&
61
+ !isDisabled &&
62
+ textColorActiveClass &&
63
+ "text-color_active_".concat(textColorActiveClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
61
64
  }
62
65
 
63
66
  exports.Text = Text;
@@ -39,12 +39,12 @@ var textConfig = {
39
39
  };
40
40
  function Text(props) {
41
41
  var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, cursor = props.cursor, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
42
- var appearanceConfig = useAppearanceConfig(appearance, textConfig);
42
+ var appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
43
43
  var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
44
- var textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass; propsGenerator.textColorActiveClass; var textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
44
+ var textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
45
45
  // @ts-expect-error
46
46
  var textStyles = useStyles(props).styles;
47
- return (jsxs(Tag, { dataTour: dataTour, className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
47
+ return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), isDisabled &&
48
48
  textColorDisabledClass &&
49
49
  "text-color_".concat(textColorDisabledClass), !isActive &&
50
50
  !isDisabled &&
@@ -55,7 +55,10 @@ function Text(props) {
55
55
  "text-color_hover_".concat(textColorHoverClass), isActive &&
56
56
  !isDisabled &&
57
57
  textColorActiveHoverClass &&
58
- "text-color_active_hover".concat(textColorActiveHoverClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
58
+ "text-color_active_hover_".concat(textColorActiveHoverClass), isActive &&
59
+ !isDisabled &&
60
+ textColorActiveClass &&
61
+ "text-color_active_".concat(textColorActiveClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
59
62
  }
60
63
 
61
64
  export { Text as T, textAppearance as a, textConfig as t };
@@ -8,9 +8,9 @@ var castArray = require('lodash/castArray');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
9
  var useStyles = require('../hooks/useStyles/useStyles.js');
10
10
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
11
- var Icon = require('../../Icon_cjs_ZerVip3X.js');
11
+ var Icon = require('../../Icon_cjs_D-UNVTqI.js');
12
12
  var Divider = require('../../Divider_cjs_DUYtmwn2.js');
13
- var Text = require('../../Text_cjs_DpRclhwc.js');
13
+ var Text = require('../../Text_cjs_0EINiUq4.js');
14
14
  var _default = require('@itcase/icons/default');
15
15
  require('lodash/camelCase');
16
16
  require('lodash/upperFirst');
@@ -27,7 +27,7 @@ require('lodash/maxBy');
27
27
  require('react-inlinesvg');
28
28
  require('../hoc/urlWithAssetPrefix.js');
29
29
  require('../context/UrlAssetPrefix.js');
30
- require('../../Link_cjs_BqT6eVl6.js');
30
+ require('../../Link_cjs_C5UsZUiF.js');
31
31
 
32
32
  var accordionAppearanceSize = {
33
33
  sizeXXL: {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../../Avatar_cjs_joB9qjwk.js');
3
+ var Avatar = require('../../Avatar_cjs_CQhA8iu9.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -19,14 +19,14 @@ require('react-responsive');
19
19
  require('../utils/setViewportProperty.js');
20
20
  require('../hooks.js');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
- require('../../Icon_cjs_ZerVip3X.js');
22
+ require('../../Icon_cjs_D-UNVTqI.js');
23
23
  require('react-inlinesvg');
24
24
  require('../hoc/urlWithAssetPrefix.js');
25
25
  require('../context/UrlAssetPrefix.js');
26
26
  require('../hooks/useStyles/useStyles.js');
27
27
  require('lodash/maxBy');
28
- require('../../Link_cjs_BqT6eVl6.js');
29
- require('../../Text_cjs_DpRclhwc.js');
28
+ require('../../Link_cjs_C5UsZUiF.js');
29
+ require('../../Text_cjs_0EINiUq4.js');
30
30
  require('../../Image_cjs_B6YlGx8G.js');
31
31
 
32
32
 
@@ -5,9 +5,9 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Avatar = require('../../Avatar_cjs_joB9qjwk.js');
8
+ var Avatar = require('../../Avatar_cjs_CQhA8iu9.js');
9
9
  var Group = require('../../Group_cjs_BxBk5T7A.js');
10
- var Text = require('../../Text_cjs_DpRclhwc.js');
10
+ var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
13
13
  require('lodash/camelCase');
@@ -23,11 +23,11 @@ require('../utils/setViewportProperty.js');
23
23
  require('../hooks.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('lodash/maxBy');
26
- require('../../Icon_cjs_ZerVip3X.js');
26
+ require('../../Icon_cjs_D-UNVTqI.js');
27
27
  require('react-inlinesvg');
28
28
  require('../hoc/urlWithAssetPrefix.js');
29
29
  require('../context/UrlAssetPrefix.js');
30
- require('../../Link_cjs_BqT6eVl6.js');
30
+ require('../../Link_cjs_C5UsZUiF.js');
31
31
  require('../../Image_cjs_B6YlGx8G.js');
32
32
 
33
33
  var avatarStackAppearanceSize = {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Icon = require('../../Icon_cjs_ZerVip3X.js');
3
+ var Icon = require('../../Icon_cjs_D-UNVTqI.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -24,8 +24,8 @@ require('../hooks.js');
24
24
  require('../hooks/useStyles/styleAttributes.js');
25
25
  require('../hooks/useStyles/useStyles.js');
26
26
  require('lodash/maxBy');
27
- require('../../Link_cjs_BqT6eVl6.js');
28
- require('../../Text_cjs_DpRclhwc.js');
27
+ require('../../Link_cjs_C5UsZUiF.js');
28
+ require('../../Text_cjs_0EINiUq4.js');
29
29
 
30
30
 
31
31
 
@@ -6,9 +6,9 @@ var clsx = require('clsx');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
- var Icon = require('../../Icon_cjs_ZerVip3X.js');
10
- var Link = require('../../Link_cjs_BqT6eVl6.js');
11
- var Text = require('../../Text_cjs_DpRclhwc.js');
9
+ var Icon = require('../../Icon_cjs_D-UNVTqI.js');
10
+ var Link = require('../../Link_cjs_C5UsZUiF.js');
11
+ var Text = require('../../Text_cjs_0EINiUq4.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
13
13
  var _default = require('@itcase/icons/default');
14
14
  require('lodash/camelCase');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button_cjs_mau_55Fl.js');
3
+ var Button = require('../../Button_cjs_B2eZhvoC.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
7
- require('../../Icon_cjs_ZerVip3X.js');
7
+ require('../../Icon_cjs_D-UNVTqI.js');
8
8
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react-inlinesvg');
10
10
  require('../hoc/urlWithAssetPrefix.js');
@@ -25,9 +25,9 @@ require('../hooks.js');
25
25
  require('../hooks/useStyles/styleAttributes.js');
26
26
  require('../hooks/useStyles/useStyles.js');
27
27
  require('lodash/maxBy');
28
- require('../../Link_cjs_BqT6eVl6.js');
29
- require('../../Text_cjs_DpRclhwc.js');
30
- require('../../Loader_cjs_c6yF7akz.js');
28
+ require('../../Link_cjs_C5UsZUiF.js');
29
+ require('../../Text_cjs_0EINiUq4.js');
30
+ require('../../Loader_cjs_Cme6Hi0B.js');
31
31
 
32
32
 
33
33
 
@@ -5,9 +5,9 @@ var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
7
  var useStyles = require('../hooks/useStyles/useStyles.js');
8
- var Icon = require('../../Icon_cjs_ZerVip3X.js');
9
- var Label = require('../../Label_cjs_CaTh_laL.js');
10
- var Text = require('../../Text_cjs_DpRclhwc.js');
8
+ var Icon = require('../../Icon_cjs_D-UNVTqI.js');
9
+ var Label = require('../../Label_cjs_BvS_ANE3.js');
10
+ var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('react');
13
13
  require('lodash/camelCase');
@@ -26,7 +26,7 @@ require('lodash/maxBy');
26
26
  require('react-inlinesvg');
27
27
  require('../hoc/urlWithAssetPrefix.js');
28
28
  require('../context/UrlAssetPrefix.js');
29
- require('../../Link_cjs_BqT6eVl6.js');
29
+ require('../../Link_cjs_C5UsZUiF.js');
30
30
 
31
31
  var cellAppearanceSize = {
32
32
  sizeXL: {
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var clsx = require('clsx');
5
5
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
6
6
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
- var Text = require('../../Text_cjs_DpRclhwc.js');
7
+ var Text = require('../../Text_cjs_0EINiUq4.js');
8
8
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
9
9
  require('react');
10
10
  require('lodash/camelCase');
@@ -88,7 +88,7 @@ var checkboxAppearanceRequire = {
88
88
  fillCheckbox: 'warningTertiary',
89
89
  fillCheckboxActive: 'warningPrimary',
90
90
  fillCheckboxActiveHover: 'warningTertiary',
91
- fillCheckboxHover: 'warningTertiary',
91
+ fillCheckboxHover: 'warningSecondary',
92
92
  fillCheckmark: 'warningBorderPrimary',
93
93
  labelTextColor: 'surfaceTextPrimary',
94
94
  descTextColor: 'surfaceTextPrimary',
@@ -133,16 +133,22 @@ var checkboxAppearanceSize = {
133
133
  var checkboxAppearanceStyle = {
134
134
  solid: {
135
135
  borderColorCheckbox: 'none',
136
- borderWidth: 'none',
136
+ borderColorCheckboxActive: 'none',
137
+ borderColorCheckboxActiveHover: 'none',
138
+ borderColorCheckboxHover: 'none',
137
139
  },
138
140
  outlined: {
139
141
  fill: 'none',
142
+ fillHover: 'none',
140
143
  },
141
144
  full: {},
142
145
  ghost: {
143
146
  fill: 'none',
147
+ fillHover: 'none',
144
148
  borderColorCheckbox: 'none',
145
- borderWidth: 'none',
149
+ borderColorCheckboxActive: 'none',
150
+ borderColorCheckboxActiveHover: 'none',
151
+ borderColorCheckboxHover: 'none',
146
152
  },
147
153
  };
148
154
 
@@ -180,28 +186,29 @@ var checkboxConfig = {
180
186
  };
181
187
  function Checkbox(props) {
182
188
  var id = props.id, className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, disabled = props.disabled, isDisabled = props.isDisabled, checked = props.checked, indeterminate = props.indeterminate, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, before = props.before, after = props.after, isActive = props.isActive, isChecked = props.isChecked, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
183
- var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, checkboxConfig);
189
+ var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, checkboxConfig, isDisabled);
184
190
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
185
- var fillCheckboxActiveClass = propsGenerator.fillCheckboxActiveClass, fillCheckboxActiveHoverClass = propsGenerator.fillCheckboxActiveHoverClass, fillCheckboxClass = propsGenerator.fillCheckboxClass, fillCheckboxHoverClass = propsGenerator.fillCheckboxHoverClass, fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorCheckboxActiveClass = propsGenerator.borderColorCheckboxActiveClass, borderColorCheckboxActiveHoverClass = propsGenerator.borderColorCheckboxActiveHoverClass, borderColorCheckboxClass = propsGenerator.borderColorCheckboxClass, borderColorCheckboxHoverClass = propsGenerator.borderColorCheckboxHoverClass, checkboxShapeClass = propsGenerator.checkboxShapeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
186
- return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), sizeClass && "checkbox_size_".concat(sizeClass), shapeClass && "checkbox_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), isSkeleton && "checkbox_skeleton"), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxs("div", { className: "checkbox__item", children: [jsxRuntime.jsx("input", { id: id, className: "checkbox__input", type: "checkbox", disabled: (isDisabled || disabled) && 'disabled', checked: (isActive || isChecked || checked) && 'checked', value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsx("div", { className: clsx('checkbox__state', !checked
187
- ? fillCheckboxClass && "fill_".concat(fillCheckboxClass)
188
- : fillCheckboxActiveClass &&
189
- "fill_active_".concat(fillCheckboxActiveClass), !checked
190
- ? fillCheckboxHoverClass && "fill_hover_".concat(fillCheckboxHoverClass)
191
- : fillCheckboxActiveHoverClass &&
192
- "fill_active_hover_".concat(fillCheckboxActiveHoverClass), !checked
193
- ? borderColorCheckboxClass &&
194
- "border-color_".concat(borderColorCheckboxClass)
195
- : borderColorCheckboxActiveClass &&
196
- "border-color_active_".concat(borderColorCheckboxActiveClass), !checked
197
- ? borderColorCheckboxHoverClass &&
198
- "border-color_hover_".concat(borderColorCheckboxHoverClass)
199
- : borderColorCheckboxActiveHoverClass &&
200
- "border-color_active_hover_".concat(borderColorCheckboxActiveHoverClass), checkboxShapeClass && "checkbox__state_shape_".concat(checkboxShapeClass)), children: "\u00A0" }), jsxRuntime.jsx("div", { className: clsx(!indeterminate
191
+ var fillCheckboxActiveClass = propsGenerator.fillCheckboxActiveClass, fillCheckboxActiveHoverClass = propsGenerator.fillCheckboxActiveHoverClass, fillCheckboxClass = propsGenerator.fillCheckboxClass, fillCheckboxHoverClass = propsGenerator.fillCheckboxHoverClass, fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorCheckboxActiveClass = propsGenerator.borderColorCheckboxActiveClass, borderColorCheckboxActiveHoverClass = propsGenerator.borderColorCheckboxActiveHoverClass, borderColorCheckboxClass = propsGenerator.borderColorCheckboxClass, borderColorCheckboxHoverClass = propsGenerator.borderColorCheckboxHoverClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
192
+ return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_".concat(fillHoverClass), sizeClass && "checkbox_size_".concat(sizeClass), !checked
193
+ ? fillCheckboxClass && "checkbox_fill_".concat(fillCheckboxClass)
194
+ : fillCheckboxActiveClass &&
195
+ "checkbox_fill_active_".concat(fillCheckboxActiveClass), !checked
196
+ ? fillCheckboxHoverClass &&
197
+ "checkbox_fill_hover_".concat(fillCheckboxHoverClass)
198
+ : fillCheckboxActiveHoverClass &&
199
+ "checkbox_fill_active_hover_".concat(fillCheckboxActiveHoverClass), !checked
200
+ ? borderColorCheckboxClass &&
201
+ "checkbox_border-color_".concat(borderColorCheckboxClass)
202
+ : borderColorCheckboxActiveClass &&
203
+ "checkbox_border-color_active_".concat(borderColorCheckboxActiveClass), !checked
204
+ ? borderColorCheckboxHoverClass &&
205
+ "checkbox_border-color_hover_".concat(borderColorCheckboxHoverClass)
206
+ : borderColorCheckboxActiveHoverClass &&
207
+ "checkbox_border-color_active_hover_".concat(borderColorCheckboxActiveHoverClass), widthClass && "width_".concat(widthClass), isSkeleton && "checkbox_skeleton"), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxs("div", { className: "checkbox__item", children: [jsxRuntime.jsx("input", { id: id, className: "checkbox__input", type: "checkbox", disabled: (isDisabled || disabled) && 'disabled', checked: (isActive || isChecked || checked) && 'checked', value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsx("div", { className: clsx('checkbox__state', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: "\u00A0" }), jsxRuntime.jsx("div", { className: clsx(!indeterminate
201
208
  ? 'checkbox__state-checkmark'
202
209
  : 'checkbox__state-indeterminate', (checked || indeterminate) &&
203
210
  fillCheckmarkClass &&
204
- "border-color_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.Text, { className: "checkbox__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "checkbox__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc })), after && jsxRuntime.jsx("div", { className: "checkbox__after", children: after })] }));
211
+ "fill_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.Text, { className: "checkbox__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "checkbox__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc })), after && jsxRuntime.jsx("div", { className: "checkbox__after", children: after })] }));
205
212
  }
206
213
 
207
214
  exports.Checkbox = Checkbox;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ChipsGroup = require('../../ChipsGroup_cjs_D454M1-p.js');
3
+ var ChipsGroup = require('../../ChipsGroup_cjs_ChJ71i_A.js');
4
4
  require('react/jsx-runtime');
5
5
  require('clsx');
6
6
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -21,12 +21,12 @@ require('../hooks.js');
21
21
  require('../hooks/useStyles/styleAttributes.js');
22
22
  require('../hooks/useStyles/useStyles.js');
23
23
  require('lodash/maxBy');
24
- require('../../Icon_cjs_ZerVip3X.js');
24
+ require('../../Icon_cjs_D-UNVTqI.js');
25
25
  require('react-inlinesvg');
26
26
  require('../hoc/urlWithAssetPrefix.js');
27
27
  require('../context/UrlAssetPrefix.js');
28
- require('../../Link_cjs_BqT6eVl6.js');
29
- require('../../Text_cjs_DpRclhwc.js');
28
+ require('../../Link_cjs_C5UsZUiF.js');
29
+ require('../../Text_cjs_0EINiUq4.js');
30
30
 
31
31
 
32
32
 
@@ -6,9 +6,9 @@ var clsx = require('clsx');
6
6
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
7
7
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('../hooks/useStyles/useStyles.js');
9
- var Icon = require('../../Icon_cjs_ZerVip3X.js');
10
- var Loader = require('../../Loader_cjs_c6yF7akz.js');
11
- var Text = require('../../Text_cjs_DpRclhwc.js');
9
+ var Icon = require('../../Icon_cjs_D-UNVTqI.js');
10
+ var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
11
+ var Text = require('../../Text_cjs_0EINiUq4.js');
12
12
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
13
13
  require('lodash/camelCase');
14
14
  require('lodash/castArray');
@@ -26,15 +26,16 @@ require('lodash/maxBy');
26
26
  require('react-inlinesvg');
27
27
  require('../hoc/urlWithAssetPrefix.js');
28
28
  require('../context/UrlAssetPrefix.js');
29
- require('../../Link_cjs_BqT6eVl6.js');
29
+ require('../../Link_cjs_C5UsZUiF.js');
30
30
 
31
31
  var choiceAppearanceDefault = {
32
32
  defaultPrimary: {
33
33
  fill: 'surfaceSecondary',
34
- fillItem: 'surfaceItemSecondary',
35
- fillItemActive: 'surfaceItemQuaternary',
36
- fillItemHover: 'surfaceItemHover',
37
- labelTextActiveColor: 'surfaceTextInverse',
34
+ fillItem: 'surfaceSecondary',
35
+ fillItemActive: 'accentPrimary',
36
+ fillItemActiveHover: 'accentHoverPrimary',
37
+ fillItemHover: 'surfaceTertiary',
38
+ labelTextActiveColor: 'accentTextPrimary',
38
39
  labelTextColor: 'surfaceTextPrimary',
39
40
  borderColor: 'surfaceBorderQuaternary',
40
41
  iconAfterFill: 'surfaceItemQuaternary',
@@ -48,12 +49,14 @@ var choiceAppearanceDefault = {
48
49
 
49
50
  var choiceAppearanceDisabled = {
50
51
  disabledPrimary: {
51
- fill: 'surfaceTertiary',
52
- fillItem: 'surfaceTertiary',
53
- fillItemActive: 'surfaceItemTertiary',
54
- labelTextActiveColor: 'surfaceTextQuaternary',
52
+ fill: 'surfaceDisabled',
53
+ fillItem: 'surfaceDisabled',
54
+ fillItemActive: 'surfaceDisabled',
55
+ fillItemActiveHover: 'surfaceDisabled',
56
+ fillItemHover: 'surfaceTertiary',
55
57
  labelTextColor: 'surfaceTextQuaternary',
56
- borderColor: 'surfaceBorderPrimary',
58
+ labelTextActiveColor: 'surfaceTextQuaternary',
59
+ borderColor: 'surfaceBorderDisabled',
57
60
  iconAfterFill: 'surfaceItemPrimary',
58
61
  iconAfterFillActive: 'surfaceItemDisabled',
59
62
  iconBeforeFill: 'surfaceItemPrimary',
@@ -196,7 +199,7 @@ function Choice(props) {
196
199
  var isChecked = isCheckbox ? event.target.checked : true;
197
200
  setActiveSegment && setActiveSegment(item, isChecked);
198
201
  }, [isCheckbox, setActiveSegment]);
199
- var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, choiceConfig);
202
+ var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, choiceConfig, isDisabled);
200
203
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
201
204
  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, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, wrapClass = propsGenerator.wrapClass;
202
205
  var styles = useStyles.useStyles(props).styles;
@@ -204,14 +207,13 @@ function Choice(props) {
204
207
  var isActive = typeof active === 'object'
205
208
  ? String(item.value) === String(active.value)
206
209
  : String(item.value) === String(active);
207
- return (jsxRuntime.jsxs("div", { className: clsx('choice__item', size && "choice__item_size_".concat(size), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), !isDisabled
210
+ return (jsxRuntime.jsxs("div", { className: clsx('choice__item', size && "choice__item_size_".concat(size), (item.icon || item.iconActive) && 'choice__item_icon', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), !isActive && !isDisabled
208
211
  ? fillItemClass && "fill_".concat(fillItemClass)
209
212
  : fillItemDisabledClass &&
210
- "fill_disabled_".concat(fillItemDisabledClass), !isDisabled &&
211
- fillItemHoverClass &&
212
- "fill_hover_".concat(fillItemHoverClass), isActive &&
213
- fillItemActiveHoverClass &&
214
- "fill_active_hover_".concat(fillItemActiveHoverClass), isActive
213
+ "fill_disabled_".concat(fillItemDisabledClass), !isActive && !isDisabled
214
+ ? fillItemHoverClass && "fill_hover_".concat(fillItemHoverClass)
215
+ : fillItemActiveHoverClass &&
216
+ "fill_active_hover_".concat(fillItemActiveHoverClass), isActive
215
217
  ? !isDisabled
216
218
  ? fillItemActiveClass &&
217
219
  "fill_active_".concat(fillItemActiveClass)
@@ -220,7 +222,7 @@ function Choice(props) {
220
222
  : !isDisabled
221
223
  ? fillItemClass && "fill_".concat(fillItemClass)
222
224
  : fillItemDisabledClass &&
223
- "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', (item.icon || item.iconActive) && 'asdasdasdasd', isActive &&
225
+ "fill_disabled_".concat(fillItemDisabledClass), !isActive && isDisabled && 'choice__item_state_disabled', isActive &&
224
226
  isDisabled &&
225
227
  'choice__item_active_state_disabled', isActive && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntime.jsx("input", { id: "".concat(name, "-").concat(item.value), className: "choice__item-radio", type: isCheckbox ? 'checkbox' : 'radio', name: name, disabled: isDisabled, checked: isActive, value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [itemBefore, (item.iconBefore || item.iconBeforeActive) && (jsxRuntime.jsx(Icon.Icon, { className: "choice__item-icon", iconFillDisabled: iconBeforeFillDisabled, isDisabled: isDisabled, iconFill: iconBeforeFill, iconFillActive: iconBeforeFillActive, iconSize: iconBeforeSize, SvgImage: isActive
226
228
  ? item.iconBeforeActive || item.iconBefore
@@ -142,9 +142,9 @@ var codeConfig = {
142
142
  },
143
143
  };
144
144
  function Code(props) {
145
- var className = props.className, appearance = props.appearance, inputAutoFocus = props.inputAutoFocus, _a = props.inputCount, inputCount = _a === void 0 ? 6 : _a, inputPlaceholder = props.inputPlaceholder, _b = props.inputType, inputType = _b === void 0 ? 'number' : _b, separatorComponent = props.separatorComponent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
146
- var _c = React.useState(''), otp = _c[0], setOtp = _c[1];
147
- var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, codeConfig);
145
+ var className = props.className, appearance = props.appearance, _a = props.initialValue, initialValue = _a === void 0 ? '' : _a, isDisabled = props.isDisabled, inputAutoFocus = props.inputAutoFocus, _b = props.inputCount, inputCount = _b === void 0 ? 6 : _b, inputPlaceholder = props.inputPlaceholder, _c = props.inputType, inputType = _c === void 0 ? 'number' : _c, separatorComponent = props.separatorComponent, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
146
+ var _d = React.useState(initialValue), otp = _d[0], setOtp = _d[1];
147
+ var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, codeConfig, isDisabled);
148
148
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
149
149
  var inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputBorderFocusColorClass = propsGenerator.inputBorderFocusColorClass, inputBorderWidthClass = propsGenerator.inputBorderWidthClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputFillHoverClass = propsGenerator.inputFillHoverClass, inputPlaceholderTextColorClass = propsGenerator.inputPlaceholderTextColorClass, inputSizeClass = propsGenerator.inputSizeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
150
150
  // NOTE: too many dependencies for "useCallback" and possible too many checks
@@ -6,8 +6,8 @@ var clsx = require('clsx');
6
6
  var Cookies = require('js-cookie');
7
7
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
8
8
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
9
- var Button = require('../../Button_cjs_mau_55Fl.js');
10
- var Text = require('../../Text_cjs_DpRclhwc.js');
9
+ var Button = require('../../Button_cjs_B2eZhvoC.js');
10
+ var Text = require('../../Text_cjs_0EINiUq4.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('lodash/camelCase');
13
13
  require('lodash/castArray');
@@ -21,14 +21,14 @@ require('react-responsive');
21
21
  require('../utils/setViewportProperty.js');
22
22
  require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
- require('../../Icon_cjs_ZerVip3X.js');
24
+ require('../../Icon_cjs_D-UNVTqI.js');
25
25
  require('react-inlinesvg');
26
26
  require('../hoc/urlWithAssetPrefix.js');
27
27
  require('../context/UrlAssetPrefix.js');
28
28
  require('../hooks/useStyles/useStyles.js');
29
29
  require('lodash/maxBy');
30
- require('../../Link_cjs_BqT6eVl6.js');
31
- require('../../Loader_cjs_c6yF7akz.js');
30
+ require('../../Link_cjs_C5UsZUiF.js');
31
+ require('../../Loader_cjs_Cme6Hi0B.js');
32
32
 
33
33
  var cookiesWarningAppearanceDefault = {
34
34
  defaultPrimary: {
@@ -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 reactDadata = require('react-dadata');
8
- var Input = require('../../Input_cjs_TC7DOpvh.js');
8
+ var Input = require('../../Input_cjs_D18gXu6j.js');
9
9
  require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
10
10
  require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
11
  require('lodash/camelCase');
@@ -4,10 +4,10 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var common = require('@itcase/common');
7
- var DatePicker = require('../../DatePicker_cjs_C9rI2uTl.js');
7
+ var DatePicker = require('../../DatePicker_cjs_CpN9wFK4.js');
8
8
  var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
- var ChipsGroup = require('../../ChipsGroup_cjs_D454M1-p.js');
10
+ var ChipsGroup = require('../../ChipsGroup_cjs_ChJ71i_A.js');
11
11
  var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
12
12
  require('date-fns/locale');
13
13
  require('react-datepicker');
@@ -23,16 +23,16 @@ require('react-responsive');
23
23
  require('../utils/setViewportProperty.js');
24
24
  require('../hooks.js');
25
25
  require('../hooks/useStyles/styleAttributes.js');
26
- require('../../Button_cjs_mau_55Fl.js');
27
- require('../../Icon_cjs_ZerVip3X.js');
26
+ require('../../Button_cjs_B2eZhvoC.js');
27
+ require('../../Icon_cjs_D-UNVTqI.js');
28
28
  require('react-inlinesvg');
29
29
  require('../hoc/urlWithAssetPrefix.js');
30
30
  require('../context/UrlAssetPrefix.js');
31
- require('../../Link_cjs_BqT6eVl6.js');
32
- require('../../Text_cjs_DpRclhwc.js');
33
- require('../../Loader_cjs_c6yF7akz.js');
34
- require('../../Input_cjs_TC7DOpvh.js');
35
- require('../../Label_cjs_CaTh_laL.js');
31
+ require('../../Link_cjs_C5UsZUiF.js');
32
+ require('../../Text_cjs_0EINiUq4.js');
33
+ require('../../Loader_cjs_Cme6Hi0B.js');
34
+ require('../../Input_cjs_D18gXu6j.js');
35
+ require('../../Label_cjs_BvS_ANE3.js');
36
36
  require('@itcase/icons/default');
37
37
  require('lodash/castArray');
38
38
 
@@ -81,8 +81,8 @@ var datePeriodConfig = {
81
81
  },
82
82
  };
83
83
  function DatePeriod(props) {
84
- var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
85
- var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig);
84
+ var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
85
+ var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
86
86
  var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
87
87
  var _b = propsGenerator, fillClass = _b.fillClass, chipsAppearance = _b.chipsAppearance, chipsAppearanceSize = _b.chipsAppearanceSize, chipsShape = _b.chipsShape, datePickerAppearance = _b.datePickerAppearance, datePickerAppearanceSize = _b.datePickerAppearanceSize, datePickerInputAppearance = _b.datePickerInputAppearance, datePickerInputFillHover = _b.datePickerInputFillHover, datePickerInputSize = _b.datePickerInputSize, datePickerInputTextSize = _b.datePickerInputTextSize, shapeClass = _b.shapeClass, sizeClass = _b.sizeClass;
88
88
  var onClickPeriodChips = React.useCallback(function (selectedPeriodItem) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_C9rI2uTl.js');
3
+ var DatePicker = require('../../DatePicker_cjs_CpN9wFK4.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -23,16 +23,16 @@ require('../hooks.js');
23
23
  require('../hooks/useStyles/styleAttributes.js');
24
24
  require('../hooks/useStyles/useStyles.js');
25
25
  require('lodash/maxBy');
26
- require('../../Button_cjs_mau_55Fl.js');
27
- require('../../Icon_cjs_ZerVip3X.js');
26
+ require('../../Button_cjs_B2eZhvoC.js');
27
+ require('../../Icon_cjs_D-UNVTqI.js');
28
28
  require('react-inlinesvg');
29
29
  require('../hoc/urlWithAssetPrefix.js');
30
30
  require('../context/UrlAssetPrefix.js');
31
- require('../../Link_cjs_BqT6eVl6.js');
32
- require('../../Text_cjs_DpRclhwc.js');
33
- require('../../Loader_cjs_c6yF7akz.js');
34
- require('../../Input_cjs_TC7DOpvh.js');
35
- require('../../Label_cjs_CaTh_laL.js');
31
+ require('../../Link_cjs_C5UsZUiF.js');
32
+ require('../../Text_cjs_0EINiUq4.js');
33
+ require('../../Loader_cjs_Cme6Hi0B.js');
34
+ require('../../Input_cjs_D18gXu6j.js');
35
+ require('../../Label_cjs_BvS_ANE3.js');
36
36
  require('@itcase/icons/default');
37
37
 
38
38