@itcase/ui 1.1.17 → 1.1.18

package/dist/css/components/SVGContent/SVGContent.css

@@ -1,3 +1,2 @@
-@import './css/svg-content.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NWR0NvbnRlbnQvU1ZHQ29udGVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiU1ZHQ29udGVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zdmctY29udGVudC5jc3MnO1xuIl19 */
+.svg-content {
+}

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

@@ -1,3 +1,31 @@
-@import './css/scrollOnDrag.css';
+/* *  {
+  user-select: none
+} */
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Njcm9sbE9uRHJhZy9TY3JvbGxPbkRyYWcuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNjcm9sbE9uRHJhZy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zY3JvbGxPbkRyYWcuY3NzJztcbiJdfQ== */
+.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,3 +1,58 @@
-@import './css/scrollbar.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Njcm9sbGJhci9TY3JvbGxiYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNjcm9sbGJhci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zY3JvbGxiYXIuY3NzJztcbiJdfQ== */
+.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/Search/Search.css

@@ -1,11 +1,115 @@
-@import './css/search.css';
-@import './css/search_shape.css';
+.search {
 
-@import './css/search-input/search-input.css';
-@import './css/search-input/search-input_shape.css';
-@import './css/search-input/search-input_size.css';
-
-@import './css/search-result/search-result.css';
-@import './css/search-result/search-result_shape.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9TZWFyY2guY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNlYXJjaC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zZWFyY2guY3NzJztcbkBpbXBvcnQgJy4vY3NzL3NlYXJjaF9zaGFwZS5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0X3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9zZWFyY2gtaW5wdXQvc2VhcmNoLWlucHV0X3NpemUuY3NzJztcblxuQGltcG9ydCAnLi9jc3Mvc2VhcmNoLXJlc3VsdC9zZWFyY2gtcmVzdWx0LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9zZWFyY2gtcmVzdWx0L3NlYXJjaC1yZXN1bHRfc2hhcGUuY3NzJztcbiJdfQ== */
+}
+.search {
+  &_shape {
+    &_rounded {
+      border-radius: var(--search-shape-rounded, 6px);
+      position: relative;
+    }
+  }
+}
+.search-input {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  &__icon {
+    display: flex;
+    align-items: center;
+  }
+  &__wrapper {
+    width: 100%;
+    position: relative;
+    display: grid;
+    align-items: center;
+    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
+    grid-template-columns: 1fr 1fr;
+  }
+  &__value {
+    background: none;
+    padding: 1px 0 !important;
+    border: none;
+    position: relative;
+    display: block;
+    z-index: 2;
+    grid-column: 1/3;
+    grid-row-start: 1;
+    &:focus {
+      outline: 0;
+    }
+    &:not([value='']) {
+      & ~ .search-input__placeholder {
+        display: none;
+      }
+    }
+  }
+  &__placeholder {
+    background: none;
+    border: none;
+    position: relative;
+    display: grid;
+    grid-column: 1/3;
+    grid-row-start: 1;
+    &:focus {
+      outline: 0;
+    }
+  }
+  &__clear {
+    margin: 0 4px 0 0;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    z-index: 2;
+    transform: translate(0, -50%);
+  }
+  &&_state_focus,
+  &&_state_filled {
+    ^&__input {
+      &-wrapper {
+        left: 0;
+      }
+    }
+  }
+}
+@keyframes searchPlaceHolderHide {
+  from {
+    opacity: 100%;
+  }
+  to {
+    opacity: 0%;
+  }
+}
+.search-input {
+  &_shape {
+    &_rounded {
+      border-radius: var(--search-input-shape-rounded, 6px);
+      position: relative;
+    }
+  }
+}
+.search-input {
+  &_size {
+    @each $size in compact, normal, s, l {
+      &_$(size) {
+        padding: var(--search-input-$(size)-padding);
+        gap: var(--search-input-$(size)-gap);
+      }
+    }
+  }
+}
+.search-result {
+  width: 100%;
+  &__wrapper {
+    width: 100%;
+  }
+}
+.search-result {
+  &_shape {
+    &_rounded {
+      border-radius: 6px;
+      position: relative;
+    }
+  }
+}

package/dist/css/components/Search/css/search-input/search-input.css

@@ -71,5 +71,3 @@
     opacity: 0%;
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9jc3Mvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoic2VhcmNoLWlucHV0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWFyY2gtaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJl9faWNvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG4gICZfX3dyYXBwZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgdHJhbnNpdGlvbjogYWxsIDMwMG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSk7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyO1xuICB9XG4gICZfX3ZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIHBhZGRpbmc6IDFweCAwICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB6LWluZGV4OiAyO1xuICAgIGdyaWQtY29sdW1uOiAxLzM7XG4gICAgZ3JpZC1yb3ctc3RhcnQ6IDE7XG4gICAgJjpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwO1xuICAgIH1cbiAgICAmOm5vdChbdmFsdWU9JyddKSB7XG4gICAgICAmIH4gLnNlYXJjaC1pbnB1dF9fcGxhY2Vob2xkZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICAmX19wbGFjZWhvbGRlciB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC1jb2x1bW46IDEvMztcbiAgICBncmlkLXJvdy1zdGFydDogMTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IDA7XG4gICAgfVxuICB9XG4gICZfX2NsZWFyIHtcbiAgICBtYXJnaW46IDAgNHB4IDAgMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgcmlnaHQ6IDA7XG4gICAgei1pbmRleDogMjtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbiAgfVxuICAmJl9zdGF0ZV9mb2N1cyxcbiAgJiZfc3RhdGVfZmlsbGVkIHtcbiAgICBeJl9faW5wdXQge1xuICAgICAgJi13cmFwcGVyIHtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzZWFyY2hQbGFjZUhvbGRlckhpZGUge1xuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAxMDAlO1xuICB9XG4gIHRvIHtcbiAgICBvcGFjaXR5OiAwJTtcbiAgfVxufVxuIl19 */

package/dist/css/components/Search/css/search-input/search-input_shape.css

@@ -6,5 +6,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9jc3Mvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dF9zaGFwZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoic2VhcmNoLWlucHV0X3NoYXBlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWFyY2gtaW5wdXQge1xuICAmX3NoYXBlIHtcbiAgICAmX3JvdW5kZWQge1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2VhcmNoLWlucHV0LXNoYXBlLXJvdW5kZWQsIDZweCk7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/css/components/Search/css/search-input/search-input_size.css

@@ -8,5 +8,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9jc3Mvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dF9zaXplLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzZWFyY2gtaW5wdXRfc2l6ZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc2VhcmNoLWlucHV0IHtcbiAgJl9zaXplIHtcbiAgICBAZWFjaCAkc2l6ZSBpbiBjb21wYWN0LCBub3JtYWwsIHMsIGwge1xuICAgICAgJl8kKHNpemUpIHtcbiAgICAgICAgcGFkZGluZzogdmFyKC0tc2VhcmNoLWlucHV0LSQoc2l6ZSktcGFkZGluZyk7XG4gICAgICAgIGdhcDogdmFyKC0tc2VhcmNoLWlucHV0LSQoc2l6ZSktZ2FwKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */

package/dist/css/components/Search/css/search-result/search-result.css

@@ -4,5 +4,3 @@
     width: 100%;
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9jc3Mvc2VhcmNoLXJlc3VsdC9zZWFyY2gtcmVzdWx0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzZWFyY2gtcmVzdWx0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWFyY2gtcmVzdWx0IHtcbiAgd2lkdGg6IDEwMCU7XG4gICZfX3dyYXBwZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG59XG4iXX0= */

package/dist/css/components/Search/css/search-result/search-result_shape.css

@@ -6,5 +6,3 @@
     }
   }
 }
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9jc3Mvc2VhcmNoLXJlc3VsdC9zZWFyY2gtcmVzdWx0X3NoYXBlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzZWFyY2gtcmVzdWx0X3NoYXBlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zZWFyY2gtcmVzdWx0IHtcbiAgJl9zaGFwZSB7XG4gICAgJl9yb3VuZGVkIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */

package/dist/css/components/Segmented/Segmented.css

@@ -1,6 +1,117 @@
-@import './css/segmented.css';
-@import './css/segmented_shape.css';
-@import './css/segmented_size.css';
-@import './css/segmented_width.css';
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlZ21lbnRlZC9TZWdtZW50ZWQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlNlZ21lbnRlZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9zZWdtZW50ZWQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3NlZ21lbnRlZF9zaGFwZS5jc3MnO1xuQGltcG9ydCAnLi9jc3Mvc2VnbWVudGVkX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL3NlZ21lbnRlZF93aWR0aC5jc3MnO1xuIl19 */
+.segmented {
+  display: flex;
+  align-items: center;
+  &__wrapper {
+    &-inner {
+      margin: 2px;
+      position: relative;
+      display: flex;
+      ^^&__indicator {
+        width: var(--segmented-active-width);
+        height: 100%;
+        padding: 8px 0;
+        border-radius: 8px;
+        position: absolute;
+        content: '';
+        display: block;
+        box-shadow:
+          0 3px 8px rgba(0, 0, 0, 0.12),
+          0 3px 1px rgba(0, 0, 0, 0.04);
+        left: var(--segmented-active-x-pos);
+        top: 0;
+        z-index: 1;
+        transition:
+          left 0.3s ease,
+          width 0.3s ease;
+      }
+      ^^&__item {
+        min-width: 120px;
+        border-radius: 6px;
+        position: relative;
+        display: flex;
+        align-items: center;
+        /* &::after {
+          width: 1px;
+          height: 100%;
+          background: var(--color-surface-border-tertiary);
+          content: '';
+          display: block;
+          top: 0;
+          right: 0;
+        }
+        &:nth-last-child(-n + 2) {
+          &::after {
+            display: none;
+          }
+        } */
+        &_state_active {
+          & label {
+            color: #fff;
+          }
+        }
+        & input {
+          width: 100%;
+          height: 100%;
+          margin: 0;
+          border: 0;
+          position: absolute;
+          inset: 0 0 0 0;
+          z-index: 2;
+          opacity: 0%;
+          cursor: pointer;
+        }
+        &-label {
+          width: 100%;
+          text-align: center;
+          position: relative;
+          display: flex;
+          justify-content: center;
+          z-index: 3;
+          transition: color 0.5s ease;
+          cursor: pointer;
+          &-text {
+          }
+        }
+      }
+    }
+  }
+}
+.segmented {
+  &_shape {
+    &_rounded {
+      border-radius: var(--segmented-shape-rounded, 8px);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
+.segmented {
+  &_size {
+    @each $size in normal, compact {
+      &_$(size) {
+        ^^&__item {
+          &-label {
+            padding: var(--segmented-item-size-$(size)-padding);
+          }
+        }
+      }
+    }
+  }
+}
+.segmented {
+  &_width {
+    &_fill {
+      width: 100%;
+      ^^&__wrapper {
+        flex: 1;
+        &-inner {
+          flex: 1;
+          ^^^^&__item {
+            flex: 1;
+          }
+        }
+      }
+    }
+  }
+}