@itcase/ui 1.0.94 → 1.0.96

package/dist/components/Button.js

@@ -137,7 +137,7 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     label: labelStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
-    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
+    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass || buttonConfig.appearance[appearance] && `border-width_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || buttonConfig.appearance[appearance] && `border-color_${buttonConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass || buttonConfig.appearance[appearance] && `border-type_${buttonConfig.appearance[appearance].borderType}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_hover_${buttonConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) && 'button_type_icon', label && (after || before || icon || iconAfter || iconAfterSrc || iconBefore || iconBeforeSrc || iconSrc) && `button_type_with-icon button_type_with-icon_${size}`),
     "data-tour": dataTour,
     DefaultComponent: "button",
     disabled: isDisabled,
@@ -153,8 +153,8 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     ref: ref
   }, loading && /*#__PURE__*/React__default.default.createElement(index$1.Loader, {
     className: "button__loader",
-    fill: loaderFill,
-    itemFill: loaderItemFill,
+    fill: loaderFill || buttonConfig.appearance[appearance]?.loaderFill,
+    itemFill: loaderItemFill || buttonConfig.appearance[appearance]?.loaderItemFill,
     set: loaderSet
   }), before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon_before",
@@ -170,14 +170,14 @@ const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(pr
     imageSrc: iconSrc,
     size: iconSize,
     SvgImage: icon
-  }), (children || label) && /*#__PURE__*/React__default.default.createElement(index$3.Text, {
+  }), (children || label || buttonConfig.appearance[appearance]?.label) && /*#__PURE__*/React__default.default.createElement(index$3.Text, {
     className: "button__label",
-    size: labelTextSize,
+    size: labelTextSize || buttonConfig.appearance[appearance]?.labelTextSize,
     style: labelStyles,
     textColor: labelTextColor || buttonConfig.appearance[appearance]?.labelTextColor,
     textColorHover: labelTextColorHover || buttonConfig.appearance[appearance]?.labelTextColorHover,
     textWrap: labelTextWrap
-  }, children || label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }, children || label || buttonConfig.appearance[appearance]?.label), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "button__icon_after",
     iconFill: iconAfterFill || buttonConfig.appearance[appearance]?.iconAfterFill,
     iconStroke: iconAfterStroke || buttonConfig.appearance[appearance]?.iconAfterStroke,
@@ -230,7 +230,7 @@ Button.defaultProps = {
   // If the button is not associated with any form, it will look for
   // the nearest form in the DOM and submit its data when clicked.
   htmlType: 'button',
-  size: 'm',
+  size: 'xl',
   width: 'hug',
   loaderSet: 'simple',
   loading: false
@@ -253,7 +253,7 @@ Button.__docgenInfo = {
     },
     "size": {
       "defaultValue": {
-        "value": "'m'",
+        "value": "'xl'",
         "computed": false
       },
       "description": "",

package/dist/components/Group.js

@@ -132,42 +132,15 @@ Group.propTypes = {
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
   direction: PropTypes__default.default.oneOf(direction.default),
-  directionDesktop: PropTypes__default.default.oneOf(direction.default),
-  directionMobile: PropTypes__default.default.oneOf(direction.default),
-  directionTablet: PropTypes__default.default.oneOf(direction.default),
   fill: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
   contentAlign: PropTypes__default.default.oneOf([null, 'center']),
-  contentAlignDesktop: PropTypes__default.default.oneOf([null, 'center']),
-  contentAlignMobile: PropTypes__default.default.oneOf([null, 'center']),
-  contentAlignTablet: PropTypes__default.default.oneOf([null, 'center']),
   tag: PropTypes__default.default.string,
   stacking: PropTypes__default.default.oneOf(stacking.default),
-  stackingDesktop: PropTypes__default.default.oneOf(stacking.default),
-  stackingMobile: PropTypes__default.default.oneOf(stacking.default),
-  stackingTablet: PropTypes__default.default.oneOf(stacking.default),
   wrap: PropTypes__default.default.oneOf(wrap.default),
-  wrapDesktop: PropTypes__default.default.oneOf(wrap.default),
-  wrapMobile: PropTypes__default.default.oneOf(wrap.default),
-  wrapTablet: PropTypes__default.default.oneOf(wrap.default),
   shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
   spaceBetweenItems: PropTypes__default.default.string,
-  spaceBetweenItemsDesktop: PropTypes__default.default.string,
-  spaceBetweenItemsMobile: PropTypes__default.default.string,
-  spaceBetweenItemsTablet: PropTypes__default.default.string,
   width: PropTypes__default.default.oneOf(width.default),
-  widthMobile: PropTypes__default.default.oneOf(width.default),
-  widthTablet: PropTypes__default.default.oneOf(width.default),
-  widthDesktop: PropTypes__default.default.oneOf(width.default),
   columns: PropTypes__default.default.number,
-  columnsDesktop: PropTypes__default.default.number,
-  columnsMobile: PropTypes__default.default.number,
-  columnsTablet: PropTypes__default.default.number,
   set: PropTypes__default.default.string,
   horizontalScroll: PropTypes__default.default.bool,
   onClick: PropTypes__default.default.func,
@@ -222,33 +195,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "directionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "directionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
     "fill": {
       "description": "",
       "type": {
@@ -258,33 +204,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
     "contentAlign": {
       "description": "",
       "type": {
@@ -299,48 +218,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "contentAlignDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "null",
-          "computed": false
-        }, {
-          "value": "'center'",
-          "computed": false
-        }]
-      },
-      "required": false
-    },
-    "contentAlignMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "null",
-          "computed": false
-        }, {
-          "value": "'center'",
-          "computed": false
-        }]
-      },
-      "required": false
-    },
-    "contentAlignTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "null",
-          "computed": false
-        }, {
-          "value": "'center'",
-          "computed": false
-        }]
-      },
-      "required": false
-    },
     "stacking": {
       "description": "",
       "type": {
@@ -350,33 +227,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "stackingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "stackingProps"
-      },
-      "required": false
-    },
-    "stackingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "stackingProps"
-      },
-      "required": false
-    },
-    "stackingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "stackingProps"
-      },
-      "required": false
-    },
     "wrap": {
       "description": "",
       "type": {
@@ -386,33 +236,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "wrapDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "wrapProps"
-      },
-      "required": false
-    },
-    "wrapMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "wrapProps"
-      },
-      "required": false
-    },
-    "wrapTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "wrapProps"
-      },
-      "required": false
-    },
     "shape": {
       "description": "",
       "type": {
@@ -422,33 +245,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
     "spaceBetweenItems": {
       "description": "",
       "type": {
@@ -456,27 +252,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "spaceBetweenItemsDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "spaceBetweenItemsMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "spaceBetweenItemsTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "width": {
       "description": "",
       "type": {
@@ -486,33 +261,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "widthMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "widthDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
     "columns": {
       "description": "",
       "type": {
@@ -520,27 +268,6 @@ Group.__docgenInfo = {
       },
       "required": false
     },
-    "columnsDesktop": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnsMobile": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "columnsTablet": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
     "set": {
       "description": "",
       "type": {

package/dist/components/Tab.js

@@ -48,6 +48,7 @@ const tabConfig = {
 function Tab(props) {
   const {
     isActive,
+    isDisabled,
     isHover,
     appearance,
     after,
@@ -63,6 +64,7 @@ function Tab(props) {
     labelColor,
     labelTextColorHover,
     labelColorActive,
+    labelColorDisabled,
     labelTextGradient,
     labelTextSize,
     labelTextWrap,
@@ -139,7 +141,7 @@ function Tab(props) {
     styles: tab
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('tab', isActive && 'tab_state_active', isHover && 'tab_state_hover', fillClass || tabConfig.appearance[appearance] && `fill_${tabConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || tabConfig.appearance[appearance] && `fill_hover_${tabConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), className, sizeClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, reset && 'tab-reset', set && `tab_set_${set}`, justifyContentClass, onClick && 'cursor_type_pointer'),
+    className: clsx__default.default('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass || (isDisabled ? fillDisabledClass || tabConfig.appearance[appearance] && `fill_${tabConfig.appearance[appearance].fillDisabled}`.replace(/([A-Z])/g, '-$1').toLowerCase() : fillClass || tabConfig.appearance[appearance] && `fill_${tabConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass || (isDisabled ? null : tabConfig.appearance[appearance] && `fill_hover_${tabConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase()), className, sizeClass, fillActiveClass, fillActiveHoverClass, shapeClass, typeClass, widthClass, reset && 'tab-reset', set && `tab_set_${set}`, justifyContentClass, onClick && 'cursor_type_pointer'),
     "data-tour": dataTour,
     style: tab,
     onClick: onClick,
@@ -155,7 +157,7 @@ function Tab(props) {
   }, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "tab__label",
     size: labelTextSize,
-    textColor: labelColor || tabConfig.appearance[appearance].labelColor,
+    textColor: isDisabled ? labelColorDisabled || tabConfig.appearance[appearance].labelColorDisabled : labelColor || tabConfig.appearance[appearance].labelColor,
     textColorActive: isActive && (labelColorActive || tabConfig.appearance[appearance].labelColorActive),
     textColorGradient: labelTextGradient,
     textColorHover: labelTextColorHover,
@@ -169,10 +171,9 @@ function Tab(props) {
     value: badgeValue
   })), /*#__PURE__*/React__default.default.createElement(index$3.Divider, {
     direction: dividerDirection,
-    fill: dividerFill || tabConfig.appearance[appearance].dividerFill,
+    fill: isDisabled ? dividerFillDisabled || tabConfig.appearance[appearance].dividerFillDisabled : dividerFill || tabConfig.appearance[appearance].dividerFill,
     fillActive: isActive && (dividerFillActive || tabConfig.appearance[appearance].dividerFillActive),
     fillActiveHover: dividerFillActiveHover,
-    fillDisabled: dividerFillDisabled,
     fillHover: isHover && (dividerFillHover || tabConfig.appearance[appearance].dividerFillHover),
     size: dividerSize,
     width: "fill"

package/dist/css/components/Cell/Cell.css

@@ -56,7 +56,6 @@
 .cell {
   &&_state {
     &_disabled {
-      border: solid 1px red;
     }
   }
 }

package/dist/css/components/Label/Label.css

@@ -33,7 +33,6 @@
     background-position: -200%;
   }
 }
-/* mode && `avatar_mode_${mode}`, */
 .label {
   &_shape {
     &_rounded {

package/dist/css/components/Select/Select.css

@@ -259,7 +259,6 @@
             }
           }
           &--is-disabled {
-            border: solid 1px red;
           }
         }
       }

package/dist/css/components/Select/css/__menu/select__menu.css

@@ -51,7 +51,6 @@
             }
           }
           &--is-disabled {
-            border: solid 1px red;
           }
         }
       }

package/dist/css/components/Swiper/Swiper.css

@@ -921,6 +921,11 @@ div.swiper-block {
   width: 100%;
   max-width: 100%;
   position: relative;
+  &__swiper {
+    & .swiper-wrapper {
+      box-sizing: border-box;
+    }
+  }
   &__wrapper {
     width: 100%;
     position: absolute;

package/dist/css/components/Tab/Tab.css

@@ -55,9 +55,11 @@ div.tab-reset {
 }
 .tab {
   &_size {
-    @each $size in normal, compact, xxs, xs, s, m, l, xl, xxl, {
+    @each $size in normal, compact, xxs, xs, s, m, l, xl, xxl {
       &_$(size) {
         ^^&__wrapper {
+          display: flex;
+          align-items: center;
           padding: var(--tab-size-$(size)-padding);
           gap: var(--tab-size-$(size)-gap);
         }

package/package.json

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