@itcase/ui 1.8.159 → 1.8.161

package/dist/css/styles/justify-content/justify-content.css

@@ -1,7 +1,35 @@
 .justify-content {
-  @each $val in flexStart, flexEnd, spaceBetween, spaceAround, spaceEvenly, flex-start, flex-end, center, space-between, space-around, space-evenly {
-    &_$(val) {
-      justify-content: $(val);
+    &_flexStart {
+      justify-content: flexStart;
+    }
+    &_flexEnd {
+      justify-content: flexEnd;
+    }
+    &_spaceBetween {
+      justify-content: spaceBetween;
+    }
+    &_spaceAround {
+      justify-content: spaceAround;
+    }
+    &_spaceEvenly {
+      justify-content: spaceEvenly;
+    }
+    &_flex-start {
+      justify-content: flex-start;
+    }
+    &_flex-end {
+      justify-content: flex-end;
+    }
+    &_center {
+      justify-content: center;
+    }
+    &_space-between {
+      justify-content: space-between;
+    }
+    &_space-around {
+      justify-content: space-around;
+    }
+    &_space-evenly {
+      justify-content: space-evenly;
     }
-  }
 }

package/dist/css/styles/opacity/opacity.css

@@ -1,9 +1,74 @@
 .opacity {
-  @each $val in 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 75, 80, 85,
-    90, 95 {
-    &_$(val) {
+    &_5 {
       /* stylelint-disable-next-line prettier/prettier */
-      opacity: $(val)%;
+      opacity: 5%;
+    }
+    &_10 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 10%;
+    }
+    &_15 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 15%;
+    }
+    &_20 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 20%;
+    }
+    &_25 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 25%;
+    }
+    &_30 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 30%;
+    }
+    &_35 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 35%;
+    }
+    &_40 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 40%;
+    }
+    &_45 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 45%;
+    }
+    &_50 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 50%;
+    }
+    &_55 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 55%;
+    }
+    &_60 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 60%;
+    }
+    &_65 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 65%;
+    }
+    &_75 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 75%;
+    }
+    &_80 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 80%;
+    }
+    &_85 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 85%;
+    }
+    &_90 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 90%;
+    }
+    &_95 {
+      /* stylelint-disable-next-line prettier/prettier */
+      opacity: 95%;
     }
-  }
 }

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

@@ -1,16 +1,362 @@
 .placeholder-text-color {
-  @each $type in accent, primary, secondary, surface, error, warning, success,
-    danger, info, disabled {
-    @each $color in primary, secondary, tertiary, quaternary {
-      &_$(type) {
+      &_accent {
         &-text {
-          &-$(color) {
+          &-primary {
             &::placeholder {
-              color: var(--color-$(type)-text-$(color));
+              color: var(--color-accent-text-primary);
+            }
+          }
+        }
+      }
+      &_accent {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-accent-text-secondary);
+            }
+          }
+        }
+      }
+      &_accent {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-accent-text-tertiary);
+            }
+          }
+        }
+      }
+      &_accent {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-accent-text-quaternary);
+            }
+          }
+        }
+      }
+      &_primary {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-primary-text-primary);
+            }
+          }
+        }
+      }
+      &_primary {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-primary-text-secondary);
+            }
+          }
+        }
+      }
+      &_primary {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-primary-text-tertiary);
+            }
+          }
+        }
+      }
+      &_primary {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-primary-text-quaternary);
+            }
+          }
+        }
+      }
+      &_secondary {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-secondary-text-primary);
+            }
+          }
+        }
+      }
+      &_secondary {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-secondary-text-secondary);
+            }
+          }
+        }
+      }
+      &_secondary {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-secondary-text-tertiary);
+            }
+          }
+        }
+      }
+      &_secondary {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-secondary-text-quaternary);
+            }
+          }
+        }
+      }
+      &_surface {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-surface-text-primary);
+            }
+          }
+        }
+      }
+      &_surface {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-surface-text-secondary);
+            }
+          }
+        }
+      }
+      &_surface {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-surface-text-tertiary);
+            }
+          }
+        }
+      }
+      &_surface {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-surface-text-quaternary);
+            }
+          }
+        }
+      }
+      &_error {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-error-text-primary);
+            }
+          }
+        }
+      }
+      &_error {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-error-text-secondary);
+            }
+          }
+        }
+      }
+      &_error {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-error-text-tertiary);
+            }
+          }
+        }
+      }
+      &_error {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-error-text-quaternary);
+            }
+          }
+        }
+      }
+      &_warning {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-warning-text-primary);
+            }
+          }
+        }
+      }
+      &_warning {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-warning-text-secondary);
+            }
+          }
+        }
+      }
+      &_warning {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-warning-text-tertiary);
+            }
+          }
+        }
+      }
+      &_warning {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-warning-text-quaternary);
+            }
+          }
+        }
+      }
+      &_success {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-success-text-primary);
+            }
+          }
+        }
+      }
+      &_success {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-success-text-secondary);
+            }
+          }
+        }
+      }
+      &_success {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-success-text-tertiary);
+            }
+          }
+        }
+      }
+      &_success {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-success-text-quaternary);
+            }
+          }
+        }
+      }
+      &_danger {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-danger-text-primary);
+            }
+          }
+        }
+      }
+      &_danger {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-danger-text-secondary);
+            }
+          }
+        }
+      }
+      &_danger {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-danger-text-tertiary);
+            }
+          }
+        }
+      }
+      &_danger {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-danger-text-quaternary);
+            }
+          }
+        }
+      }
+      &_info {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-info-text-primary);
+            }
+          }
+        }
+      }
+      &_info {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-info-text-secondary);
+            }
+          }
+        }
+      }
+      &_info {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-info-text-tertiary);
+            }
+          }
+        }
+      }
+      &_info {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-info-text-quaternary);
+            }
+          }
+        }
+      }
+      &_disabled {
+        &-text {
+          &-primary {
+            &::placeholder {
+              color: var(--color-disabled-text-primary);
+            }
+          }
+        }
+      }
+      &_disabled {
+        &-text {
+          &-secondary {
+            &::placeholder {
+              color: var(--color-disabled-text-secondary);
+            }
+          }
+        }
+      }
+      &_disabled {
+        &-text {
+          &-tertiary {
+            &::placeholder {
+              color: var(--color-disabled-text-tertiary);
+            }
+          }
+        }
+      }
+      &_disabled {
+        &-text {
+          &-quaternary {
+            &::placeholder {
+              color: var(--color-disabled-text-quaternary);
             }
           }
         }
       }
-    }
-  }
 }