@ardium-ui/ui 3.4.3 → 3.5.0

package/lib/inputs/date-input/date-input.directive.d.ts

@@ -0,0 +1,33 @@
+import { TemplateRef } from '@angular/core';
+import { ArdDateInputAcceptButtonsContext, ArdDateInputValueContext } from './date-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdDateInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputPrefixTemplateDirective, "ard-date-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputSuffixTemplateDirective, "ard-date-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputValueTemplateDirective {
+    template: TemplateRef<ArdDateInputValueContext>;
+    constructor(template: TemplateRef<ArdDateInputValueContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputValueTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputValueTemplateDirective, "ard-date-input > ng-template[ard-value-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputCalendarIconTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputCalendarIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputCalendarIconTemplateDirective, "ard-date-input > ng-template[ard-calendar-icon-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDateInputAcceptButtonsTemplateDirective {
+    template: TemplateRef<ArdDateInputAcceptButtonsContext>;
+    constructor(template: TemplateRef<ArdDateInputAcceptButtonsContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDateInputAcceptButtonsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDateInputAcceptButtonsTemplateDirective, "ard-date-input > ng-template[ard-accept-buttons-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/inputs/date-input/date-input.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../form-field-frame/form-field-frame.module";
+import * as i4 from "../../dropdown-panel/dropdown-panel.module";
+import * as i5 from "@ardium-ui/devkit";
+import * as i6 from "../../calendar/calendar.module";
+import * as i7 from "../../buttons/icon-button/icon-button.module";
+import * as i8 from "../../icon/icon.module";
+export declare class ArdiumDateInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumDateInputModule, [typeof i1.ArdiumDateInputComponent], [typeof i2.CommonModule, typeof i3.ArdiumFormFieldFrameModule, typeof i4.ArdiumDropdownPanelModule, typeof i5.ArdiumClickOutsideEventModule, typeof i6.ArdiumCalendarModule, typeof i7.ArdiumIconButtonModule, typeof i8.ArdiumIconModule], [typeof i1.ArdiumDateInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumDateInputModule>;
+}

package/lib/inputs/date-input/date-input.serializers.d.ts

@@ -0,0 +1,3 @@
+import { ArdDateInputDeserializeFn, ArdDateInputSerializeFn } from './date-input.types';
+export declare const DEFAULT_DATE_INPUT_SERIALIZE_FN: ArdDateInputSerializeFn;
+export declare const DEFAULT_DATE_INPUT_DESERIALIZE_FN: ArdDateInputDeserializeFn;

package/lib/inputs/date-input/date-input.types.d.ts

@@ -0,0 +1,16 @@
+export type ArdDateInputSerializeFn = (date: Date | null) => string;
+export type ArdDateInputDeserializeFn = (date: string, prevValue: Date | null) => Date | null;
+export interface ArdDateInputValueContext {
+    $implicit: Date | null;
+}
+export interface ArdDateInputAcceptButtonsContext {
+    $implicit: () => void;
+    cancel: () => void;
+    accept: () => void;
+    disabled: boolean;
+}
+export declare const ArdDateInputMinMaxStrategy: {
+    readonly Allow: "allow";
+    readonly Adjust: "adjust";
+};
+export type ArdDateInputMinMaxStrategy = typeof ArdDateInputMinMaxStrategy[keyof typeof ArdDateInputMinMaxStrategy];

package/lib/inputs/date-input/index.d.ts

@@ -0,0 +1,5 @@
+export * from './date-input.component';
+export * from './date-input.defaults';
+export * from './date-input.directive';
+export * from './date-input.module';
+export * from './date-input.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "3.4.3",
+  "version": "3.5.0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/prebuilt-themes/default/calendar-OLD.css

@@ -0,0 +1,294 @@
+.ard-calendar {
+  width: 18.5rem;
+  background: var(--ard-bg);
+  user-select: none;
+}
+.ard-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar .ard-calendar-header-container {
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+}
+.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content {
+  display: flex;
+  gap: 0.375rem;
+  align-items: center;
+}
+.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content .ard-dropdown-arrow {
+  width: var(--ard-dropdown-button-size);
+  height: var(--ard-dropdown-button-size);
+  border: calc(var(--ard-dropdown-button-size) / 2) solid transparent;
+  position: relative;
+  border-bottom-color: var(--ard-detail);
+  border-right-color: var(--ard-detail);
+  transform: rotate(45deg) translate(-17.67771%, -17.67771%);
+  box-sizing: border-box;
+}
+.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows {
+  display: flex;
+  gap: 0.375rem;
+}
+.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows > ard-fab {
+  margin: 0;
+}
+.ard-calendar .ard-calendar-main-container {
+  padding: 0.375rem;
+  padding-top: 0;
+}
+.ard-calendar .ard-calendar-entry {
+  z-index: 1;
+  cursor: pointer;
+  outline: none;
+}
+.ard-calendar .ard-calendar-entry .ard-calendar-entry-button {
+  background: transparent;
+  border: 1px solid transparent;
+  width: calc(100% - 0.25rem);
+  height: calc(100% - 0.25rem);
+  padding: 0;
+  position: relative;
+  border-radius: 9999px;
+  cursor: pointer;
+  margin: 0.125rem;
+}
+.ard-calendar .ard-calendar-entry .ard-calendar-entry-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;
+  z-index: -1;
+  background: var(--ard-cmpcl--bg-colored);
+  border: 2px solid transparent;
+  transition: border-color 0.2s ease, opacity 0.2s ease;
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-entry-empty {
+  cursor: default;
+  pointer-events: none;
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-today .ard-calendar-entry-button {
+  border-color: var(--ard-detail);
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-entry-highlighted .ard-focus-overlay {
+  opacity: 20%;
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-calendar-entry-button {
+  color: var(--ard-cmpcl--on-bg-colored);
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-focus-overlay {
+  opacity: 100%;
+}
+.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected.ard-calendar-today .ard-focus-overlay {
+  border-color: var(--ard-bg);
+}
+.ard-calendar .ard-calendar-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+}
+.ard-calendar .ard-calendar-grid > * {
+  max-width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 1;
+}
+.ard-calendar .ard-calendar-day-labels {
+  font-size: 0.8125rem;
+  color: var(--ard-text3);
+  height: 1.25rem;
+  position: relative;
+}
+.ard-calendar .ard-calendar-day-labels > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  aspect-ratio: unset;
+}
+.ard-calendar .ard-calendar-day-labels::after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 1px;
+  background: var(--ard-detail-ultralight);
+  bottom: 0;
+}
+.ard-calendar .ard-calendar-main-grid {
+  position: relative;
+}
+.ard-calendar .ard-calendar-main-grid.ard-reserve-top-row {
+  padding-top: 100%/7;
+}
+.ard-calendar .ard-calendar-main-grid .ard-calendar-floating-month {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 7;
+  padding-left: 0.5rem;
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--ard-text3);
+  letter-spacing: 0.5px;
+}
+.ard-calendar .ard-calendar-simple-grid {
+  border-top: 1px solid var(--ard-detail-ultralight);
+  margin-top: 0.25rem;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(6, 1fr);
+}
+.ard-calendar .ard-calendar-simple-grid > * {
+  max-width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 7/4;
+}
+.ard-calendar.ard-calendar-nointeract .ard-calendar-main-container {
+  pointer-events: none;
+}
+.ard-calendar.ard-calendar-static-height {
+  height: 19.5rem;
+}
+
+/*# sourceMappingURL=calendar-OLD.css.map */

package/prebuilt-themes/default/calendar-OLD.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar-OLD.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EAEE;EACA,YCRG;EDSH;;AENA;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;;AF3HF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EGvBN,OFqCqB;EEpCrB,QFoCqB;EEnCrB;EACA;EACA,qBFSO;EERP,oBFQO;EEPP;EACA;;AHoBI;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QATU;;AAWV;EItDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ+CM;EACA;EACA;EACA,YACE;;AAIN;EACE;EACA;;AAGA;EACE,cC/DC;;ADmEH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cCjGL;;ADuGH;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;EACA,OC1GI;ED2GJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YChHc;EDiHd;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC/IE;EDgJF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOF;EACE;;AAIJ;EACE","file":"calendar-OLD.css"}

package/prebuilt-themes/default/calendar.css

@@ -1,6 +1,5 @@
 .ard-calendar {
   width: 18.5rem;
-  background: var(--ard-bg);
   user-select: none;
 }
 .ard-calendar.ard-color-none {
@@ -136,22 +135,14 @@
   --ard-cmpcl--overlay-colored: currentColor;
   --ard-cmpcl--overlay-colored-light: currentColor;
 }
-.ard-calendar .ard-calendar-header-container {
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header {
-  width: 100%;
+.ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header {
   display: flex;
   justify-content: space-between;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content {
-  display: flex;
-  gap: 0.375rem;
   align-items: center;
+  width: 100%;
+  padding: 0.75rem 0;
 }
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content .ard-dropdown-arrow {
+.ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header .ard-dropdown-arrow {
   width: var(--ard-dropdown-button-size);
   height: var(--ard-dropdown-button-size);
   border: calc(var(--ard-dropdown-button-size) / 2) solid transparent;
@@ -161,34 +152,89 @@
   transform: rotate(45deg) translate(-17.67771%, -17.67771%);
   box-sizing: border-box;
 }
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows {
-  display: flex;
-  gap: 0.375rem;
+.ard-calendar .ard-years-view .ard-dropdown-arrow {
+  rotate: 180deg;
 }
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows > ard-fab {
-  margin: 0;
+.ard-calendar .ard-calendar__weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 2.5rem);
+  align-items: center;
+  padding: 0 0.375rem 0.5rem 0.375rem;
 }
-.ard-calendar .ard-calendar-main-container {
+.ard-calendar .ard-calendar__weekdays .ard-calendar__weekday {
+  text-align: center;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--ard-text);
+}
+.ard-calendar .ard-calendar__days-grid {
   padding: 0.375rem;
   padding-top: 0;
+  display: grid;
+  grid-template-columns: repeat(7, 2.5rem);
+  position: relative;
+  outline: none;
+}
+.ard-calendar .ard-calendar__days-grid > * {
+  max-width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 1;
+}
+.ard-calendar .ard-calendar__days-grid.ard-reserve-top-row {
+  padding-top: 2.5rem;
+}
+.ard-calendar .ard-calendar__days-grid .ard-calendar__floating-month {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 7;
+  padding-left: 1rem;
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--ard-text3);
+  letter-spacing: 0.5px;
+  z-index: 2;
+  pointer-events: none;
+}
+.ard-calendar .ard-calendar__simple-grid {
+  border-top: 1px solid var(--ard-detail-ultralight);
+  margin-top: 0.25rem;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(6, 2.5rem);
+  position: relative;
+  outline: none;
+}
+.ard-calendar .ard-calendar__simple-grid > * {
+  max-width: 100%;
+  box-sizing: border-box;
+  aspect-ratio: 7/4;
 }
-.ard-calendar .ard-calendar-entry {
+.ard-calendar .ard-calendar__entry {
   z-index: 1;
   cursor: pointer;
   outline: none;
+  padding: 0.125rem;
 }
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button {
+.ard-calendar .ard-calendar__entry .ard-calendar__entry-button {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.875rem;
   background: transparent;
   border: 1px solid transparent;
-  width: calc(100% - 0.25rem);
-  height: calc(100% - 0.25rem);
-  padding: 0;
-  position: relative;
   border-radius: 9999px;
+  position: relative;
   cursor: pointer;
-  margin: 0.125rem;
 }
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button .ard-focus-overlay {
+.ard-calendar .ard-calendar__entry .ard-calendar__entry-button .ard-focus-overlay {
   position: absolute;
   top: -0;
   bottom: -0;
@@ -201,48 +247,52 @@
   z-index: -1;
   background: var(--ard-cmpcl--bg-colored);
   border: 2px solid transparent;
-  transition: border-color 0.2s ease, opacity 0.2s ease;
+  transition: border-color 0.1s ease, opacity 0.1s ease;
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-empty {
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-empty {
   cursor: default;
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-today .ard-calendar-entry-button {
+.ard-calendar .ard-calendar__entry.ard-calendar-today .ard-calendar__entry-button {
   border-color: var(--ard-detail);
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-highlighted .ard-focus-overlay {
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted .ard-focus-overlay {
   opacity: 20%;
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-calendar-entry-button {
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected .ard-calendar__entry-button {
   color: var(--ard-cmpcl--on-bg-colored);
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-focus-overlay {
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected .ard-focus-overlay {
   opacity: 100%;
 }
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected.ard-calendar-today .ard-focus-overlay {
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected.ard-calendar-today .ard-focus-overlay {
   border-color: var(--ard-bg);
 }
-.ard-calendar .ard-calendar-grid {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled {
+  pointer-events: none;
+  opacity: 50%;
 }
-.ard-calendar .ard-calendar-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 1;
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled .ard-calendar__entry-button {
+  cursor: default;
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled .ard-focus-overlay {
+  background: var(--ard-cmpcl--overlay);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled.ard-calendar__entry-highlighted .ard-focus-overlay {
+  opacity: 15%;
 }
-.ard-calendar .ard-calendar-day-labels {
+.ard-calendar .ard-calendar__day-labels {
   font-size: 0.8125rem;
   color: var(--ard-text3);
   height: 1.25rem;
   position: relative;
 }
-.ard-calendar .ard-calendar-day-labels > * {
+.ard-calendar .ard-calendar__day-labels > * {
   display: flex;
   align-items: center;
   justify-content: center;
   aspect-ratio: unset;
 }
-.ard-calendar .ard-calendar-day-labels::after {
+.ard-calendar .ard-calendar__day-labels::after {
   content: "";
   position: absolute;
   width: 100%;
@@ -250,44 +300,14 @@
   background: var(--ard-detail-ultralight);
   bottom: 0;
 }
-.ard-calendar .ard-calendar-main-grid {
-  position: relative;
-}
-.ard-calendar .ard-calendar-main-grid.ard-reserve-top-row {
-  padding-top: 100%/7;
-}
-.ard-calendar .ard-calendar-main-grid .ard-calendar-floating-month {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7;
-  padding-left: 0.5rem;
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ard-text3);
-  letter-spacing: 0.5px;
-}
-.ard-calendar .ard-calendar-simple-grid {
-  border-top: 1px solid var(--ard-detail-ultralight);
-  margin-top: 0.25rem;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-template-rows: repeat(6, 1fr);
-}
-.ard-calendar .ard-calendar-simple-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7/4;
-}
-.ard-calendar.ard-calendar-nointeract .ard-calendar-main-container {
+
+.ard-readonly .ard-calendar,
+.ard-disabled .ard-calendar {
   pointer-events: none;
 }
-.ard-calendar.ard-calendar-static-height {
-  height: 19.5rem;
+
+.ard-disabled .ard-calendar {
+  opacity: 50%;
 }
 
 /*# sourceMappingURL=calendar.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EAEE;EACA,YCRG;EDSH;;AENA;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;;AF3HF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EGvBN,OFqCqB;EEpCrB,QFoCqB;EEnCrB;EACA;EACA,qBFSO;EERP,oBFQO;EEPP;EACA;;AHoBI;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QATU;;AAWV;EItDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ+CM;EACA;EACA;EACA,YACE;;AAIN;EACE;;AAGA;EACE,cC9DC;;ADkEH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cChGL;;ADsGH;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;EACA,OCzGI;ED0GJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YC/Gc;EDgHd;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC9IE;ED+IF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOF;EACE;;AAIJ;EACE","file":"calendar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAEE;EACA;;ACPA;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;;ADxHA;EACE;EACA;EACA;EACA;EACA;;AAEA;EElBJ,OCqCqB;EDpCrB,QCoCqB;EDnCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFiBE;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OGnCC;;AHuCL;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,aAvDM;;AAyDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGjEE;EHkEF;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EI9GJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJuGM;EACA;EACA;EACA;;AAGJ;EACE;;AAGA;EACE,cGpHC;;AHwHH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cGtJL;;AH0JD;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AAKR;EACE;EACA,OGpKI;EHqKJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YG1Kc;EH2Kd;;;AAMJ;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}