@ardium-ui/ui 1.0.2 → 2.0.1

package/prebuilt-themes/default/snackbar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/snackbar.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGQ;AAER;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCZS;EDaT;EAEA;EACA;EACA;EACA;;AErBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF5GF;EACE;EACA;EACA;EACA;EACA,OCpBQ;;ADsBR;EACE;;AAIJ;EACE;;;AAUJ;EACE;IANA;IACA;IACA;;;AASF;EACE;IAZA;IACA;IACA","file":"snackbar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/snackbar.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCVS;EDWT;EAEA;EACA;EACA;EACA;;AEnBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF9GF;EACE;EACA;EACA;EACA;EACA,OClBQ;;ADoBR;EACE;;AAIJ;EACE;;;AAUJ;EACE;IANA;IACA;IACA;;;AASF;EACE;IAZA;IACA;IACA","file":"snackbar.css"}

package/prebuilt-themes/default/tabber.css

@@ -0,0 +1,207 @@
+ard-tabber {
+  max-width: 100%;
+}
+
+.ard-tabber {
+  height: max-content;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+.ard-tabber.ard-color-none {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+  --ard-cmpcl--bg-header: var(--ard-bg-filled);
+  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+  --ard-cmpcl--on-bg: var(--ard-text);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: var(--ard-text);
+  --ard-cmpcl--border-light: var(--ard-text2);
+  --ard-cmpcl--content: var(--ard-text);
+  --ard-cmpcl--content-light: var(--ard-text-alt);
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+}
+.ard-tabber.ard-color-primary {
+  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-primary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--content: rgb(var(--ard-primary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+}
+.ard-tabber.ard-color-secondary {
+  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+}
+.ard-tabber.ard-color-warn {
+  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-warn-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--content: rgb(var(--ard-warn-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+}
+.ard-tabber.ard-color-danger {
+  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-danger-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--content: rgb(var(--ard-danger-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+}
+.ard-tabber.ard-color-success {
+  --ard-cmpcl--bg: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-success-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+  --ard-cmpcl--content: rgb(var(--ard-success-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+}
+.ard-tabber.ard-color-info {
+  --ard-cmpcl--bg: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-info-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+  --ard-cmpcl--content: rgb(var(--ard-info-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+}
+.ard-tabber.ard-color-currentColor {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: currentColor;
+  --ard-cmpcl--on-bg: currentColor;
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: currentColor;
+  --ard-cmpcl--border-light: currentColor;
+  --ard-cmpcl--content: currentColor;
+  --ard-cmpcl--content-light: currentColor;
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: currentColor;
+  --ard-cmpcl--overlay-colored-light: currentColor;
+}
+.ard-tabber .ard-tabber-tabs {
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  border-bottom: 1px solid var(--ard-detail-ultralight);
+}
+.ard-tabber .ard-tabber-tabs.ard-tab-align-left {
+  justify-content: left;
+}
+.ard-tabber .ard-tabber-tabs.ard-tab-align-middle {
+  justify-content: center;
+}
+.ard-tabber .ard-tabber-tabs.ard-tab-align-right {
+  justify-content: right;
+}
+.ard-tabber .ard-tabber-tabs.ard-stretch-tabs {
+  justify-content: stretch;
+}
+.ard-tabber .ard-tabber-tabs.ard-stretch-tabs .ard-tab-button {
+  flex-grow: 1;
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button {
+  height: 2.5em;
+  font-size: 0.875rem;
+  position: relative;
+  border: none;
+  background: none;
+  padding: 0 1.5rem;
+  cursor: pointer;
+  outline: none;
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button .ard-focus-overlay {
+  position: absolute;
+  top: -0;
+  bottom: -0;
+  left: -0;
+  right: -0;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: var(--ard-bg-alt);
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button:hover .ard-focus-overlay, .ard-tabber .ard-tabber-tabs .ard-tab-button:focus .ard-focus-overlay {
+  opacity: 4%;
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button.ard-active .ard-focus-overlay, .ard-tabber .ard-tabber-tabs .ard-tab-button:active .ard-focus-overlay {
+  opacity: 12%;
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button:focus-visible .ard-focus-overlay {
+  opacity: 18%;
+}
+.ard-tabber .ard-tabber-tabs .ard-tab-button.ard-tab-active::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2px;
+  background: var(--ard-cmpcl--bg-colored);
+}
+
+/*# sourceMappingURL=tabber.css.map */

package/prebuilt-themes/default/tabber.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;;ACXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADtHF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEpCJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF6BM,YGlDC;;AHuDD;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"tabber.css"}

package/public-api.d.ts

@@ -1,142 +1,49 @@
 import 'first-last';
+export * from './lib/select';
+export * from './lib/option';
+export * from './lib/inputs/simple-input';
+export * from './lib/inputs/input';
+export * from './lib/inputs/digit-input';
+export * from './lib/inputs/password-input';
+export * from './lib/inputs/number-input';
+export * from './lib/file-inputs/file-drop-area';
+export * from './lib/file-inputs/file-input';
+export * from './lib/inputs/hex-input';
+export * from './lib/radio';
+export * from './lib/segment';
+export * from './lib/slider';
+export * from './lib/star/star-button';
+export * from './lib/star/star-input';
+export * from './lib/statebox';
+export * from './lib/slide-toggle';
+export * from './lib/checkbox';
 export * from './lib/buttons/general-button.types';
-export * from './lib/buttons/button/button.module';
-export * from './lib/buttons/button/button.component';
-export * from './lib/buttons/fab/fab.module';
-export * from './lib/buttons/fab/fab.component';
-export * from './lib/buttons/icon-button/icon-button.module';
-export * from './lib/buttons/icon-button/icon-button.component';
-export * from './lib/checkbox/checkbox.module';
-export * from './lib/checkbox/checkbox.component';
-export * from './lib/checkbox/checkbox.types';
-export * from './lib/checkbox-list/checkbox-list.module';
-export * from './lib/checkbox-list/checkbox-list.component';
-export * from './lib/checkbox-list/checkbox-list.types';
-export * from './lib/chip/chip.module';
-export * from './lib/chip/chip.component';
-export * from './lib/chip/deletable-chip/deletable-chip.component';
-export * from './lib/chip/selectable-chip/selectable-chip.component';
-export * from './lib/dropdown-panel/dropdown-panel.module';
-export * from './lib/dropdown-panel/dropdown-panel.component';
-export * from './lib/dropdown-panel/dropdown-panel.types';
-export * from './lib/form-field-frame/form-field-frame.module';
-export * from './lib/form-field-frame/form-field-frame.component';
-export * from './lib/form-field-frame/form-field-frame.directives';
-export * from './lib/inputs/input/input.module';
-export * from './lib/inputs/input/input.component';
-export * from './lib/inputs/input/input.directives';
-export * from './lib/inputs/simple-input/simple-input.module';
-export * from './lib/inputs/simple-input/simple-input.component';
-export * from './lib/inputs/simple-input/simple-input.directives';
-export * from './lib/inputs/number-input/number-input.module';
-export * from './lib/inputs/number-input/number-input.component';
-export * from './lib/inputs/number-input/number-input.directives';
-export * from './lib/inputs/hex-input/hex-input.module';
-export * from './lib/inputs/hex-input/hex-input.component';
-export * from './lib/inputs/hex-input/hex-input.directives';
-export * from './lib/select/select.module';
-export * from './lib/select/select.component';
-export * from './lib/select/select.directive';
-export * from './lib/select/select.types';
-export * from './lib/option/option.module';
-export * from './lib/option/option.component';
-export * from './lib/slide-toggle/slide-toggle.module';
-export * from './lib/slide-toggle/slide-toggle.component';
-export * from './lib/slider/slider.module';
-export * from './lib/slider/slider.component';
-export * from './lib/slider/slider.directive';
-export * from './lib/slider/slider.types';
-export * from './lib/slider/range-slider/range-slider.module';
-export * from './lib/slider/range-slider/range-slider.component';
-export * from './lib/star/star.module';
-export * from './lib/star/star.component';
-export * from './lib/star/star.types';
-export * from './lib/star/star-button/star-button.module';
-export * from './lib/star/star-button/star-button.component';
-export * from './lib/star/star-display/star-display.module';
-export * from './lib/star/star-display/star-display.component';
-export * from './lib/star/star-input/star-input.module';
-export * from './lib/star/star-input/star-input.component';
-export * from './lib/statebox/statebox.module';
-export * from './lib/statebox/statebox.component';
-export * from './lib/statebox/statebox.types';
-export * from './lib/segment/segment.module';
-export * from './lib/segment/segment.component';
-export * from './lib/segment/segment.directives';
-export * from './lib/segment/segment.types';
-export * from './lib/icon/icon.module';
-export * from './lib/icon/icon.component';
-export * from './lib/icon/icon.pipe';
-export * from './lib/color/color-display/color-display.module';
-export * from './lib/color/color-display/color-display.component';
-export * from './lib/color/color-display/color-display.types';
-export * from './lib/color/color-picker/color-picker.module';
-export * from './lib/color/color-picker/color-picker.component';
-export * from './lib/color/color-picker/color-picker.directives';
-export * from './lib/color/color-picker/color-picker.types';
-export * from './lib/inputs/color-input/color-input.module';
-export * from './lib/inputs/color-input/color-input.component';
-export * from './lib/inputs/color-input/color-input.directives';
-export * from './lib/inputs/color-input/color-input.types';
-export * from './lib/calendar/calendar.module';
-export * from './lib/calendar/calendar.component';
-export * from './lib/calendar/calendar.types';
-export * from './lib/kbd/kbd.module';
-export * from './lib/kbd/kbd.component';
-export * from './lib/kbd/kbd.pipe';
-export * from './lib/kbd-shortcut/kbd-shortcut.module';
-export * from './lib/kbd-shortcut/kbd-shortcut.component';
-export * from './lib/progress-circle/progress-circle.module';
-export * from './lib/progress-circle/progress-circle.component';
-export * from './lib/progress-circle/progress-circle.types';
-export * from './lib/progress-circle/progress-circle.directive';
-export * from './lib/progress-bar/progress-bar.module';
-export * from './lib/progress-bar/progress-bar.component';
-export * from './lib/progress-bar/progress-bar.types';
-export * from './lib/progress-bar/progress-bar.directive';
-export * from './lib/card/card.module';
-export * from './lib/card/card.component';
-export * from './lib/card/card.types';
-export * from './lib/card/card.children';
-export * from './lib/divider/divider.module';
-export * from './lib/divider/divider.component';
-export * from './lib/inputs/password-input/password-input.module';
-export * from './lib/inputs/password-input/password-input.component';
-export * from './lib/inputs/password-input/password-input.directives';
-export * from './lib/inputs/password-input/password-input.types';
-export * from './lib/radio/radio/radio.component';
-export * from './lib/radio/radio.module';
-export * from './lib/radio/radio-group.component';
-export * from './lib/file-inputs/file-drop-area/file-drop-area.module';
-export * from './lib/file-inputs/file-drop-area/file-drop-area.component';
-export * from './lib/file-inputs/file-drop-area/file-drop-area.directives';
-export * from './lib/file-inputs/file-input/file-input.module';
-export * from './lib/file-inputs/file-input/file-input.component';
-export * from './lib/file-inputs/file-input/file-input.directives';
-export * from './lib/table/table.module';
-export * from './lib/table/table.component';
-export * from './lib/table/table.directives';
-export * from './lib/table/table.types';
-export * from './lib/table-pagination/table-pagination.module';
-export * from './lib/table-pagination/table-pagination.component';
-export * from './lib/table-pagination/table-pagination.types';
-export * from './lib/table-from-csv/table-from-csv.module';
-export * from './lib/table-from-csv/table-from-csv.component';
-export * from './lib/badge/badge.module';
-export * from './lib/badge/badge.directive';
-export * from './lib/badge/badge.types';
-export * from './lib/spinner/spinner.module';
-export * from './lib/spinner/spinner.component';
-export * from './lib/inputs/digit-input/digit-input.module';
-export * from './lib/inputs/digit-input/digit-input.component';
-export * from './lib/inputs/digit-input/digit-input.types';
-export * from './lib/modal/modal.module';
-export * from './lib/modal/modal.component';
-export * from './lib/dialog/dialog.module';
-export * from './lib/dialog/dialog.component';
-export * from './lib/dialog/dialog.types';
-export * from './lib/dialog/dialog.directives';
+export * from './lib/buttons/button';
+export * from './lib/buttons/fab';
+export * from './lib/buttons/icon-button';
+export * from './lib/chip';
+export * from './lib/checkbox-list';
+export * from './lib/spinner';
+export * from './lib/progress-bar';
+export * from './lib/progress-circle';
+export * from './lib/badge';
+export * from './lib/form-field-frame';
+export * from './lib/dropdown-panel';
+export * from './lib/color/color-display';
+export * from './lib/kbd';
+export * from './lib/kbd-shortcut';
+export * from './lib/table';
+export * from './lib/table-pagination';
+export * from './lib/table-from-csv';
+export * from './lib/star';
+export * from './lib/star/star-display';
+export * from './lib/tabber';
+export * from './lib/card';
+export * from './lib/divider';
+export * from './lib/modal';
+export * from './lib/dialog';
 export * from './lib/snackbar';
+export * from './lib/icon';
 export * from './lib/types/alignment.types';
 export * from './lib/types/colors.types';
 export * from './lib/types/theming.types';

package/themes/default/_clear-button.scss

@@ -2,7 +2,7 @@
 @import '../variables';
 
 @mixin clearButton() {
-  ard-_clear-button {
+  ard-clear-button {
     height: $clear-button-size;
     width: $clear-button-size;
     position: relative;

package/themes/default/badge.scss

@@ -11,7 +11,7 @@
   pointer-events: none;
 
   //! colors
-  background: var(--ard-cmpcl--bgcolored);
+  background: var(--ard-cmpcl--bg-colored);
   color: var(--ard-cmpcl--on-bg-colored);
 
   //! variants
@@ -41,22 +41,22 @@
 
   &.ard-badge-size-small {
     --ard-_badge-size: 0.55rem;
-    font-weight: 300;
+    font-weight: 400;
     letter-spacing: 0.2px;
   }
   &.ard-badge-size-medium {
     --ard-_badge-size: 0.667rem;
-    font-weight: 400;
+    font-weight: 500;
     letter-spacing: 0.2px;
   }
   &.ard-badge-size-large {
     --ard-_badge-size: 0.8125rem;
-    font-weight: 500;
+    font-weight: 600;
     letter-spacing: 0.2px;
   }
 
   //! overlap
-  --ard-_badge-overlap-offset-x: 0%;
+  --ard-_badge-overlap-offset-x: 0.3em;
 
   &.ard-badge-overlap {
     --ard-_badge-overlap-offset-x: 50%;

package/themes/default/buttons/fab.scss

@@ -17,16 +17,14 @@ ard-fab {
   border-radius: 999px;
   justify-content: center;
   margin: 0;
-  padding: 1rem;
 
   &.ard-fab-size-standard {
     --ard-_fab-size: 3.5rem;
-    font-size: 1rem;
+    font-size: 1.75rem;
   }
   &.ard-fab-size-small {
     --ard-_fab-size: 2.5rem;
     font-size: 0.875rem;
-    padding: 0.5625rem;
   }
   &.ard-fab-extended {
     min-width: var(--ard-_fab-size);
@@ -46,6 +44,10 @@ ard-fab {
     max-width: 1.5em;
     overflow: hidden;
     transition: max-width 0.5s ease;
+
+    ard-icon {
+      font-size: 1em;
+    }
   }
 
   &.ard-appearance-transparent {

package/themes/default/card.scss

@@ -11,7 +11,7 @@ ard-card,
 
   //! appearances
   &.ard-appearance-outlined {
-    border: 1px solid $border;
+    border: 1px solid $border-light;
   }
   &.ard-appearance-raised {
     box-shadow: $card-shadow;
@@ -49,20 +49,20 @@ ard-card-header {
   font-weight: 500;
 }
 .ard-card-title {
-  font-size: 1.25em;
+  font-size: 1.375em;
   letter-spacing: 0.0125em;
   color: $text;
 }
 .ard-card-subtitle {
-  font-size: 0.875em;
-  letter-spacing: 0.0078125;
+  font-size: 1em;
+  letter-spacing: 0.0078125em;
   color: $text3;
-  opacity: 80%;
+  margin-top: 0.125rem;
 }
 .ard-card-avatar {
   display: block;
-  width: 2.5em;
-  height: 2.5em;
+  width: 3em;
+  height: 3em;
   border-radius: 9999px;
   flex-shrink: 0;
   object-fit: cover;

package/themes/default/chips.scss

@@ -12,7 +12,7 @@
   font-family: 'Roboto', sans-serif;
   color: $text2;
   background: $bg;
-  border-radius: var(--ard-_chip-border-radius);
+  border-radius: var(--ard-variant-border-radius);
   padding: 0;
   margin: 6px;
   vertical-align: middle;
@@ -59,13 +59,6 @@
       }
     }
   }
-  //! variants
-  &.ard-variant-rounded {
-    --ard-_chip-border-radius: 6px;
-  }
-  &.ard-chip-variant-pill {
-    --ard-_chip-border-radius: 9999px;
-  }
   //! appearances
   &.ard-appearance-filled {
     background: var(--ard-cmpcl--bg-colored);
@@ -91,6 +84,7 @@
     background: transparent;
     color: var(--ard-cmpcl--content);
     border: 1px solid var(--ard-cmpcl--bg-colored);
+    border-radius: var(--ard-variant-border-radius);
     font-weight: 600;
 
     &.ard-chip-selectable {

package/themes/default/core.scss

@@ -82,9 +82,12 @@
   --ard-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.7);
   --ard-card-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 
-  --ard-simple-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  --ard-simple-shadow2: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  --ard-simple-shadow3: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  --ard-simple-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  --ard-simple-shadow2: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  --ard-simple-shadow3: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 
   --ard-spinner-color: rgba(0, 0, 0, 50%);
 }

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

@@ -49,7 +49,7 @@ ard-digit-input {
       .ard-digit-input__input {
         font-size: 1.2em;
         width: calc(2.0625em / 1.2);
-        height: calc(2.0625em * 1.5 / 1.2);
+        height: calc(2.0625em * 1.3 / 1.2);
       }
     }
   }

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

@@ -1,6 +1,7 @@
 @use './shared' as inputMixin;
 @use '../mixins' as defaultMixins;
 @use '../clear-button' as CB;
+@use '../coloring' as CM;
 @import '../../variables';
 
 .ard-file-input-form-field-frame {
@@ -9,18 +10,24 @@
   }
 }
 .ard-file-input {
+  @include CM.typeColors();
   @include inputMixin.genericInput();
   padding: 0 0 0 0.375rem;
   min-width: 10rem;
   max-width: 100%;
   gap: 0.125rem;
   cursor: default;
+  border-radius: var(--ard-variant-border-radius);
 
-  *:not(button):not(ard-_clear-button) {
+  *:not(button):not(ard-clear-button) {
     pointer-events: none;
     user-select: none;
   }
 
+  &.ard-state-dragover {
+    outline: 2px solid var(--ard-cmpcl--content-light);
+  }
+
   .ard-file-input__value {
     font-size: 92%;
     overflow: hidden;

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

@@ -18,7 +18,7 @@
   }
 
   .ard-hash-container {
-    margin-right: -0.25rem;
+    margin-right: -0.5rem;
     color: $text3;
     opacity: 70%;
     user-select: none;

package/themes/default/modal.scss

@@ -19,7 +19,7 @@
     position: relative;
     display: flex;
     flex-direction: column;
-    align-items: start;
+    align-items: flex-start;
     gap: 1.5rem;
 
     &.ard-modal-no-heading-text {

package/themes/default/segment.scss

@@ -43,6 +43,7 @@
       cursor: pointer;
       transition:
         color 0.1s $timing-fn,
+        opacity 0.1s $timing-fn,
         border-color 0.1s $timing-fn,
         background-color 0.1s $timing-fn;
       outline: none;
@@ -55,7 +56,7 @@
       }
 
       &.ard-option-disabled {
-        opacity: 60%;
+        opacity: 50%;
         pointer-events: none;
       }