@itcase/ui 1.6.0 → 1.8.0

package/dist/components/Tile.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge } from '../Badge-ydSHGXSG.js';
-import { T as Text } from '../Text-CI2prtf6.js';
-import { T as Title } from '../Title-CaXw1KBQ.js';
+import { B as Badge } from '../Badge-BY030Mwm.js';
+import { T as Text } from '../Text-aaWArShm.js';
+import { T as Title } from '../Title--_epIXkC.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -19,10 +19,10 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Icon-BOEOspTF.js';
+import '../Icon-BF7i3XdQ.js';
 import 'react-inlinesvg';
-import '../Link-aBsZ1d0Q.js';
-import '../Tooltip-EOu0a93a.js';
+import '../Link-Cn7hiWmM.js';
+import '../Tooltip-DP32J5V6.js';
 
 var tileAppearance = {
     dev: {},
@@ -36,9 +36,9 @@ var tileConfig = {
 };
 function Tile(props) {
     var className = props.className, type = props.type, appearance = props.appearance, direction = props.direction, size = props.size, title = props.title, text = props.text, badge = props.badge, badgeAppearance = props.badgeAppearance, reverse = props.reverse, before = props.before, after = props.after, onClick = props.onClick, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
-        return (__assign(__assign({}, resultApperance), (_a = tileConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+        return (__assign(__assign({}, resultConfig), (_a = tileConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var alignClass = propsGenerator.alignClass, _a = propsGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, fillClass = propsGenerator.fillClass, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWrap = propsGenerator.textWrap, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, shapeClass = propsGenerator.shapeClass;

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, a as titleAppearance, t as titleConfig } from '../Title-CaXw1KBQ.js';
+export { T as Title, a as titleAppearance, t as titleConfig } from '../Title--_epIXkC.js';
 import '../tslib.es6-Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-EOu0a93a.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip-DP32J5V6.js';
 import '../tslib.es6-Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -17,5 +17,5 @@ import '../utils/setViewportProperty.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Text-CI2prtf6.js';
-import '../Title-CaXw1KBQ.js';
+import '../Text-aaWArShm.js';
+import '../Title--_epIXkC.js';

package/dist/css/components/Divider/Divider.css

@@ -5,7 +5,7 @@
 }
 .divider {
   &_size {
-    @each $size in xxl, xl, l, m, s, xs, xxs {
+    @each $size in l, m, s{
       &_$(size) {
         height: var(--divider-$(size)-height);
         min-height: var(--divider-$(size)-height);
@@ -15,7 +15,7 @@
   &_direction {
     &_horizontal {
       &^^&_size {
-        @each $size in xxl, xl, l, m, s, xs, xxs {
+        @each $size in l, m, s{
           &_$(size) {
             height: var(--divider-$(size)-height);
             min-height: var(--divider-$(size)-height);
@@ -25,7 +25,7 @@
     }
     &_vertical {
       &^^&_size {
-        @each $size in xxl, xl, l, m, s, xs, xxs {
+        @each $size in l, m, s{
           &_$(size) {
             width: var(--divider-$(size)-width);
             height: auto;
@@ -51,15 +51,12 @@
   }
 }
 :root {
-  --divider-xl-height: 5px;
-  --divider-l-height: 4px;
-  --divider-m-height: 3px;
-  --divider-s-height: 2px;
-  --divider-xs-height: 1px;
+  --divider-l-height: 3px;
+  --divider-m-height: 2px;
+  --divider-s-height: 1px;
 
-  --divider-xl-width: 5px;
-  --divider-l-width: 4px;
-  --divider-m-width: 3px;
-  --divider-s-width: 2px;
-  --divider-xs-width: 1px;
+  --divider-l-width: 3px;
+  --divider-m-width: 2px;
+  --divider-s-width: 1px;
+  ;
 }

package/dist/css/components/Group/Group.css

@@ -152,12 +152,21 @@
 }
 
 .group {
-  &_type {
-    &_horizontal_scroll {
+  &_scroll {
+    &_vertical {
+      position: relative;
+      ^^&__wrapper {
+        overflow: hidden scroll;
+        display: flex;
+      flex-direction: column;
+      }
+    }
+    &_horizontal {
+      position: relative;
       ^^&__wrapper {
+        overflow: scroll hidden;
         display: flex;
-        overflow-x: scroll;
-        overflow-y: hidden;
+        flex-direction: row;
       }
     }
   }

package/dist/css/components/Link/Link.css

@@ -30,3 +30,20 @@
     }
   }
 }
+/* stylelint-disable prettier/prettier */
+.link {
+  &_shape {
+    &_rounded {
+      border-radius: var(--link-shape-rounded-default);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+    &_geometric {
+      border-radius: 0;
+    }
+  }
+}
+:root {
+  --link-shape-rounded-default: 12px;
+}

package/dist/types/components/Select/index.d.ts

@@ -1,16 +1,16 @@
-import { SelectClearIndicator } from './SelectClearIndicator.tsx';
-import { selectConfig, SelectContainer } from './SelectContainer.tsx';
-import { SelectControl } from './SelectControl.tsx';
-import { SelectDropdownIndicator } from './SelectDropdownIndicator.tsx';
-import { SelectGroupHeading } from './SelectGroupHeading.tsx';
-import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.tsx';
-import { SelectInput } from './SelectInput.tsx';
-import { SelectMenu } from './SelectMenu.tsx';
-import { SelectMultiValueContainer } from './SelectMultiValueContainer.tsx';
-import { SelectMultiValueLabel } from './SelectMultiValueLabel.tsx';
-import { SelectMultiValueRemove } from './SelectMultiValueRemove.tsx';
-import { SelectOption } from './SelectOption.tsx';
-import { SelectPlaceholder } from './SelectPlaceholder.tsx';
-import { SelectSingleValue } from './SelectSingleValue.tsx';
-import { SelectValueContainer } from './SelectValueContainer.tsx';
+import { SelectClearIndicator } from './SelectClearIndicator';
+import { selectConfig, SelectContainer } from './SelectContainer';
+import { SelectControl } from './SelectControl';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator';
+import { SelectGroupHeading } from './SelectGroupHeading';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer';
+import { SelectInput } from './SelectInput';
+import { SelectMenu } from './SelectMenu';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove';
+import { SelectOption } from './SelectOption';
+import { SelectPlaceholder } from './SelectPlaceholder';
+import { SelectSingleValue } from './SelectSingleValue';
+import { SelectValueContainer } from './SelectValueContainer';
 export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

package/dist/types/components/Tab/Tab.interface.d.ts

@@ -70,8 +70,6 @@ interface TabProps extends TabThemeColor, StyleAttributes {
     set?: string;
 }
 interface TabGroupProps extends StyleAttributes {
-    id?: string;
-    [key: number | string | symbol]: any;
     align?: AlignProps;
     alignDirection?: AlignDirectionProps;
     borderColor?: BorderColorProps;
@@ -80,6 +78,7 @@ interface TabGroupProps extends StyleAttributes {
     children?: ReactNode;
     className?: string;
     contentAlign?: AlignProps;
+    dataTestId?: string;
     dataTour?: string;
     direction?: DirectionProps;
     fill?: FillProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",