@rolster/styles-foundations 2.3.9 → 2.3.11

package/scss/{_rolster-components.scss → components.scss}

@@ -1,28 +1,32 @@
 // Rolster Technology Components
-// v2.0.6
+// v2.0.7
 // @license MIT
 // Author: Rolster Developers
 // Created: 13/Abr/2023
-// Updated: 26/Oct/2024
+// Updated: 27/Oct/2024
+
+@use 'sass:meta';
 
 :root {
+  --rlc-app-content-background: var(--rls-app-background-500);
   --rlc-app-header-background: var(--rls-app-background-100);
   --rlc-app-header-height: var(--rls-sizing-x28);
   --rlc-app-navbar-background: var(--rls-app-background-100);
   --rlc-app-navbar-width: 160rem;
-  --rlc-app-content-background: var(--rls-app-background-500);
 
   --rlc-action-color: var(--rls-app-color-300);
   --rlc-action-ripple-color: var(--rlc-action-color);
   --rlc-action-ripple-dimension: var(--rls-sizing-x18);
   --rlc-action-ripple-position: -9rem;
 
-  --rlc-avatar-font-size: var(--rls-title-font-size);
   --rlc-avatar-border-radius: var(--rls-sizing-x4);
-  --rlc-avatar-width: var(--rls-sizing-x24);
+  --rlc-avatar-font-size: var(--rls-title-font-size);
   --rlc-avatar-height: var(--rls-sizing-x24);
+  --rlc-avatar-width: var(--rls-sizing-x24);
 
+  --rlc-amount-font-size: inherit;
   --rlc-amount-text-align: start;
+  --rlc-amount-width: auto;
 
   --rlc-badge-padding: var(--rls-sizing-x2);
 
@@ -41,12 +45,6 @@
   --rlc-ballot-subtitle-text-overflow: initial;
   --rlc-ballot-subtitle-white-space: initial;
 
-  --rlc-fieldbox-body-padding: 0rem;
-  --rlc-fieldbox-body-background: rgba(255, 255, 255, 1);
-  --rlc-fieldbox-body-border: var(--rls-app-border-1-100);
-  --rlc-fieldbox-body-shadow: none;
-  --rlc-fieldbox-label-font-color: var(--rls-app-color-300);
-
   --rlc-breadcrumb-height: var(--rls-sizing-x18);
 
   --rlc-button-label-text-transform: uppercase;
@@ -55,26 +53,45 @@
 
   --rlc-card-content-padding: var(--rls-sizing-x8);
 
+  --rlc-datatable-body-max-height: initial;
+  --rlc-datatable-body-overflow: initial;
   --rlc-datatable-letter-spacing: 0.0625em;
   --rlc-datatable-font-size: 7rem;
-  --rlc-datatable-width-scroll: var(--rls-sizing-x4);
-  --rlc-datatable-padding-scroll: 0rem;
+  --rlc-datatable-footer-background: var(--rls-theme-color-100);
   --rlc-datatable-header-background: transparent;
-  --rlc-datatable-row-background: rgb(252, 252, 252);
-  --rlc-datatable-footer-background: var(--rls-standard-color-100);
+  --rlc-datatable-header-font-weight: var(--rls-font-weight-semibold);
+  --rlc-datatable-padding-scroll: 0rem;
+  --rlc-datatable-record-background: rgb(252, 252, 252);
+  --rlc-datatable-width-scroll: var(--rls-sizing-x4);
+
+  --rlc-fieldbox-padding: 0rem;
+  --rlc-fieldbox-width: 100%;
+  --rlc-fieldbox-body-background: rgba(255, 255, 255, 1);
+  --rlc-fieldbox-body-border: var(--rls-app-border-1-100);
+  --rlc-fieldbox-body-padding: 0rem;
+  --rlc-fieldbox-body-shadow: none;
+  --rlc-fieldbox-error-display: block;
+  --rlc-fieldbox-label-display: block;
+  --rlc-fieldbox-label-font-color: var(--rls-app-color-300);
+
+  --rlc-fieldlist-action-dimension: var(--rls-sizing-x12);
+  --rlc-fieldlist-control-font-size: var(--rlc-input-font-size);
+  --rlc-fieldlist-control-font-weight: var(--rls-font-weight-medium);
+  --rlc-fieldlist-control-letter-spacing: var(--rlc-input-letter-spacing);
+  --rlc-fieldlist-element-padding: var(--rls-sizing-x2);
+  --rlc-fieldlist-suggestions-bottom: 100%;
+  --rlc-fieldlist-suggestions-top: calc(100% + var(--rls-sizing-x4));
 
   --rlc-form-footer-justify-content: end;
 
-  --rlc-icon-font-size: var(--rls-sizing-x12);
-  --rlc-icon-width: var(--rls-sizing-x12);
-  --rlc-icon-height: var(--rls-sizing-x12);
   --rlc-icon-color: inherit;
+  --rlc-icon-dimesion: var(--rls-sizing-x12);
 
   --rlc-input-font-color: var(--rls-app-color-500);
   --rlc-input-font-size: var(--rls-input-font-size);
-  --rlc-input-text-align: left;
   --rlc-input-letter-spacing: var(--rls-input-letter-spacing);
   --rlc-input-height: var(--rls-sizing-x12);
+  --rlc-input-text-align: left;
 
   --rlc-label-font-size: var(--rls-smalltext-font-size);
   --rlc-label-letter-spacing: var(--rls-smalltext-letter-spacing);
@@ -85,26 +102,26 @@
   --rlc-poster-height: var(--rls-body-line-height);
   --rlc-poster-padding: var(--rls-sizing-x4);
   --rlc-poster-text-align: center;
-  
+
   --rlc-progress-circular-dimension: var(--rls-sizing-x28);
 
   --rlc-snackbar-left: 50%;
 
   --rlc-skeleton-height: inherit;
-  
+
   --rlc-skeleton-text-column-gap: var(--rls-sizing-x4);
   --rlc-skeleton-text-font-size: var(--rls-body-font-size);
   --rlc-skeleton-text-height: var(--rls-body-line-height);
   --rlc-skeleton-text-letter-spacing: var(--rls-body-letter-spacing);
 
-  --rlc-switch-element-size: var(--rls-sizing-x12);
   --rlc-switch-bar-radius: var(--rls-sizing-x3);
   --rlc-switch-bar-height: var(--rls-sizing-x6);
+  --rlc-switch-element-size: var(--rls-sizing-x12);
 
-  --rlc-tabulartext-text-align: flex-start;
-  --rlc-tabulartext-font-size: var(--rls-body-font-size);
   --rlc-tabulartext-char-width: 5.5rem;
+  --rlc-tabulartext-font-size: var(--rls-body-font-size);
   --rlc-tabulartext-pointer-width: 2rem;
+  --rlc-tabulartext-text-align: flex-start;
 
   --rlc-toolbar-height: var(--rls-sizing-x28);
 }
@@ -114,8 +131,8 @@
   scrollbar-color: var(--rls-theme-color-500) var(--rls-app-background-100);
 }
 
-@import 'components/app';
-@import 'components/data-table';
-@import 'components/field-box';
-@import 'components/field-list';
-@import 'components/form';
+@include meta.load-css('components/app');
+@include meta.load-css('components/data-table');
+@include meta.load-css('components/field-box');
+@include meta.load-css('components/field-list');
+@include meta.load-css('components/form');

package/scss/foundations.scss

@@ -0,0 +1,14 @@
+// Rolster Technology Foundations
+// v2.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 03/Mar/2022
+// Updated: 26/May/2023
+
+@use 'foundations/animations';
+@use 'foundations/colors';
+@use 'foundations/sizings';
+@use 'foundations/responsives';
+@use 'foundations/elevations';
+@use 'foundations/themes';
+@use 'foundations/typographics';

package/scss/{_rolster-styles.scss → styles.scss}

@@ -5,9 +5,9 @@
 // Created: 11/Ago/2022
 // Updated: 05/Jul/2024
 
-@import 'rolster-foundations';
-@import 'rolster-utilities';
-@import 'rolster-components';
+@use 'foundations';
+@use 'utilities';
+@use 'components';
 
 .rls-aspect-ratio {
   --rls-app-font-size-1360: 2.5px;

package/scss/utilities.scss

@@ -0,0 +1,14 @@
+// Rolster Technology Utilities
+// v2.0.0
+// @license MIT
+// Author: Rolster Developers
+// Created: 13/Abr/2023
+// Updated: 26/May/2023
+
+@use 'utilities/normalize';
+@use 'utilities/colors';
+@use 'utilities/layout';
+@use 'utilities/themes';
+@use 'utilities/texts';
+@use 'utilities/typographics';
+@use 'utilities/helpers';