@itcase/ui 1.2.17 → 1.2.18

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 (72) hide show
  1. package/dist/{Button-YvFWfIzn.js → Button--5mnRJi2.js} +2 -2
  2. package/dist/{Button-VFc2pmvE.js → Button-D1PnF1C-.js} +2 -2
  3. package/dist/{DropdownItem-sLbGv_08.js → DropdownItem-D0dOP4NL.js} +1 -1
  4. package/dist/{DropdownItem-CEPQWGQ5.js → DropdownItem-D52wxY6I.js} +1 -1
  5. package/dist/{Icon-mG_ucnJz.js → Icon-D-zjcPll.js} +3 -6
  6. package/dist/{Icon-BanAVsve.js → Icon-DD_Vyrw0.js} +3 -6
  7. package/dist/{Link-BSquFKSX.js → Link-CeQuavin.js} +2 -5
  8. package/dist/{Link-BoJdm1hz.js → Link-CqWzwh8V.js} +2 -5
  9. package/dist/{MenuItem-Snw0sSXT.js → MenuItem-B5ypY7Uo.js} +1 -1
  10. package/dist/{MenuItem-p5bhKFb0.js → MenuItem-BL6WBNjL.js} +1 -1
  11. package/dist/cjs/components/Accordion.js +5 -11
  12. package/dist/cjs/components/Avatar.js +2 -2
  13. package/dist/cjs/components/Breadcrumbs.js +2 -2
  14. package/dist/cjs/components/Button.js +3 -3
  15. package/dist/cjs/components/Cell.js +2 -2
  16. package/dist/cjs/components/Choice.js +35 -29
  17. package/dist/cjs/components/ContextMenu.js +2 -2
  18. package/dist/cjs/components/CookiesWarning.js +3 -3
  19. package/dist/cjs/components/DatePicker.js +3 -3
  20. package/dist/cjs/components/Dropdown.js +2 -2
  21. package/dist/cjs/components/Flex.js +1 -7
  22. package/dist/cjs/components/FormField.js +2 -2
  23. package/dist/cjs/components/Icon.js +2 -2
  24. package/dist/cjs/components/InputPassword.js +2 -2
  25. package/dist/cjs/components/LanguageSelector.js +2 -2
  26. package/dist/cjs/components/Link.js +1 -1
  27. package/dist/cjs/components/List.js +1 -1
  28. package/dist/cjs/components/Logo.js +1 -1
  29. package/dist/cjs/components/Menu.js +2 -2
  30. package/dist/cjs/components/MenuItem.js +2 -2
  31. package/dist/cjs/components/Pagination.js +3 -3
  32. package/dist/cjs/components/Response.js +3 -3
  33. package/dist/cjs/components/Search.js +2 -2
  34. package/dist/cjs/components/Select.js +4 -4
  35. package/dist/cjs/components/SiteMenu.js +2 -2
  36. package/dist/cjs/components/Tab.js +4 -9
  37. package/dist/components/Accordion.js +5 -11
  38. package/dist/components/Avatar.js +2 -2
  39. package/dist/components/Breadcrumbs.js +2 -2
  40. package/dist/components/Button.js +3 -3
  41. package/dist/components/Cell.js +2 -2
  42. package/dist/components/Choice.js +35 -29
  43. package/dist/components/ContextMenu.js +2 -2
  44. package/dist/components/CookiesWarning.js +3 -3
  45. package/dist/components/DatePicker.js +3 -3
  46. package/dist/components/Dropdown.js +2 -2
  47. package/dist/components/Flex.js +1 -7
  48. package/dist/components/FormField.js +2 -2
  49. package/dist/components/Icon.js +2 -2
  50. package/dist/components/InputPassword.js +2 -2
  51. package/dist/components/LanguageSelector.js +2 -2
  52. package/dist/components/Link.js +1 -1
  53. package/dist/components/List.js +1 -1
  54. package/dist/components/Logo.js +1 -1
  55. package/dist/components/Menu.js +2 -2
  56. package/dist/components/MenuItem.js +2 -2
  57. package/dist/components/Pagination.js +3 -3
  58. package/dist/components/Response.js +3 -3
  59. package/dist/components/Search.js +2 -2
  60. package/dist/components/Select.js +4 -4
  61. package/dist/components/SiteMenu.js +2 -2
  62. package/dist/components/Tab.js +4 -9
  63. package/dist/types/components/Accordion/Accordion.d.ts +0 -5
  64. package/dist/types/components/Accordion/AccordionItem.d.ts +0 -5
  65. package/dist/types/components/Flex/Flex.d.ts +0 -5
  66. package/dist/types/components/Flex/FlexItem.d.ts +0 -5
  67. package/dist/types/components/Link/Link.d.ts +0 -5
  68. package/dist/types/components/Select/Select.interface.d.ts +1 -0
  69. package/dist/types/components/Tab/Tab.d.ts +0 -7
  70. package/dist/types/components/Tab/Tab.interface.d.ts +11 -2
  71. package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
  72. package/package.json +9 -9
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useStyles } from '../hooks/useStyles.js';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
- import { L as Link } from '../Link-BSquFKSX.js';
5
+ import { L as Link } from '../Link-CeQuavin.js';
6
6
  import 'react';
7
7
  import 'lodash/camelCase';
8
8
  import 'lodash/maxBy';
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
4
  import { useStyles } from '../hooks/useStyles.js';
5
- import { a as LinkWrapper } from '../Link-BSquFKSX.js';
5
+ import { a as LinkWrapper } from '../Link-CeQuavin.js';
6
6
  import 'react';
7
7
  import 'lodash/castArray';
8
8
  import 'lodash/camelCase';
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
4
  import { useStyles } from '../hooks/useStyles.js';
5
- import { M as MenuItem } from '../MenuItem-p5bhKFb0.js';
5
+ import { M as MenuItem } from '../MenuItem-BL6WBNjL.js';
6
6
  import 'react';
7
7
  import 'lodash/castArray';
8
8
  import 'lodash/camelCase';
@@ -13,7 +13,7 @@ import 'react-responsive';
13
13
  import 'lodash/maxBy';
14
14
  import 'lodash/upperFirst';
15
15
  import '../hooks/styleAttributes.js';
16
- import '../Link-BSquFKSX.js';
16
+ import '../Link-CeQuavin.js';
17
17
  import '../tslib.es6-5FtW-kfi.js';
18
18
  import '../Text-CG3xPG27.js';
19
19
 
@@ -1,4 +1,4 @@
1
- export { M as MenuItem, m as menuItemConfig } from '../MenuItem-p5bhKFb0.js';
1
+ export { M as MenuItem, m as menuItemConfig } from '../MenuItem-BL6WBNjL.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -13,6 +13,6 @@ import '../hooks/useStyles.js';
13
13
  import 'lodash/maxBy';
14
14
  import 'lodash/upperFirst';
15
15
  import '../hooks/styleAttributes.js';
16
- import '../Link-BSquFKSX.js';
16
+ import '../Link-CeQuavin.js';
17
17
  import '../tslib.es6-5FtW-kfi.js';
18
18
  import '../Text-CG3xPG27.js';
@@ -4,8 +4,8 @@ import clsx from 'clsx';
4
4
  import ceil from 'lodash/ceil';
5
5
  import ReactPaginate from 'react-paginate';
6
6
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
7
- import { D as Dropdown, a as DropdownItem } from '../DropdownItem-sLbGv_08.js';
8
- import { I as Icon } from '../Icon-BanAVsve.js';
7
+ import { D as Dropdown, a as DropdownItem } from '../DropdownItem-D0dOP4NL.js';
8
+ import { I as Icon } from '../Icon-DD_Vyrw0.js';
9
9
  import { T as Text } from '../Text-CG3xPG27.js';
10
10
  import 'lodash/castArray';
11
11
  import 'lodash/camelCase';
@@ -18,7 +18,7 @@ import 'lodash/maxBy';
18
18
  import 'lodash/upperFirst';
19
19
  import '../hooks/styleAttributes.js';
20
20
  import '../Divider-U5UdY-ef.js';
21
- import '../Link-BSquFKSX.js';
21
+ import '../Link-CeQuavin.js';
22
22
  import '../tslib.es6-5FtW-kfi.js';
23
23
  import 'react-inlinesvg';
24
24
  import '../Tooltip-DJufHBiQ.js';
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import SVG from 'react-inlinesvg';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
6
  import { useStyles } from '../hooks/useStyles.js';
7
- import { B as Button } from '../Button-YvFWfIzn.js';
7
+ import { B as Button } from '../Button--5mnRJi2.js';
8
8
  import { G as Group } from '../Group-12uup5mu.js';
9
9
  import { T as Text } from '../Text-CG3xPG27.js';
10
10
  import { T as Title } from '../Title-BfSFPJtJ.js';
@@ -17,8 +17,8 @@ import 'react-responsive';
17
17
  import 'lodash/maxBy';
18
18
  import 'lodash/upperFirst';
19
19
  import '../hooks/styleAttributes.js';
20
- import '../Icon-BanAVsve.js';
21
- import '../Link-BSquFKSX.js';
20
+ import '../Icon-DD_Vyrw0.js';
21
+ import '../Link-CeQuavin.js';
22
22
  import '../tslib.es6-5FtW-kfi.js';
23
23
  import '../Tooltip-DJufHBiQ.js';
24
24
  import '../Loader-CJ8ZCdwy.js';
@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
5
  import { useStyles } from '../hooks/useStyles.js';
6
- import { I as Icon } from '../Icon-BanAVsve.js';
6
+ import { I as Icon } from '../Icon-DD_Vyrw0.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
9
9
  import 'lodash/castArray';
@@ -16,7 +16,7 @@ import 'lodash/maxBy';
16
16
  import 'lodash/upperFirst';
17
17
  import '../hooks/styleAttributes.js';
18
18
  import 'react-inlinesvg';
19
- import '../Link-BSquFKSX.js';
19
+ import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
21
  import '../Tooltip-DJufHBiQ.js';
22
22
  import '../Title-BfSFPJtJ.js';
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import Select, { components } from 'react-select';
4
- import { I as Icon } from '../Icon-BanAVsve.js';
4
+ import { I as Icon } from '../Icon-DD_Vyrw0.js';
5
5
  import React, { useMemo, useRef, useCallback, useEffect } from 'react';
6
6
  import clsx from 'clsx';
7
7
  import CreatableSelect from 'react-select/creatable';
@@ -20,7 +20,7 @@ import 'prop-types';
20
20
  import '../hooks/useMediaQueries.js';
21
21
  import 'react-responsive';
22
22
  import '../hooks/styleAttributes.js';
23
- import '../Link-BSquFKSX.js';
23
+ import '../Link-CeQuavin.js';
24
24
  import '../Tooltip-DJufHBiQ.js';
25
25
  import '../Title-BfSFPJtJ.js';
26
26
  import 'lodash/castArray';
@@ -128,7 +128,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
128
128
  var clearStyle = useMemo(function () { return new Proxy({}, { get: function () { return function () { }; } }); }, []);
129
129
  var elevation = props.elevation, isClearable = props.isClearable, isCreatable = props.isCreatable, isDisabled = props.isDisabled, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, closeMenuOnSelect = props.closeMenuOnSelect, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dropdownFillHover = props.dropdownFillHover, dropdownIcon = props.dropdownIcon, dropdownIconFill = props.dropdownIconFill, dropdownIconShape = props.dropdownIconShape, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer,
130
130
  // @ts-expect-error // because there is a defaultValue
131
- initialValue = props.initialValue, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loadingMessage = props.loadingMessage, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuItemSize = props.menuItemSize, multipleItemFill = props.multipleItemFill, multipleItemFillHover = props.multipleItemFillHover, multipleItemIcon = props.multipleItemIcon, multipleItemIconFill = props.multipleItemIconFill, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, openMenuOnClick = props.openMenuOnClick, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, set = props.set, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, onChange = props.onChange, onInputChange = props.onInputChange;
131
+ initialValue = props.initialValue, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loadingMessage = props.loadingMessage, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, multipleItemFill = props.multipleItemFill, multipleItemFillHover = props.multipleItemFillHover, multipleItemIcon = props.multipleItemIcon, multipleItemIconFill = props.multipleItemIconFill, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, openMenuOnClick = props.openMenuOnClick, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, set = props.set, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, onChange = props.onChange, onInputChange = props.onInputChange;
132
132
  var defaultRef = useRef(null);
133
133
  var selectRef = ref || defaultRef;
134
134
  // React-select wai function as "loadingMessage" property
@@ -264,7 +264,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
264
264
  (selectAppearanceItem.size &&
265
265
  "select_size_".concat(selectAppearanceItem.size).replace(/([A-Z])/g, '-$1').toLowerCase()), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set)), ref: selectRef, after: after, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, before: before, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, elevation: elevation || selectAppearanceItem.elevation, filterOption: filterOption, headingFill: headingFillClass, headingFillHover: headingFillHoverClass, headingTextColor: headingTextColorClass, headingTextSize: headingTextSizeClass, headingTextWeight: headingTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize, instanceId: instanceId,
266
266
  // @ts-expect-error
267
- loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass, noOptionBorderType: optionBorderTypeClass, noOptionsFill: optionFillClass, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText || selectAppearanceItem.noOptionsText, openMenuOnClick: openMenuOnClick, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, options: options, optionSelected: optionSelected, optionShape: optionShapeClass, placeholder: placeholder || selectAppearanceItem.placeholder, placeholderTextColor: placeholderTextColor || selectAppearanceItem.placeholderTextColor, placeholderTextSize: placeholderTextSize || selectAppearanceItem.placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, components: {
267
+ loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass, noOptionBorderType: optionBorderTypeClass, noOptionsFill: optionFillClass, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText || selectAppearanceItem.noOptionsText, openMenuOnClick: openMenuOnClick, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, options: options, optionSelected: optionSelected, optionShape: optionShapeClass, placeholder: placeholder || selectAppearanceItem.placeholder, placeholderTextColor: placeholderTextColor || selectAppearanceItem.placeholderTextColor, placeholderTextSize: placeholderTextSize || selectAppearanceItem.placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, components: {
268
268
  ClearIndicator: SelectClearIndicator,
269
269
  Control: SelectControl,
270
270
  DropdownIndicator: SelectDropdownIndicator,
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useSiteMenuContext } from '../context/UIContext.js';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
- import { I as Icon } from '../Icon-BanAVsve.js';
6
+ import { I as Icon } from '../Icon-DD_Vyrw0.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import 'prop-types';
9
9
  import '../hooks/useMediaQueries.js';
@@ -15,7 +15,7 @@ import '../hooks/useStyles.js';
15
15
  import 'lodash/maxBy';
16
16
  import 'lodash/upperFirst';
17
17
  import '../hooks/styleAttributes.js';
18
- import '../Link-BSquFKSX.js';
18
+ import '../Link-CeQuavin.js';
19
19
  import '../tslib.es6-5FtW-kfi.js';
20
20
  import '../Tooltip-DJufHBiQ.js';
21
21
  import '../Title-BfSFPJtJ.js';
@@ -5,7 +5,7 @@ import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
5
  import { useStyles } from '../hooks/useStyles.js';
6
6
  import { B as Badge } from '../Badge-CrhdvxY6.js';
7
7
  import { D as Divider } from '../Divider-U5UdY-ef.js';
8
- import { L as Link } from '../Link-BSquFKSX.js';
8
+ import { L as Link } from '../Link-CeQuavin.js';
9
9
  import { T as Text } from '../Text-CG3xPG27.js';
10
10
  import 'lodash/castArray';
11
11
  import 'lodash/camelCase';
@@ -25,7 +25,7 @@ var tabConfig = {
25
25
  },
26
26
  };
27
27
  function Tab(props) {
28
- var children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextAlign = props.labelTextAlign, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
28
+ var children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, _d = props.dividerDirection, dividerDirection = _d === void 0 ? 'horizontal' : _d, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextAlign = props.labelTextAlign, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
29
29
  var alignDirectionClass = useDeviceTargetClass(props, {
30
30
  prefix: 'align_',
31
31
  propsKey: 'alignDirection',
@@ -98,14 +98,9 @@ function Tab(props) {
98
98
  ? dividerFillDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillDisabled)
99
99
  : dividerFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFill), fillHover: isHover && (dividerFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillHover)), direction: dividerDirection, fillActive: isActive && (dividerFillActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillActive)), fillActiveHover: dividerFillActiveHover, size: dividerSize })] })), after] }) }) }));
100
100
  }
101
- Tab.defaultProps = {
102
- direction: 'horizontal',
103
- LinkComponent: 'a',
104
- size: 'normal',
105
- };
106
101
 
107
102
  function TabGroup(props) {
108
- var id = props.id, dataTour = props.dataTour, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, set = props.set, style = props.style;
103
+ var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, set = props.set, style = props.style;
109
104
  var contentAlignClass = useDeviceTargetClass(props, {
110
105
  prefix: 'group_content-align_',
111
106
  propsKey: 'contentAlign',
@@ -148,7 +143,7 @@ function TabGroup(props) {
148
143
  });
149
144
  // @ts-expect-error
150
145
  var _a = useStyles(props), groupStyles = _a.styles, groupWrapperStyles = _a.wrapper;
151
- return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', wrapClass, borderColorClass, borderWidthClass, borderTypeClass), id: id, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
146
+ return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', wrapClass, borderColorClass, borderWidthClass, borderTypeClass), "data-tour": dataTour, id: id, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
152
147
  }
153
148
 
154
149
  export { Tab, TabGroup, tabConfig };
@@ -1,8 +1,3 @@
1
1
  import type { iAccordionProps } from './Accordion.interface';
2
2
  declare function Accordion(props: iAccordionProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Accordion {
4
- var defaultProps: {
5
- initial: never[];
6
- };
7
- }
8
3
  export { Accordion };
@@ -1,8 +1,3 @@
1
1
  import type { iAccordionItemProps } from './Accordion.interface';
2
2
  declare function AccordionItem(props: iAccordionItemProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace AccordionItem {
4
- var defaultProps: {
5
- iconFill: string;
6
- };
7
- }
8
3
  export { AccordionItem };
@@ -1,8 +1,3 @@
1
1
  import { IFlexProps } from './Flex.interface';
2
2
  declare function Flex(props: IFlexProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace Flex {
4
- var defaultProps: {
5
- tag: string;
6
- };
7
- }
8
3
  export { Flex };
@@ -1,8 +1,3 @@
1
1
  import { IFlexItemProps } from './Flex.interface';
2
2
  declare function FlexItem(props: IFlexItemProps): import("react/jsx-runtime").JSX.Element;
3
- declare namespace FlexItem {
4
- var defaultProps: {
5
- tag: string;
6
- };
7
- }
8
3
  export { FlexItem };
@@ -2,10 +2,5 @@ import React from 'react';
2
2
  import { ILinkConfig, ILinkProps, ILinkWrapperProps } from './Link.interface';
3
3
  declare const linkConfig: ILinkConfig;
4
4
  declare function Link(props: ILinkProps): import("react/jsx-runtime").JSX.Element;
5
- declare namespace Link {
6
- var defaultProps: {
7
- underline: string;
8
- };
9
- }
10
5
  declare function LinkWrapper(props: ILinkWrapperProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[];
11
6
  export { Link, linkConfig, LinkWrapper };
@@ -71,6 +71,7 @@ interface iSelectPropsCustom<Option> {
71
71
  loadingIndicator?: React.ReactNode;
72
72
  menuAfter?: React.ReactNode;
73
73
  menuBefore?: React.ReactNode;
74
+ menuIsOpen?: boolean;
74
75
  menuItemSize?: string;
75
76
  multipleItemFill?: tFillProps;
76
77
  multipleItemFillHover?: tFillHoverProps;
@@ -1,11 +1,4 @@
1
1
  import { iTabConfig, iTabProps } from './Tab.interface';
2
2
  declare const tabConfig: iTabConfig;
3
3
  declare function Tab(props: iTabProps): import("react/jsx-runtime").JSX.Element;
4
- declare namespace Tab {
5
- var defaultProps: {
6
- direction: string;
7
- LinkComponent: string;
8
- size: string;
9
- };
10
- }
11
4
  export { Tab, tabConfig };
@@ -1,6 +1,6 @@
1
1
  import type { CSSProperties, ReactNode } from 'react';
2
2
  import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
3
- import type { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps } from '../../types';
3
+ import type { borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
4
4
  import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
5
5
  interface iTabThemeColor {
6
6
  align?: tAlignProps;
@@ -69,12 +69,21 @@ interface iTabProps extends iTabThemeColor, iStyleAttributes {
69
69
  }
70
70
  interface iTabGroupProps extends iStyleAttributes {
71
71
  id?: string;
72
+ align?: tAlignProps;
73
+ alignDirection?: tAlignDirectionProps;
74
+ borderColor?: tBorderColorProps;
75
+ borderType?: borderTypePropsType;
76
+ borderWidth?: tBorderWidthProps;
72
77
  children?: ReactNode;
73
78
  className?: string;
79
+ contentAlign?: tAlignProps;
74
80
  dataTour?: string;
75
- direction?: string;
81
+ direction?: tDirectionProps;
82
+ fill?: tFillProps;
76
83
  horizontalScroll?: boolean;
77
84
  style?: CSSProperties;
85
+ width?: tWidthProps;
86
+ wrap?: wrapPropsType;
78
87
  set?: string;
79
88
  }
80
89
  export type { iTabThemeColor, tTabAppearance, iTabConfig, iTabProps, iTabGroupProps };
@@ -1 +1 @@
1
- export type tAppearanceKeysDefault = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail' | 'accentSecondary' | 'xs' | 's' | 'm' | 'l' | 'xl';
1
+ export type tAppearanceKeysDefault = 'accent' | 'accentSecondary' | 'any' | 'dev' | 'disabled' | 'error' | 'fail' | 'gradientPrimary' | 'l' | 'm' | 'primary' | 's' | 'secondary' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.2.17",
3
+ "version": "1.2.18",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -97,7 +97,7 @@
97
97
  "lodash": "^4.17.21",
98
98
  "luxon": "^3.5.0",
99
99
  "prop-types": "^15.8.1",
100
- "rc-slider": "^11.1.6",
100
+ "rc-slider": "^11.1.7",
101
101
  "react": "^18.3.1",
102
102
  "react-dadata": "^2.23.3",
103
103
  "react-date-range": "^2.0.1",
@@ -116,10 +116,10 @@
116
116
  "uuid": "^10.0.0"
117
117
  },
118
118
  "devDependencies": {
119
- "@babel/core": "^7.25.7",
120
- "@babel/eslint-parser": "^7.25.7",
119
+ "@babel/core": "^7.25.8",
120
+ "@babel/eslint-parser": "^7.25.8",
121
121
  "@babel/eslint-plugin": "^7.25.7",
122
- "@babel/preset-env": "^7.25.7",
122
+ "@babel/preset-env": "^7.25.8",
123
123
  "@babel/preset-react": "^7.25.7",
124
124
  "@commitlint/cli": "^19.5.0",
125
125
  "@commitlint/config-conventional": "^19.5.0",
@@ -145,7 +145,7 @@
145
145
  "babel-plugin-react-docgen": "^4.2.1",
146
146
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
147
147
  "conventional-changelog-conventionalcommits": "^8.0.0",
148
- "eslint": "9.11.1",
148
+ "eslint": "9.12.0",
149
149
  "husky": "^9.1.6",
150
150
  "lint-staged": "^15.2.10",
151
151
  "npm": "^10.9.0",
@@ -167,7 +167,7 @@
167
167
  "postcss-nested-ancestors": "^3.0.0",
168
168
  "postcss-normalize": "^13.0.1",
169
169
  "postcss-prepend-imports": "^1.0.1",
170
- "postcss-preset-env": "^10.0.5",
170
+ "postcss-preset-env": "^10.0.7",
171
171
  "postcss-pxtorem": "^6.1.0",
172
172
  "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
173
173
  "postcss-sort-media-queries": "^5.2.0",
@@ -176,9 +176,9 @@
176
176
  "rollup-plugin-copy": "^3.5.0",
177
177
  "rollup-plugin-dts": "^6.1.1",
178
178
  "rollup-plugin-peer-deps-external": "^2.2.4",
179
- "rollup-preserve-directives": "^1.1.1",
179
+ "rollup-preserve-directives": "^1.1.2",
180
180
  "semantic-release": "^24.1.2",
181
181
  "stylelint": "^16.9.0",
182
- "typescript": "^5.6.2"
182
+ "typescript": "^5.6.3"
183
183
  }
184
184
  }