@itcase/ui 1.1.6 → 1.1.8

package/dist/css/components/Pagination/css/__item/pagination__item.css

@@ -1,32 +1,34 @@
 .pagination {
-  margin: var(--paginator-margin, initial);
-  &__item {
-    width: var(--paginator-item-width, 40px);
-    height: var(--paginator-item-height, 40px);
-    background: var(--paginator-item-default-fill);
-    border: var(--paginator-item-border, solid 1px var(--paginator-item-default-border));
-    border-radius: var(--paginator-item-border-radius, 6px);
-    display: flex;
-    transition: var(--paginator-item-transition);
-    cursor: pointer;
-    &:hover {
-      background: var(--paginator-item-default-fill-hover);
-    }
-    &_break {
+  &__container {
+    margin: var(--paginator-margin, initial);
+    ^&__item {
+      width: var(--paginator-item-width, 40px);
+      height: var(--paginator-item-height, 40px);
+      background: var(--paginator-item-default-fill);
+      border: var(--paginator-item-border, solid 1px var(--paginator-item-default-border));
+      border-radius: var(--paginator-item-border-radius, 6px);
       display: flex;
-      ^&-link {
+      transition: var(--paginator-item-transition);
+      cursor: pointer;
+      &:hover {
+        background: var(--paginator-item-default-fill-hover);
+      }
+      &_break {
         display: flex;
-        align-items: flex-end;
+        ^&-link {
+          display: flex;
+          align-items: flex-end;
+        }
+      }
+      &-link {
+        width: 100%;
+        height: 100%;
+        color: var(--paginator-item-default-text);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        @mixin text-l;
       }
-    }
-    &-link {
-      width: 100%;
-      height: 100%;
-      color: var(--paginator-item-default-text);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      @mixin text-l;
     }
   }
 }

package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css

@@ -1,16 +1,31 @@
-.scrolldrag {
-  white-space: nowrap;
-  padding: 0 5px;
-  overflow: scroll hidden;
-  display: inline-block;
-  cursor: grab;
-  &_scroll_hidden {
-    overflow: auto;
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-    &::-webkit-scrollbar {
-      width: 0;
-      height: 0;
+/* *  {
+  user-select: none
+} */
+
+.scroll-on-drag {
+  &__wrapper {
+    width: 100%;
+    &.indiana-scroll-container {
+      overflow: auto;
+      &--dragging {
+        scroll-behavior: auto;
+      }
+      &--hide-scrollbars {
+        overflow: hidden;
+        overflow: -moz-scrollbars-none;
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          width: 0 !important;
+          height: 0 !important;
+          background: transparent !important;
+          display: none !important;
+          appearance: none !important;
+        }
+      }
+      &--native-scroll {
+        overflow: auto;
+      }
     }
   }
 }

package/dist/css/components/Scrollbar/Scrollbar.css

@@ -1,2 +1,58 @@
 .scrollbar {
+  width: 100%;
+  height: 200px;
+  position: relative;
+  &__wrapper {
+    position: absolute;
+    inset: 0 10px 0 0;
+    overflow: hidden;
+    ^&__scroll {
+      min-width: 100%;
+      min-height: 100%;
+      padding: 0.05px;
+      &-content {
+        min-width: 100%;
+        min-height: 100%;
+        padding: 0.05px;
+      }
+    }
+  }
+  &__track {
+    &-y {
+      width: 8px;
+      height: 100%;
+      border-radius: 4px;
+      position: absolute;
+      overflow: hidden;
+      top: 0;
+      right: 0;
+      user-select: none;
+      &-item {
+        width: 100%;
+        background: rgba(0, 0, 0, 0.4);
+        border-radius: 4px;
+        cursor: pointer;
+      }
+    }
+    &-x {
+      width: calc(100% - 20px);
+      height: 10px;
+      background: rgba(0, 0, 0, 0.1);
+      border-radius: 4px;
+      position: absolute;
+      overflow: hidden;
+      display: none;
+      left: 10px;
+      bottom: 0;
+      user-select: none;
+      &-item {
+        width: 0;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.4);
+        border-radius: 4px;
+        display: none;
+        cursor: pointer;
+      }
+    }
+  }
 }

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

@@ -83,6 +83,14 @@
   }
 }
 
+.select {
+  &_set {
+    &_reset {
+      min-width: auto;
+    }
+  }
+}
+
 .select {
   &__control {
     position: relative;

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.0
+ * Swiper 11.1.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: March 28, 2024
+ * Released on: April 9, 2024
  */
 
 /* FONT_START */

package/dist/css/styles/fill/fill_active_hover.css

@@ -1,9 +1,11 @@
 .fill {
   &_active {
     &_hover {
-      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, error, success, warning, info, danger, gradient {
+      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
+        error, success, warning, info, danger, gradient {
         &_$(type) {
-          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
+            disabled, hover, active {
             &-$(color) {
               &:hover {
                 background: var(--color-$(type)-$(color));
@@ -12,7 +14,8 @@
           }
         }
       }
-      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, error, success, warning, info, danger, gradient {
+      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
+        error, success, warning, info, danger, gradient {
         &_$(type) {
           &-primary {
             background: var(--color-$(type)-primary);

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

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