@itcase/ui 1.8.179 → 1.9.1

package/dist/css/components/Flex/Flex.css

@@ -1,379 +0,0 @@
-.flex {
-  width: 100%;
-  display: flex;
-  &__wrapper {
-    width: 100%;
-    display: flex;
-    max-width: var(--max);
-    margin: 0 auto;
-  }
-}
-.flex {
-    &_align-content_flex-start {
-      & > div {
-        align-content: flex-start;
-      }
-    }
-    &_align-content_flex-end {
-      & > div {
-        align-content: flex-end;
-      }
-    }
-    &_align-content_center {
-      & > div {
-        align-content: center;
-      }
-    }
-    &_align-content_space-between {
-      & > div {
-        align-content: space-between;
-      }
-    }
-    &_align-content_space-around {
-      & > div {
-        align-content: space-around;
-      }
-    }
-    &_align-content_stretch {
-      & > div {
-        align-content: stretch;
-      }
-    }
-}
-.flex {
-    &_align-self_stretch {
-      & > div {
-        align-self: stretch;
-      }
-    }
-    &_align-items_stretch {
-      & > div {
-        align-items: stretch;
-      }
-    }
-    &_align-self_flex-start {
-      & > div {
-        align-self: flex-start;
-      }
-    }
-    &_align-items_flex-start {
-      & > div {
-        align-items: flex-start;
-      }
-    }
-    &_align-self_flex-end {
-      & > div {
-        align-self: flex-end;
-      }
-    }
-    &_align-items_flex-end {
-      & > div {
-        align-items: flex-end;
-      }
-    }
-    &_align-self_center {
-      & > div {
-        align-self: center;
-      }
-    }
-    &_align-items_center {
-      & > div {
-        align-items: center;
-      }
-    }
-    &_align-self_baseline {
-      & > div {
-        align-self: baseline;
-      }
-    }
-    &_align-items_baseline {
-      & > div {
-        align-items: baseline;
-      }
-    }
-    &_align-self_auto {
-      & > div {
-        align-self: auto;
-      }
-    }
-    &_align-items_auto {
-      & > div {
-        align-items: auto;
-      }
-    }
-}
-.flex {
-  &_direction {
-    &_horizontal {
-      & > div {
-        flex-direction: row;
-      }
-    }
-    &_vertical {
-      & > div {
-        flex-direction: column;
-      }
-    }
-    &_horizontal-reverse {
-      & > div {
-        flex-direction: row-reverse;
-      }
-    }
-    &_vertical-reverse {
-      & > div {
-        flex-direction: column-reverse;
-      }
-    }
-  }
-    &&_direction_row {
-      & > div {
-        flex-direction: row;
-      }
-    }
-    &&_direction_row-reverse {
-      & > div {
-        flex-direction: row-reverse;
-      }
-    }
-    &&_direction_column {
-      & > div {
-        flex-direction: column;
-      }
-    }
-    &&_direction_column-reverse {
-      & > div {
-        flex-direction: column-reverse;
-      }
-    }
-}
-.flex {
-    &_justify-content_flex-start {
-      & > div {
-        justify-content: flex-start;
-      }
-    }
-    &_justify-content_flex-end {
-      & > div {
-        justify-content: flex-end;
-      }
-    }
-    &_justify-content_center {
-      & > div {
-        justify-content: center;
-      }
-    }
-    &_justify-content_space-between {
-      & > div {
-        justify-content: space-between;
-      }
-    }
-    &_justify-content_space-around {
-      & > div {
-        justify-content: space-around;
-      }
-    }
-    &_justify-content_space-evenly {
-      & > div {
-        justify-content: space-evenly;
-      }
-    }
-    &_justify-content_flexStart {
-      & > div {
-        justify-content: flexStart;
-      }
-    }
-    &_justify-content_flexEnd {
-      & > div {
-        justify-content: flexEnd;
-      }
-    }
-    &_justify-content_center {
-      & > div {
-        justify-content: center;
-      }
-    }
-    &_justify-content_spaceBetween {
-      & > div {
-        justify-content: spaceBetween;
-      }
-    }
-    &_justify-content_spaceAround {
-      & > div {
-        justify-content: spaceAround;
-      }
-    }
-    &_justify-content_spaceEvenly {
-      & > div {
-        justify-content: spaceEvenly;
-      }
-    }
-}
-.flex {
-  &_shape {
-    &_rounded {
-      border-radius: var(--flex-shape-rounded, 12px);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
-.flex {
-  &_wrap {
-    &_wrap {
-      ^^&__wrapper {
-        flex-wrap: wrap;
-      }
-    }
-    &_nowrap {
-      ^^&__wrapper {
-        flex-wrap: nowrap;
-      }
-    }
-    &_wrap-reverse {
-      ^^&__wrapper {
-        flex-wrap: wrap-reverse;
-      }
-    }
-  }
-}
-.flex {
-  &__item {
-    display: flex;
-  }
-}
-.flex {
-  &__item {
-      &_align-self_stretch {
-        align-self: stretch;
-      }
-      &_align-items_stretch {
-        align-items: stretch;
-      }
-      &_align-content_stretch {
-        align-content: stretch;
-      }
-      &_align-self_flex-start {
-        align-self: flex-start;
-      }
-      &_align-items_flex-start {
-        align-items: flex-start;
-      }
-      &_align-content_flex-start {
-        align-content: flex-start;
-      }
-      &_align-self_flex-end {
-        align-self: flex-end;
-      }
-      &_align-items_flex-end {
-        align-items: flex-end;
-      }
-      &_align-content_flex-end {
-        align-content: flex-end;
-      }
-      &_align-self_center {
-        align-self: center;
-      }
-      &_align-items_center {
-        align-items: center;
-      }
-      &_align-content_center {
-        align-content: center;
-      }
-      &_align-self_baseline {
-        align-self: baseline;
-      }
-      &_align-items_baseline {
-        align-items: baseline;
-      }
-      &_align-content_baseline {
-        align-content: baseline;
-      }
-      &_align-self_auto {
-        align-self: auto;
-      }
-      &_align-items_auto {
-        align-items: auto;
-      }
-      &_align-content_auto {
-        align-content: auto;
-      }
-  }
-}
-.flex {
-  &__item {
-    &_direction {
-      &_horizontal {
-        flex-direction: row;
-      }
-      &_vertical {
-        flex-direction: column;
-      }
-        &_row {
-          flex-direction: row;
-        }
-        &_row-reverse {
-          flex-direction: row-reverse;
-        }
-        &_column {
-          flex-direction: column;
-        }
-        &_column-reverse {
-          flex-direction: column-reverse;
-        }
-    }
-  }
-}
-.flex {
-  &__item {
-      &_grow_0 {
-        flex-grow: 0;
-      }
-      &_grow_1 {
-        flex-grow: 1;
-      }
-  }
-}
-.flex {
-  &__item {
-      &_justify-content_flex-start {
-        justify-content: flex-start;
-      }
-      &_justify-content_flex-end {
-        justify-content: flex-end;
-      }
-      &_justify-content_center {
-        justify-content: center;
-      }
-      &_justify-content_space-between {
-        justify-content: space-between;
-      }
-      &_justify-content_space-around {
-        justify-content: space-around;
-      }
-      &_justify-content_space-evenly {
-        justify-content: space-evenly;
-      }
-  }
-}
-.flex {
-  &__item {
-    &_shape {
-      &_rounded {
-        border-radius: var(--flex-item-shape-rounded);
-      }
-      &_circular {
-        border-radius: 50%;
-      }
-    }
-  }
-}
-.flex {
-  &__item {
-    &_wrap {
-      &_wrap {
-        flex-wrap: wrap;
-      }
-    }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item.css

@@ -1,5 +0,0 @@
-.flex {
-  &__item {
-    display: flex;
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_align.css

@@ -1,58 +0,0 @@
-.flex {
-  &__item {
-      &_align-self_stretch {
-        align-self: stretch;
-      }
-      &_align-items_stretch {
-        align-items: stretch;
-      }
-      &_align-content_stretch {
-        align-content: stretch;
-      }
-      &_align-self_flex-start {
-        align-self: flex-start;
-      }
-      &_align-items_flex-start {
-        align-items: flex-start;
-      }
-      &_align-content_flex-start {
-        align-content: flex-start;
-      }
-      &_align-self_flex-end {
-        align-self: flex-end;
-      }
-      &_align-items_flex-end {
-        align-items: flex-end;
-      }
-      &_align-content_flex-end {
-        align-content: flex-end;
-      }
-      &_align-self_center {
-        align-self: center;
-      }
-      &_align-items_center {
-        align-items: center;
-      }
-      &_align-content_center {
-        align-content: center;
-      }
-      &_align-self_baseline {
-        align-self: baseline;
-      }
-      &_align-items_baseline {
-        align-items: baseline;
-      }
-      &_align-content_baseline {
-        align-content: baseline;
-      }
-      &_align-self_auto {
-        align-self: auto;
-      }
-      &_align-items_auto {
-        align-items: auto;
-      }
-      &_align-content_auto {
-        align-content: auto;
-      }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_direction.css

@@ -1,24 +0,0 @@
-.flex {
-  &__item {
-    &_direction {
-      &_horizontal {
-        flex-direction: row;
-      }
-      &_vertical {
-        flex-direction: column;
-      }
-        &_row {
-          flex-direction: row;
-        }
-        &_row-reverse {
-          flex-direction: row-reverse;
-        }
-        &_column {
-          flex-direction: column;
-        }
-        &_column-reverse {
-          flex-direction: column-reverse;
-        }
-    }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_grow.css

@@ -1,10 +0,0 @@
-.flex {
-  &__item {
-      &_grow_0 {
-        flex-grow: 0;
-      }
-      &_grow_1 {
-        flex-grow: 1;
-      }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_justify-content.css

@@ -1,22 +0,0 @@
-.flex {
-  &__item {
-      &_justify-content_flex-start {
-        justify-content: flex-start;
-      }
-      &_justify-content_flex-end {
-        justify-content: flex-end;
-      }
-      &_justify-content_center {
-        justify-content: center;
-      }
-      &_justify-content_space-between {
-        justify-content: space-between;
-      }
-      &_justify-content_space-around {
-        justify-content: space-around;
-      }
-      &_justify-content_space-evenly {
-        justify-content: space-evenly;
-      }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_shape.css

@@ -1,12 +0,0 @@
-.flex {
-  &__item {
-    &_shape {
-      &_rounded {
-        border-radius: var(--flex-item-shape-rounded);
-      }
-      &_circular {
-        border-radius: 50%;
-      }
-    }
-  }
-}

package/dist/css/components/Flex/css/__item/flex__item_wrap.css

@@ -1,9 +0,0 @@
-.flex {
-  &__item {
-    &_wrap {
-      &_wrap {
-        flex-wrap: wrap;
-      }
-    }
-  }
-}