@ardium-ui/ui 5.0.0-alpha.77 → 5.0.0-alpha.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "5.0.0-alpha.77",
+  "version": "5.0.0-alpha.79",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/prebuilt-themes/default/badge.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-badge-small-font-size: 0.55rem;
     --ard-badge-small-font-weight: 400;

package/prebuilt-themes/default/buttons/button.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-button-height: 2.5em;
     --ard-button-height-compact: 2.25em;

package/prebuilt-themes/default/buttons/fab.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-fab-size-standard: 3.5rem;
     --ard-fab-size-small: 2.5rem;

package/prebuilt-themes/default/buttons/icon-button.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-icon-button-height: 2.1875em;
     --ard-icon-button-height-compact: 2.25em;

package/prebuilt-themes/default/calendar.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-calendar-grid-size: 2.25rem;
     --ard-calendar-grid-gap: 0.25rem;

package/prebuilt-themes/default/card.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-card-content-padding-top: 0;
     --ard-card-content-padding-right: 1em;

package/prebuilt-themes/default/checkbox-list.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-checkbox-list-padding: 0.375rem 0;
     --ard-checkbox-list-item-hover-opacity: 5%;

package/prebuilt-themes/default/checkbox.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-checkbox-size: 1.25em;
     --ard-checkbox-icon-size: 1em;

package/prebuilt-themes/default/chips.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-chip-margin: 0;
     --ard-chip-height: 2rem;

package/prebuilt-themes/default/color-display.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-color-display-gap: 0.3ch;
     --ard-color-display-size: 1em * math.div(19, 16);

package/prebuilt-themes/default/color-picker.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   .ard-color-picker {
     width: 15rem;
     padding: 0.5rem;

package/prebuilt-themes/default/core.css

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-bg: white;
     --ard-bg-alt: black;

package/prebuilt-themes/default/dialog.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-dialog-content-actions-gap: 1rem;
     --ard-dialog-buttons-gap: 1rem;

package/prebuilt-themes/default/divider.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-divider-margin-size: 0.5rem;
     --ard-divider-width: 1px;

package/prebuilt-themes/default/dropdown-panel.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-dropdown-panel-margin: 0.375rem 0;
     --ard-dropdown-panel-margin-compact: 0.25rem 0;

package/prebuilt-themes/default/file-drop-area.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-file-drop-area-min-width: 15rem;
     --ard-file-drop-area-min-height: 10rem;

package/prebuilt-themes/default/form-field-frame.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   .ard-form-field-frame {
     box-sizing: border-box;
     min-height: var(--ard-form-field-height);

package/prebuilt-themes/default/form-field.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-form-field-label-padding: 0.25rem 0 0.125rem 0.125rem;
     --ard-form-field-label-font-size: 0.9375rem;

package/prebuilt-themes/default/inputs/autocomplete-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-autocomplete-input-gap: 0.625rem;
     --ard-autocomplete-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/color-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   .ard-color-input {
     padding: 0 0.375rem;
     min-width: 10rem;

package/prebuilt-themes/default/inputs/date-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-date-input-gap: 0.625rem;
     --ard-date-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/digit-input.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-digit-input-font-weight: 500;
     --ard-digit-input-gap: 0.375em;

package/prebuilt-themes/default/inputs/file-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-file-input-gap: 0.625rem;
     --ard-file-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/hex-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-hex-input-gap: 0.625rem;
     --ard-hex-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-input-gap: 0.625rem;
     --ard-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/number-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-number-input-gap: 0.625rem;
     --ard-number-input-line-height: 1.25;

package/prebuilt-themes/default/inputs/password-input.css

@@ -1,7 +1,7 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-password-input-gap: 0.625rem;
     --ard-password-input-line-height: 1.25;

package/prebuilt-themes/default/kbd-shortcut.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-kbd-shortcut-font-size: 0.875em;
     --ard-kbd-shortcut-transparent-font-size: 0.75em;

package/prebuilt-themes/default/kbd.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-kbd-border-radius: 0.1875em;
     --ard-kbd-margin: 0 0.125em;

package/prebuilt-themes/default/modal.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-modal-viewport-spacing: 2rem;
     --ard-modal-padding: 1.25rem;

package/prebuilt-themes/default/progress-bar.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-progress-bar-width: 100%;
     --ard-progress-bar-height: 0.25rem;

package/prebuilt-themes/default/progress-circle.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-progress-circle-size: 3em;
     --ard-progress-circle-colorless-background-opacity: 100%;

package/prebuilt-themes/default/radio.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-radio-group-gap: 0.5rem 1rem;
     --ard-radio-gap: 0.75rem;

package/prebuilt-themes/default/segment.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-segment-margin: 0;
     --ard-segment-padding: 0.15rem;

package/prebuilt-themes/default/select.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-select-gap: 0.625rem;
     --ard-select-gap-compact: 0.5rem;

package/prebuilt-themes/default/slide-toggle.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-slide-toggle-height: 1.25em;
     --ard-slide-toggle-hitbox-offset: -4px;

package/prebuilt-themes/default/slider.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-slider-width: 100%;
     --ard-slider-padding: 0 calc(var(--ard-slider-handle-size, 1.25em) / 2);

package/prebuilt-themes/default/snackbar.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-snackbar-min-width: min(21rem, 90vw);
     --ard-snackbar-max-width: min(42rem, 90vw);

package/prebuilt-themes/default/spinner.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-spinner-size: 2rem;
     --ard-spinner-margin: 0.25rem;

package/prebuilt-themes/default/stars.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-star-size: 1.5em;
     --ard-star-button-hitbox-offset: -4px;

package/prebuilt-themes/default/tabber.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-tabber-tab-height: 2.5em;
     --ard-tabber-tab-font-size: 0.875rem;

package/prebuilt-themes/default/table-pagination.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-table-pagination-height: 2.9375rem;
     --ard-table-pagination-gap: 2rem;

package/prebuilt-themes/default/table.css

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-table-cell-padding: 0 0.75rem;
     --ard-table-header-gap: 0.75rem;

package/themes/default/badge.scss

@@ -1,6 +1,6 @@
 @use './coloring' as CM;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/buttons/button.scss

@@ -1,6 +1,6 @@
 @use './button-mixins' as shared;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/buttons/fab.scss

@@ -1,7 +1,7 @@
 @use './button-mixins' as shared;
 @use '../mixins' as CM;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/buttons/icon-button.scss

@@ -1,6 +1,6 @@
 @use './button-mixins' as shared;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/calendar.scss

@@ -3,7 +3,7 @@
 @use './coloring.scss' as CM;
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/card.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/checkbox-list.scss

@@ -1,7 +1,7 @@
 @use './mixins' as CM;
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-checkbox-list-padding: 0.375rem 0;
     --ard-checkbox-list-item-hover-opacity: 5%;

package/themes/default/checkbox.scss

@@ -2,7 +2,7 @@
 @use './coloring' as coloringMixins;
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/chips.scss

@@ -3,7 +3,7 @@
 @use './clear-button' as clearButton;
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/color-display.scss

@@ -1,7 +1,7 @@
 @use 'sass:math';
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/color-picker.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   .ard-color-picker {
     width: 15rem;
     padding: 0.5rem;

package/themes/default/core.scss

@@ -3,7 +3,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
 
-@layer ard-theme {
+@layer ard-ui {
   :root {
     --ard-bg: white;
     --ard-bg-alt: black;

package/themes/default/dialog.scss

@@ -1,4 +1,4 @@
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/divider.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/dropdown-panel.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/file-drop-area.scss

@@ -1,6 +1,6 @@
 @use './coloring' as CM;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/form-field-frame.scss

@@ -1,7 +1,7 @@
 @use './mixins' as defaultMixins;
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   .ard-form-field-frame {
     box-sizing: border-box;
     min-height: ARD.$form-field-height;

package/themes/default/form-field.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/autocomplete-input.scss

@@ -3,7 +3,7 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/color-input.scss

@@ -2,7 +2,7 @@
 @use '../mixins' as defaultMixins;
 @use '../clear-button' as CB;
 
-@layer ard-theme {
+@layer ard-ui {
   .ard-color-input {
     // @include inputMixin.genericInput();
     padding: 0 0.375rem;

package/themes/default/inputs/date-input.scss

@@ -1,7 +1,7 @@
 @use './shared' as S;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/digit-input.scss

@@ -2,7 +2,7 @@
 @use '../../variables' as ARD;
 @use '../mixins' as defaultMixins;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/file-input.scss

@@ -4,7 +4,7 @@
 @use '../coloring' as CM;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/hex-input.scss

@@ -3,7 +3,7 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/input.scss

@@ -3,7 +3,7 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/number-input.scss

@@ -2,7 +2,7 @@
 @use '../mixins' as defaultMixins;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/inputs/password-input.scss

@@ -3,7 +3,7 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/kbd-shortcut.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/kbd.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {

package/themes/default/modal.scss

@@ -1,6 +1,6 @@
 @use '../variables' as ARD;
 
-@layer ard-theme {
+@layer ard-ui {
   // the variables are commented out intentionally
   // read more in docs/dev/css-variables.md
   :root {