@itcase/ui 1.8.179 → 1.9.1

package/dist/css/components/Select/css/__control/select__control.css

@@ -1,16 +0,0 @@
-.select {
-  &__control {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    align-items: center;
-    outline: 0 !important;
-  }
-  &__value-container {
-    cursor: default;
-  }
-  &__input {
-    cursor: default;
-  }
-}

package/dist/css/components/Select/css/__indicators/select__indicators.css

@@ -1,21 +0,0 @@
-.select {
-  &__control {
-    ^&__indicators {
-      margin-left: 8px;
-      display: flex;
-      align-items: center;
-      align-self: center;
-      gap: 8px;
-      cursor: pointer;
-      @media (--mobile) {
-        align-items: flex-start;
-      }
-      ^^&__clear-indicator {
-        color: var(--color-surface-text-primary);
-      }
-      ^^&__dropdown-indicator {
-        display: flex;
-      }
-    }
-  }
-}

package/dist/css/components/Select/css/__input-container/select__input-container.css

@@ -1,383 +0,0 @@
-.select {
-  &__input-container {
-    flex: 1;
-      &.text_size_xxl {
-        & input {
-          @mixin text-xxl;
-        }
-      }
-      &.text_size_xl {
-        & input {
-          @mixin text-xl;
-        }
-      }
-      &.text_size_l {
-        & input {
-          @mixin text-l;
-        }
-      }
-      &.text_size_m {
-        & input {
-          @mixin text-m;
-        }
-      }
-      &.text_size_s {
-        & input {
-          @mixin text-s;
-        }
-      }
-      &.text_size_xs {
-        & input {
-          @mixin text-xs;
-        }
-      }
-      &.text_size_xxs {
-        & input {
-          @mixin text-xxs;
-        }
-      }
-      &.text-color_accent {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-accent-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-accent-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-accent-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-accent-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-accent-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-accent-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-accent-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-accent-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-accent-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_primary {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-primary-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-primary-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-primary-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-primary-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-primary-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-primary-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-primary-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-primary-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-primary-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_secondary {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-secondary-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-secondary-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-secondary-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-secondary-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-secondary-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-secondary-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-secondary-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-secondary-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-secondary-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_tertiary {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-tertiary-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-tertiary-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-tertiary-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-tertiary-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-tertiary-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-tertiary-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-tertiary-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-tertiary-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-tertiary-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_surface {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-surface-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-surface-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-surface-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-surface-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-surface-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-surface-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-surface-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-surface-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-surface-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_success {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-success-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-success-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-success-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-success-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-success-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-success-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-success-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-success-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-success-text-hover);
-              }
-            }
-        }
-      }
-      &.text-color_error {
-        &-text {
-            &-primary {
-              & input {
-                color: var(--color-error-text-primary);
-              }
-            }
-            &-secondary {
-              & input {
-                color: var(--color-error-text-secondary);
-              }
-            }
-            &-tertiary {
-              & input {
-                color: var(--color-error-text-tertiary);
-              }
-            }
-            &-quaternary {
-              & input {
-                color: var(--color-error-text-quaternary);
-              }
-            }
-            &-quinary {
-              & input {
-                color: var(--color-error-text-quinary);
-              }
-            }
-            &-senary {
-              & input {
-                color: var(--color-error-text-senary);
-              }
-            }
-            &-accent {
-              & input {
-                color: var(--color-error-text-accent);
-              }
-            }
-            &-disabled {
-              & input {
-                color: var(--color-error-text-disabled);
-              }
-            }
-            &-hover {
-              & input {
-                color: var(--color-error-text-hover);
-              }
-            }
-        }
-      }
-  }
-}

package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css

@@ -1,31 +0,0 @@
-.select {
-  &__menu {
-    &-list {
-      &-item {
-        &_size {
-            &_xxl {
-              padding: var(--select-menu-list-item-xxl-padding);
-            }
-            &_xl {
-              padding: var(--select-menu-list-item-xl-padding);
-            }
-            &_l {
-              padding: var(--select-menu-list-item-l-padding);
-            }
-            &_m {
-              padding: var(--select-menu-list-item-m-padding);
-            }
-            &_s {
-              padding: var(--select-menu-list-item-s-padding);
-            }
-            &_xs {
-              padding: var(--select-menu-list-item-xs-padding);
-            }
-            &_xxs {
-              padding: var(--select-menu-list-item-xxs-padding);
-            }
-        }
-      }
-    }
-  }
-}

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

@@ -1,6 +0,0 @@
-.select {
-  &__menu {
-    &-notice {
-    }
-  }
-}

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

@@ -1,56 +0,0 @@
-.select {
-  &__menu {
-    width: 100%;
-    padding: 12px 0;
-    border-top: none;
-    position: absolute;
-    left: 0;
-    top: 100%;
-    z-index: 100000;
-    &-group-heading {
-      z-index: 100000;
-    }
-    &-list {
-      overflow-y: auto;
-      max-height: 240px;
-      &-item {
-        width: 100%;
-        position: relative;
-        justify-content: space-between;
-        &_state_selected {
-        }
-        &_option {
-          z-index: 100000;
-        }
-        &_selected {
-          height: 100%;
-          position: absolute;
-          display: flex;
-          align-items: center;
-          top: 0;
-          right: 8px;
-        }
-        & .divider {
-          height: 1px;
-          position: absolute;
-          left: 0;
-          bottom: 0;
-        }
-      }
-      &--is-multi {
-        ^^^&__option {
-          &--is-selected {
-          }
-          &--is-focused {
-            &:hover {
-              background: #eee;
-              cursor: pointer;
-            }
-          }
-          &--is-disabled {
-          }
-        }
-      }
-    }
-  }
-}

package/dist/css/components/Select/css/__multi-value/select__multi-value.css

@@ -1,7 +0,0 @@
-.select__multi-value {
-  &-item {
-    ^&__label {
-      display: flex;
-    }
-  }
-}

package/dist/css/components/Select/css/__option/select__option.css

@@ -1,6 +0,0 @@
-.select {
-  &__option {
-    display: flex;
-    cursor: pointer;
-  }
-}

package/dist/css/components/Select/css/__placeholder/select__placeholder.css

@@ -1,9 +0,0 @@
-.select {
-  &__placeholder {
-    position: absolute;
-    display: flex;
-    & .text {
-      white-space: nowrap;
-    }
-  }
-}

package/dist/css/components/Select/css/__single-value/select__single-value.css

@@ -1,10 +0,0 @@
-.select {
-  &__single-value {
-    display: flex;
-    position: relative;
-    overflow: hidden;
-    & .text {
-      white-space: nowrap;
-    }
-  }
-}

package/dist/css/components/Select/css/__value-container/select__value-container.css

@@ -1,21 +0,0 @@
-.select {
-  &__value-container {
-    position: relative;
-    overflow: hidden;
-    display: flex;
-    flex: 1;
-    flex-wrap: nowrap;
-    align-items: center;
-    &--is-multi {
-      flex-wrap: wrap;
-      gap: 8px;
-      & .select__placeholder {
-        position: relative;
-      }
-    }
-    & .css-mohuvp-dummyInput-DummyInput {
-      position: absolute;
-      bottom: 0;
-    }
-  }
-}