@itcase/ui 1.0.94 → 1.0.95

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/css/components/Swiper/Swiper.css

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

package/package.json

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