@itcase/ui 1.0.51 → 1.0.53

package/dist/components/Button.js

@@ -50,6 +50,7 @@ const buttonConfig = {
 const Button = /*#__PURE__*/React__default.default.forwardRef(function Button(props, ref) {
   const {
     before,
+    appearance,
     after,
     className,
     dataTour,
@@ -127,7 +128,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, fillHoverClass, shapeClass, sizeClass, widthClass, elevationClass, Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
+    className: clsx__default.default(className, 'button', type && `button_type_${type}`, borderWidthClass, borderColorClass, borderTypeClass, fillClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || buttonConfig.appearance[appearance] && `fill_${buttonConfig.appearance[appearance].fillHoverClass}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass, sizeClass, widthClass, elevationClass, Badge && 'button_type_badge', loading && 'button_state_loading', !label && (iconBefore || iconAfter || icon) && 'button_type_icon', label && (iconBefore || iconAfter || before || after) && `button_type_with-icon button_type_with-icon_${size}`),
     DefaultComponent: "button",
     disabled: isDisabled,
     href: link || href,

package/dist/components/Text.js

@@ -63,7 +63,7 @@ function Text(props) {
     propsKey: 'textColorActive'
   });
   const textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'text-color_hover_',
+    prefix: 'text-color-hover_',
     propsKey: 'textColorHover'
   });
   const textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {

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

@@ -891,15 +891,17 @@ div.swiper-block__item {
 }
 
 .swiper-block {
-  &_type_center {
-    margin: 60px 0 0 0;
+  &&_type_auto {
+    & .swiper-slide {
+      width: auto;
+    }
   }
 }
 
 .swiper-block {
-  &&_type_auto {
+  &&_type_step {
     & .swiper-slide {
-      width: auto;
+      width: 100% !important;
     }
   }
 }

package/dist/css/styles/text-color/text-color.css

@@ -11,3 +11,4 @@
     }
   }
 }
+

package/dist/css/styles/text-color-hover/text-color-hover.css

@@ -7,6 +7,11 @@
             &:hover {
               color: var(--color-$(type)-text-$(color));
             }
+            &-hover {
+              &:hover {
+                color: var(--color-$(type)-text-$(color)-hover);
+              }
+            }
           }
         }
       }

package/package.json

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

package/dist/css/styles/text-color/text-color_hover.css

@@ -1,17 +0,0 @@
-.text-color {
-  &_hover {
-    @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning {
-      &_$(type) {
-        &-text {
-          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
-            &-$(color) {
-              &:hover {
-                color: var(--color-$(type)-text-$(color));
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}