@rolster/styles-foundations 3.0.3 → 3.0.5

package/scss/design-system-bordered/molecules/label-check-box.scss

@@ -1,72 +1,72 @@
-// Rolster Technology LabelCheckBox Component
-// v1.0.11
-// @license MIT
-// Author: Rolster Developers
-// Created: 20/Mar/2018
-// Updated: 03/Feb/2026
-
-.rls-label-checkbox {
-  --pvt-dimension: var(--rlc-label-checkbox-dimension, var(--rls-sizing-x12));
-  --pvt-label-font-size: var(
-    --rlc-label-checkbox-font-size,
-    var(--rls-label-font-size)
-  );
-
-  --pvt-label-letter-spacing: var(
-    --rlc-label-checkbox-letter-spacing,
-    var(--rls-label-letter-spacing)
-  );
-
-  --rlc-checkbox-dimension: var(--pvt-dimension);
-  --rlc-checkbox-cursor: pointer;
-  --rlc-ballot-padding: 0rem;
-
-  --pvt-text-opacity: 1;
-  --pvt-text-overflow: hidden;
-  --pvt-text-white-space: nowrap;
-  --pvt-text-text-overflow: ellipsis;
-
-  display: flex;
-  column-gap: var(--rls-sizing-x4);
-  align-items: center;
-
-  &--disabled {
-    --pvt-text-opacity: 0.5;
-
-    pointer-events: none;
-  }
-
-  &--reverse {
-    flex-direction: row-reverse;
-  }
-
-  &--extended {
-    --pvt-text-text-overflow: initial;
-    --pvt-text-overflow: initial;
-    --pvt-text-white-space: initial;
-  }
-
-  &__component {
-    width: var(--pvt-dimension);
-    flex: 0 0 auto;
-  }
-
-  &__text {
-    flex: 1 1 auto;
-    font-size: var(--pvt-label-font-size);
-    font-weight: var(--rls-font-weight-medium);
-    letter-spacing: var(--pvt-label-letter-spacing);
-    line-height: var(--rlc-label-checkbox-line-height, var(--rls-sizing-x12));
-    color: var(--rlc-label-checkbox-font-color, var(--rls-app-color-500));
-    user-select: none;
-    opacity: var(--pvt-text-opacity);
-    overflow: hidden;
-
-    & > p {
-      height: initial;
-      overflow: initial;
-      text-overflow: initial;
-      white-space: initial;
-    }
-  }
-}
+// Rolster Technology LabelCheckBox Component
+// v1.0.11
+// @license MIT
+// Author: Rolster Developers
+// Created: 20/Mar/2018
+// Updated: 03/Feb/2026
+
+.rls-label-checkbox {
+  --pvt-dimension: var(--rlc-label-checkbox-dimension, var(--rls-sizing-x12));
+  --pvt-label-font-size: var(
+    --rlc-label-checkbox-font-size,
+    var(--rls-label-font-size)
+  );
+
+  --pvt-label-letter-spacing: var(
+    --rlc-label-checkbox-letter-spacing,
+    var(--rls-label-letter-spacing)
+  );
+
+  --rlc-checkbox-dimension: var(--pvt-dimension);
+  --rlc-checkbox-cursor: pointer;
+  --rlc-ballot-padding: 0rem;
+
+  --pvt-text-opacity: 1;
+  --pvt-text-overflow: hidden;
+  --pvt-text-white-space: nowrap;
+  --pvt-text-text-overflow: ellipsis;
+
+  display: flex;
+  column-gap: var(--rls-sizing-x4);
+  align-items: center;
+
+  &--disabled {
+    --pvt-text-opacity: 0.5;
+
+    pointer-events: none;
+  }
+
+  &--reverse {
+    flex-direction: row-reverse;
+  }
+
+  &--extended {
+    --pvt-text-text-overflow: initial;
+    --pvt-text-overflow: initial;
+    --pvt-text-white-space: initial;
+  }
+
+  &__component {
+    width: var(--pvt-dimension);
+    flex: 0 0 auto;
+  }
+
+  &__text {
+    flex: 1 1 auto;
+    font-size: var(--pvt-label-font-size);
+    font-weight: var(--rls-font-weight-medium);
+    letter-spacing: var(--pvt-label-letter-spacing);
+    line-height: var(--rlc-label-checkbox-line-height, var(--rls-sizing-x12));
+    color: var(--rlc-label-checkbox-font-color, var(--rls-app-color-500));
+    user-select: none;
+    opacity: var(--pvt-text-opacity);
+    overflow: hidden;
+
+    & > p {
+      height: initial;
+      overflow: initial;
+      text-overflow: initial;
+      white-space: initial;
+    }
+  }
+}

package/scss/design-system-bordered/molecules/label-radio-button.scss

@@ -1,79 +1,79 @@
-// Rolster Technology RadiobuttonLabel Component
-// v1.0.10
-// @license MIT
-// Author: Rolster Developers
-// Created: 20/Mar/2018
-// Updated: 03/Feb/2026
-
-.rls-label-radiobutton {
-  --pvt-dimension: var(
-    --rlc-label-radiobutton-dimension,
-    var(--rls-sizing-x12)
-  );
-
-  --pvt-label-font-size: var(
-    --rlc-label-radiobutton-font-size,
-    var(--rls-label-font-size)
-  );
-
-  --pvt-label-letter-spacing: var(
-    --rlc-label-radiobutton-letter-spacing,
-    var(--rls-label-letter-spacing)
-  );
-
-  --rlc-radiobutton-dimension: var(--pvt-dimension);
-  --rlc-radiobutton-cursor: pointer;
-  --rlc-ballot-padding: 0rem;
-
-  --pvt-text-opacity: 1;
-  --pvt-text-overflow: hidden;
-  --pvt-text-white-space: nowrap;
-  --pvt-text-text-overflow: ellipsis;
-
-  display: flex;
-  column-gap: var(--rls-sizing-x4);
-  align-items: center;
-
-  &--disabled {
-    --pvt-text-opacity: 0.5;
-
-    pointer-events: none;
-  }
-
-  &--reverse {
-    flex-direction: row-reverse;
-  }
-
-  &--extended {
-    --pvt-text-text-overflow: initial;
-    --pvt-text-overflow: initial;
-    --pvt-text-white-space: initial;
-  }
-
-  &__component {
-    width: var(--pvt-dimension);
-    flex: 0 0 auto;
-  }
-
-  &__text {
-    flex: 1 1 auto;
-    font-size: var(--pvt-label-font-size);
-    font-weight: var(--rls-font-weight-medium);
-    letter-spacing: var(--pvt-label-letter-spacing);
-    line-height: var(
-      --rlc-label-radiobutton-line-height,
-      var(--rls-sizing-x12)
-    );
-    color: var(--rlc-label-radiobutton-font-color, var(--rls-app-color-500));
-    user-select: none;
-    opacity: var(--pvt-text-opacity);
-    overflow: hidden;
-
-    & > p {
-      height: initial;
-      overflow: initial;
-      text-overflow: initial;
-      white-space: initial;
-    }
-  }
-}
+// Rolster Technology RadiobuttonLabel Component
+// v1.0.10
+// @license MIT
+// Author: Rolster Developers
+// Created: 20/Mar/2018
+// Updated: 03/Feb/2026
+
+.rls-label-radiobutton {
+  --pvt-dimension: var(
+    --rlc-label-radiobutton-dimension,
+    var(--rls-sizing-x12)
+  );
+
+  --pvt-label-font-size: var(
+    --rlc-label-radiobutton-font-size,
+    var(--rls-label-font-size)
+  );
+
+  --pvt-label-letter-spacing: var(
+    --rlc-label-radiobutton-letter-spacing,
+    var(--rls-label-letter-spacing)
+  );
+
+  --rlc-radiobutton-dimension: var(--pvt-dimension);
+  --rlc-radiobutton-cursor: pointer;
+  --rlc-ballot-padding: 0rem;
+
+  --pvt-text-opacity: 1;
+  --pvt-text-overflow: hidden;
+  --pvt-text-white-space: nowrap;
+  --pvt-text-text-overflow: ellipsis;
+
+  display: flex;
+  column-gap: var(--rls-sizing-x4);
+  align-items: center;
+
+  &--disabled {
+    --pvt-text-opacity: 0.5;
+
+    pointer-events: none;
+  }
+
+  &--reverse {
+    flex-direction: row-reverse;
+  }
+
+  &--extended {
+    --pvt-text-text-overflow: initial;
+    --pvt-text-overflow: initial;
+    --pvt-text-white-space: initial;
+  }
+
+  &__component {
+    width: var(--pvt-dimension);
+    flex: 0 0 auto;
+  }
+
+  &__text {
+    flex: 1 1 auto;
+    font-size: var(--pvt-label-font-size);
+    font-weight: var(--rls-font-weight-medium);
+    letter-spacing: var(--pvt-label-letter-spacing);
+    line-height: var(
+      --rlc-label-radiobutton-line-height,
+      var(--rls-sizing-x12)
+    );
+    color: var(--rlc-label-radiobutton-font-color, var(--rls-app-color-500));
+    user-select: none;
+    opacity: var(--pvt-text-opacity);
+    overflow: hidden;
+
+    & > p {
+      height: initial;
+      overflow: initial;
+      text-overflow: initial;
+      white-space: initial;
+    }
+  }
+}

package/scss/design-system-bordered/molecules/label-switch.scss

@@ -1,71 +1,71 @@
-// Rolster Technology SwitchLabel Component
-// v1.0.12
-// @license MIT
-// Author: Rolster Developers
-// Created: 20/Mar/2018
-// Updated: 03/Feb/2026
-
-.rls-label-switch {
-  --rlc-switch-cursor: pointer;
-  --rlc-ballot-padding: 0rem;
-
-  --pvt-label-font-size: var(
-    --rlc-label-switch-font-size,
-    var(--rls-label-font-size)
-  );
-
-  --pvt-label-letter-spacing: var(
-    --rlc-label-switch-letter-spacing,
-    var(--rls-label-letter-spacing)
-  );
-
-  --pvt-text-opacity: 1;
-  --pvt-text-overflow: hidden;
-  --pvt-text-white-space: nowrap;
-  --pvt-text-text-overflow: ellipsis;
-
-  display: flex;
-  column-gap: var(--rls-sizing-x4);
-  align-items: center;
-
-  &--disabled {
-    --pvt-text-opacity: 0.5;
-
-    pointer-events: none;
-  }
-
-  &--reverse {
-    flex-direction: row-reverse;
-  }
-
-  &--extended {
-    --pvt-text-text-overflow: initial;
-    --pvt-text-overflow: initial;
-    --pvt-text-white-space: initial;
-    --pvt-text-height: auto;
-  }
-
-  &__component {
-    width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
-    flex: 0 0 auto;
-  }
-
-  &__text {
-    flex: 1 1 auto;
-    font-size: var(--pvt-label-font-size);
-    font-weight: var(--rls-font-weight-medium);
-    letter-spacing: var(--pvt-label-letter-spacing);
-    line-height: var(--rlc-label-switch-line-height, var(--rls-sizing-x12));
-    color: var(--rlc-label-switch-font-color, var(--rls-app-color-500));
-    user-select: none;
-    opacity: var(--pvt-text-opacity);
-    overflow: hidden;
-
-    & > p {
-      height: initial;
-      overflow: initial;
-      text-overflow: initial;
-      white-space: initial;
-    }
-  }
-}
+// Rolster Technology SwitchLabel Component
+// v1.0.12
+// @license MIT
+// Author: Rolster Developers
+// Created: 20/Mar/2018
+// Updated: 03/Feb/2026
+
+.rls-label-switch {
+  --rlc-switch-cursor: pointer;
+  --rlc-ballot-padding: 0rem;
+
+  --pvt-label-font-size: var(
+    --rlc-label-switch-font-size,
+    var(--rls-label-font-size)
+  );
+
+  --pvt-label-letter-spacing: var(
+    --rlc-label-switch-letter-spacing,
+    var(--rls-label-letter-spacing)
+  );
+
+  --pvt-text-opacity: 1;
+  --pvt-text-overflow: hidden;
+  --pvt-text-white-space: nowrap;
+  --pvt-text-text-overflow: ellipsis;
+
+  display: flex;
+  column-gap: var(--rls-sizing-x4);
+  align-items: center;
+
+  &--disabled {
+    --pvt-text-opacity: 0.5;
+
+    pointer-events: none;
+  }
+
+  &--reverse {
+    flex-direction: row-reverse;
+  }
+
+  &--extended {
+    --pvt-text-text-overflow: initial;
+    --pvt-text-overflow: initial;
+    --pvt-text-white-space: initial;
+    --pvt-text-height: auto;
+  }
+
+  &__component {
+    width: var(--rlc-switch-max-width, var(--rls-sizing-x20));
+    flex: 0 0 auto;
+  }
+
+  &__text {
+    flex: 1 1 auto;
+    font-size: var(--pvt-label-font-size);
+    font-weight: var(--rls-font-weight-medium);
+    letter-spacing: var(--pvt-label-letter-spacing);
+    line-height: var(--rlc-label-switch-line-height, var(--rls-sizing-x12));
+    color: var(--rlc-label-switch-font-color, var(--rls-app-color-500));
+    user-select: none;
+    opacity: var(--pvt-text-opacity);
+    overflow: hidden;
+
+    & > p {
+      height: initial;
+      overflow: initial;
+      text-overflow: initial;
+      white-space: initial;
+    }
+  }
+}

package/scss/design-system-bordered/molecules/message-empty.scss

@@ -1,13 +1,12 @@
 // Rolster Technology MessageEmpty Component
-// v1.0.0
+// v1.0.1
 // @license MIT
 // Author: Rolster Developers
 // Created: 02/May/2026
-// Updated: 02/May/2026
+// Updated: 10/May/2026
 
 .rls-message-empty {
   --pvt-logo-size: var(--rlc-message-empty-logo-size, var(--rls-sizing-x32));
-  --pvt-logo-background: var(--rls-app-color-100);
   --pvt-logo-color: var(--rls-app-color-600);
   --pvt-title-font-color: var(--rls-app-color-900);
   --pvt-content-font-color: var(--rls-app-color-500);
@@ -17,37 +16,36 @@
   width: 100%;
   flex-direction: column;
   align-items: var(--rlc-message-empty-align-items, center);
-  row-gap: var(--rls-sizing-x4);
+  row-gap: var(--rls-sizing-x8);
   padding: var(--rlc-message-empty-padding, var(--rls-sizing-x8));
   box-sizing: border-box;
-  text-align: var(--rlc-message-empty-text-align, center);
 
   &__logo {
     --rlc-icon-color: var(--pvt-logo-color);
-    --rlc-icon-font-size: calc(var(--pvt-logo-size) * 0.5);
+    --rlc-icon-font-size: var(--pvt-logo-size);
 
     display: flex;
-    width: var(--pvt-logo-size);
-    height: var(--pvt-logo-size);
     align-items: center;
     justify-content: center;
-    border-radius: 50%;
-    background: var(--pvt-logo-background);
-    overflow: hidden;
-    box-sizing: border-box;
 
     &--emoji {
-      font-size: calc(var(--pvt-logo-size) * 0.7);
-      line-height: 1;
+      font-size: var(--pvt-logo-size);
     }
 
     &--image {
-      width: 100%;
-      height: 100%;
+      width: var(--pvt-logo-size);
+      height: var(--pvt-logo-size);
       object-fit: contain;
     }
   }
 
+  &__body {
+    display: flex;
+    flex-direction: column;
+    align-items: var(--rlc-message-empty-align-items, center);
+    row-gap: var(--rls-sizing-x4);
+  }
+
   &__title {
     width: 100%;
     color: var(--pvt-title-font-color);
@@ -58,6 +56,7 @@
     font-weight: var(--rls-font-weight-semibold);
     letter-spacing: var(--rls-subtitle-letter-spacing);
     line-height: var(--rls-subtitle-line-height);
+    text-align: var(--rlc-message-empty-title-align, center);
   }
 
   &__content {
@@ -69,10 +68,10 @@
     );
     letter-spacing: var(--rls-paragraph-letter-spacing);
     line-height: var(--rls-paragraph-line-height);
+    text-align: var(--rlc-message-empty-content-align, center);
   }
 
   &[rls-theme] {
-    --pvt-logo-background: var(--rls-theme-color-100);
     --pvt-logo-color: var(--rls-theme-color-600);
     --pvt-title-font-color: var(--rls-theme-color-900);
     --pvt-content-font-color: var(--rls-theme-color-700);