ecabs-components 1.0.42 → 1.0.43

package/lib/ecabs-date-picker/ecabs-date-picker.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "@angular/forms";
 import * as i8 from "../ecabs-picker-header/ecabs-picker-header.module";
 import * as i9 from "@angular/material/legacy-button";
 import * as i10 from "@angular/material/legacy-input";
+import * as i11 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
 export declare class EcabsDatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatePickerModule, [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.EcabsPickerHeaderModule, typeof i9.MatLegacyButtonModule, typeof i10.MatLegacyInputModule], [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatePickerModule, [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.EcabsPickerHeaderModule, typeof i9.MatLegacyButtonModule, typeof i10.MatLegacyInputModule, typeof i11.EcabsDatePickerActionsModule], [typeof i1.EcabsDatePickerComponent, typeof i2.EcabsDatePickerHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatePickerModule>;
 }

package/lib/ecabs-date-picker-actions/ecabs-date-picker-actions.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EcabsDatePickerActionsComponent {
+    cancelLabel: string;
+    applyLabel: string;
+    readonly apply: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDatePickerActionsComponent, "ecabs-date-picker-actions", never, { "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; }, { "apply": "apply"; }, never, never, false, never>;
+}

package/lib/ecabs-date-picker-actions/ecabs-date-picker-actions.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-date-picker-actions.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../ecabs-buttons/ecabs-buttons.module";
+import * as i4 from "@angular/material/datepicker";
+export declare class EcabsDatePickerActionsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatePickerActionsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatePickerActionsModule, [typeof i1.EcabsDatePickerActionsComponent], [typeof i2.CommonModule, typeof i3.EcabsButtonsModule, typeof i4.MatDatepickerModule], [typeof i1.EcabsDatePickerActionsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatePickerActionsModule>;
+}

package/lib/ecabs-date-range-picker/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class EcabsDateRangePickerHeaderComponent {
+    selectDateLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerHeaderComponent, "ecabs-date-range-picker-header", never, { "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/ecabs-date-range-picker/ecabs-date-range-picker.component.d.ts

@@ -0,0 +1,47 @@
+import { AfterViewInit, EventEmitter, Injector } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import ElementBaseComponent from '../base/element-base';
+import { EcabsDateRangePickerHeaderComponent } from './components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component';
+import * as i0 from "@angular/core";
+export declare class EcabsDateRangePickerComponent extends ElementBaseComponent implements ControlValueAccessor, AfterViewInit {
+    private injector;
+    minDate: Date;
+    maxDate: Date;
+    touchUi: boolean;
+    cancelLabel: string;
+    applyLabel: string;
+    selectDateLabel: string;
+    startDatePlaceholder: string;
+    endDatePlaceholder: string;
+    onblur: EventEmitter<any>;
+    val: {
+        dateFrom: string;
+        dateTo: string;
+    };
+    header: typeof EcabsDateRangePickerHeaderComponent;
+    _dateFrom: string;
+    _dateTo: string;
+    get value(): {
+        dateFrom: string;
+        dateTo: string;
+    };
+    get dateFrom(): string;
+    get dateTo(): string;
+    set value(val: {
+        dateFrom: string;
+        dateTo: string;
+    });
+    set dateFrom(val: string);
+    set dateTo(val: string);
+    constructor(injector: Injector);
+    ngAfterViewInit(): void;
+    onChange: any;
+    onTouch: any;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    blurChange(e: any): void;
+    onApply(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsDateRangePickerComponent, "ecabs-date-range-picker", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "applyLabel": { "alias": "applyLabel"; "required": false; }; "selectDateLabel": { "alias": "selectDateLabel"; "required": false; }; "startDatePlaceholder": { "alias": "startDatePlaceholder"; "required": false; }; "endDatePlaceholder": { "alias": "endDatePlaceholder"; "required": false; }; }, { "onblur": "onblur"; }, never, never, false, never>;
+}

package/lib/ecabs-date-range-picker/ecabs-date-range-picker.module.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ecabs-date-range-picker.component";
+import * as i2 from "./components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../base/element-wrapper/element-wrapper.module";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/datepicker";
+import * as i7 from "@angular/material/legacy-button";
+import * as i8 from "@angular/forms";
+import * as i9 from "../ecabs-picker-header/ecabs-picker-header.module";
+import * as i10 from "../ecabs-buttons/ecabs-buttons.module";
+import * as i11 from "../base/directives/digits-only.directive.module";
+import * as i12 from "../base/directives/number-border.directive.module";
+import * as i13 from "../base/directives/date-mask.directive.module";
+import * as i14 from "@angular/material/legacy-input";
+import * as i15 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
+export declare const MATERIAL_DATETIMEPICKER_FORMATS: {
+    parse: {
+        dateInput: string;
+    };
+    display: {
+        dateInput: string;
+        monthYearLabel: string;
+        dateA11yLabel: string;
+        monthYearA11yLabel: string;
+    };
+};
+export declare class EcabsDateRangeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDateRangeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDateRangeModule, [typeof i1.EcabsDateRangePickerComponent, typeof i2.EcabsDateRangePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatLegacyButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.DigitsOnlyDirectivesModule, typeof i12.NumberBorderDirectiveModule, typeof i13.MaskDateDirectiveModule, typeof i14.MatLegacyInputModule, typeof i15.EcabsDatePickerActionsModule], [typeof i1.EcabsDateRangePickerComponent, typeof i2.EcabsDateRangePickerHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDateRangeModule>;
+}

package/lib/ecabs-date-time-picker/ecabs-date-time-picker.module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "../ecabs-buttons/ecabs-buttons.module";
 import * as i11 from "../base/directives/digits-only.directive.module";
 import * as i12 from "../base/directives/number-border.directive.module";
 import * as i13 from "../base/directives/date-mask.directive.module";
+import * as i14 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
 export declare class EcabsDatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatLegacyButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.DigitsOnlyDirectivesModule, typeof i12.NumberBorderDirectiveModule, typeof i13.MaskDateDirectiveModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimePickerModule, [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent], [typeof i3.CommonModule, typeof i4.ElementWrapperModule, typeof i5.MatIconModule, typeof i6.MatDatepickerModule, typeof i7.MatLegacyButtonModule, typeof i8.FormsModule, typeof i8.ReactiveFormsModule, typeof i9.EcabsPickerHeaderModule, typeof i10.EcabsButtonsModule, typeof i11.DigitsOnlyDirectivesModule, typeof i12.NumberBorderDirectiveModule, typeof i13.MaskDateDirectiveModule, typeof i14.EcabsDatePickerActionsModule], [typeof i1.EcabsDateTimePickerComponent, typeof i2.EcabsDateTimePickerHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatetimePickerModule>;
 }

package/lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.module.d.ts

@@ -13,8 +13,9 @@ import * as i11 from "../ecabs-buttons/ecabs-buttons.module";
 import * as i12 from "../base/directives/digits-only.directive.module";
 import * as i13 from "../base/directives/number-border.directive.module";
 import * as i14 from "../base/directives/date-mask.directive.module";
+import * as i15 from "../ecabs-date-picker-actions/ecabs-date-picker-actions.module";
 export declare class EcabsDatetimeRangePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsDatetimeRangePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimeRangePickerModule, [typeof i1.EcabsDateTimeRangePickerComponent, typeof i2.EcabsDateTimeRangePickerHeaderComponent, typeof i3.TimeRangeDirective], [typeof i4.CommonModule, typeof i5.ElementWrapperModule, typeof i6.MatIconModule, typeof i7.MatDatepickerModule, typeof i8.MatLegacyButtonModule, typeof i9.FormsModule, typeof i9.ReactiveFormsModule, typeof i10.EcabsPickerHeaderModule, typeof i11.EcabsButtonsModule, typeof i12.DigitsOnlyDirectivesModule, typeof i13.NumberBorderDirectiveModule, typeof i14.MaskDateDirectiveModule], [typeof i1.EcabsDateTimeRangePickerComponent, typeof i2.EcabsDateTimeRangePickerHeaderComponent, typeof i3.TimeRangeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EcabsDatetimeRangePickerModule, [typeof i1.EcabsDateTimeRangePickerComponent, typeof i2.EcabsDateTimeRangePickerHeaderComponent, typeof i3.TimeRangeDirective], [typeof i4.CommonModule, typeof i5.ElementWrapperModule, typeof i6.MatIconModule, typeof i7.MatDatepickerModule, typeof i8.MatLegacyButtonModule, typeof i9.FormsModule, typeof i9.ReactiveFormsModule, typeof i10.EcabsPickerHeaderModule, typeof i11.EcabsButtonsModule, typeof i12.DigitsOnlyDirectivesModule, typeof i13.NumberBorderDirectiveModule, typeof i14.MaskDateDirectiveModule, typeof i15.EcabsDatePickerActionsModule], [typeof i1.EcabsDateTimeRangePickerComponent, typeof i2.EcabsDateTimeRangePickerHeaderComponent, typeof i3.TimeRangeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EcabsDatetimeRangePickerModule>;
 }

package/lib/ecabs-timepicker/componets/ecabs-time-list-panel/ecabs-time-list-panel.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, EventEmitter, ElementRef, OnChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
 import { ListPlacement, ListPosition } from '../../../models/timepicker.models';
 import { FormTimePickerService } from '../../ecabs-timepicker.service';
 import * as i0 from "@angular/core";
@@ -8,6 +8,8 @@ export declare class EcabsTimeListPanelComponent implements OnInit, OnChanges {
     typedValue: any;
     listPlacement: ListPlacement;
     listPosition: ListPosition;
+    dayStartLabel: string;
+    dayEndLabel: string;
     appendTo: string;
     min: string;
     max: string;
@@ -36,5 +38,5 @@ export declare class EcabsTimeListPanelComponent implements OnInit, OnChanges {
     close(): void;
     setTime(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimeListPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimeListPanelComponent, "ecabs-time-list-panel", never, { "typedValue": { "alias": "typedValue"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "listPosition": { "alias": "listPosition"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onscroll": "onscroll"; "closeMe": "closeMe"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimeListPanelComponent, "ecabs-time-list-panel", never, { "typedValue": { "alias": "typedValue"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "listPosition": { "alias": "listPosition"; "required": false; }; "dayStartLabel": { "alias": "dayStartLabel"; "required": false; }; "dayEndLabel": { "alias": "dayEndLabel"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onscroll": "onscroll"; "closeMe": "closeMe"; }, never, never, false, never>;
 }

package/lib/ecabs-timepicker/ecabs-timepicker.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Injector, AfterViewInit } from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FormTimePickerService } from './ecabs-timepicker.service';
 import ElementBaseComponent from '../base/element-base';
@@ -17,13 +17,17 @@ export declare class EcabsTimepickerComponent extends ElementBaseComponent imple
     showDayStart: boolean;
     showDayEnd: boolean;
     addSecond: boolean;
+    dayStartLabel: string;
+    dayEndLabel: string;
     position: ListPosition;
     _data: string;
-    _timePicker: any;
-    _input: any;
+    _timePicker: {
+        querySelector: (arg0: string) => HTMLElement;
+    };
+    _input: HTMLElement;
     listPosition: ListPosition;
-    caretPositionStart: any;
-    caretPositionEnd: any;
+    caretPositionStart: number;
+    caretPositionEnd: number;
     get data(): any;
     set data(value: any);
     constructor(elementRef: ElementRef, timepickerService: FormTimePickerService, injector: Injector);
@@ -45,9 +49,8 @@ export declare class EcabsTimepickerComponent extends ElementBaseComponent imple
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(obj: any): void;
-    onChange(): void;
     show(): void;
     close(val?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EcabsTimepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "focusedFlag": { "alias": "focusedFlag"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "addSecond": { "alias": "addSecond"; "required": false; }; }, {}, never, ["mat-icon"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EcabsTimepickerComponent, "ecabs-timepicker", never, { "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "focusedFlag": { "alias": "focusedFlag"; "required": false; }; "listPlacement": { "alias": "listPlacement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showDayStart": { "alias": "showDayStart"; "required": false; }; "showDayEnd": { "alias": "showDayEnd"; "required": false; }; "addSecond": { "alias": "addSecond"; "required": false; }; "dayStartLabel": { "alias": "dayStartLabel"; "required": false; }; "dayEndLabel": { "alias": "dayEndLabel"; "required": false; }; }, {}, never, ["mat-icon"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecabs-components",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "peerDependencies": {
     "@angular/animations": "^16.2.12",
     "@angular/common": "^16.2.12",
@@ -14,7 +14,7 @@
     "ngx-mat-select-search": "^6.0.0",
     "postcss": "^8.4.35",
     "rxjs": "~7.5.0",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.3",
     "vanilla-text-mask": "^5.1.1"
   },
   "dependencies": {

package/public-api.d.ts

@@ -19,6 +19,9 @@ export * from './lib/ecabs-date-picker/components/ecabs-date-picker-header/ecabs
 export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.component';
 export * from './lib/ecabs-date-time-picker/components/ecabs-date-time-picker-header/ecabs-date-time-picker-header.component';
 export * from './lib/ecabs-date-time-picker/ecabs-date-time-picker.module';
+export * from './lib/ecabs-date-range-picker/ecabs-date-range-picker.module';
+export * from './lib/ecabs-date-range-picker/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header.component';
+export * from './lib/ecabs-date-range-picker/ecabs-date-range-picker.component';
 export * from './lib/ecabs-date-picker/ecabs-date-picker.module';
 export * from './lib/ecabs-date-time-range-picker/ecabs-date-time-range-picker.component';
 export * from './lib/ecabs-date-time-range-picker/components/ecabs-date-time-range-picker-header/ecabs-date-time-range-picker-header.component';

package/src/assets/styles/material/overrides/_datepicker.scss

@@ -135,6 +135,14 @@
   .mat-datepicker-actions {
     margin-top: 1rem;
     padding: 0 1.6rem 1.6rem 1.6rem;
+
+    .mat-button-base + .mat-button-base {
+      margin-left: unset;
+    }
+
+    button.mat-button-base {
+      min-width: 100%;
+    }
   }
 
   .mat-calendar-body-disabled {

package/src/assets/styles/material/overrides/_form.scss

@@ -1,21 +1,20 @@
 @import "../../../styles/scss/utilities/helpers";
 
-.mat-mdc-form-field {
+.mat-form-field {
   display: block !important;
 
-  .mat-mdc-form-field-wrapper {
+  .mat-form-field-wrapper {
     padding: 0;
 
-    .mat-mdc-form-field-flex {
+    .mat-form-field-flex {
       padding: 0;
     }
 
-    .mat-mdc-form-field-infix {
+    .mat-form-field-infix {
       padding: 0;
       border: 0;
     }
   }
-
   &-underline {
     display: none;
   }
@@ -26,7 +25,7 @@
     }
   }
 
-  &-label, label:not([class*=mat-slide-toggle-label], [class*=mat-radio-label]) {
+  &-label {
     @extend .form-field__label;
   }
 
@@ -47,110 +46,21 @@
     @extend .form-field__input;
   }
 
-  .mat-mdc-form-field-subscript-wrapper {
+  .mat-form-field-subscript-wrapper {
     margin-top: 0;
   }
 }
 
-.mat-mdc-form-field {
-  display: block !important;
-
-  .mat-mdc-form-field-wrapper {
-    padding: 0;
-
-    .mat-mdc-form-field-flex {
-      padding: 0;
-    }
-
-    .mat-mdc-form-field-infix {
-      padding: 0;
-      border: 0;
-    }
-  }
-
-  &-underline {
-    display: none;
-  }
-
-  &-disabled {
-    .mat-mdc-input-element {
-      @extend .form-field__input--disabled;
-    }
-  }
-
-  &-label, label:not([class*=mat-slide-toggle-label], [class*=mat-radio-label]) {
-    @extend .form-field__label;
-  }
-
-  &-invalid {
-    .mat-mdc-input-element,
-    mat-error,
-    mat-date-range-input {
-      @extend .form-field__input--invalid;
-    }
-  }
-
-  &-suffix,
-  [matsuffix] {
-    @extend .form-field__input--suffix;
-  }
-
-  .mat-mdc-input-element {
-    @extend .form-field__input;
-  }
-
-  .mat-mdc-form-field-subscript-wrapper {
-    margin-top: 0;
-  }
-
-  .mat-mdc-text-field-wrapper {
-    background-color: inherit !important;
-    padding-bottom: 0;
-  }
-
-  .mdc-text-field--outlined .mdc-text-field__input,
-  .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
-    // border: 1px solid $color-mono-light !important;
-    line-height: inherit;
-  }
-
-  .mat-mdc-form-field-subscript-wrapper {
-    display: none;
-  }
-
-  div[class*="mdc-notched-outline__"] {
-    border: unset;
-  }
-
-  .mat-mdc-text-field-wrapper {
-    padding-left: 0;
-    padding-right: 0;
-
-    .mat-mdc-form-field-flex .mat-mdc-floating-label {
-      top: 1.24rem;
-      line-height: $base-line-height;
-    }
-
-    &.mdc-text-field--outlined {
-      .mat-mdc-form-field-infix {
-        border-top: 0.9375em solid transparent;
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-      }
-    }
-  }
-
-  .mdc-line-ripple {
-    display: none;
-  }
+label {
+  @extend .form-field__label;
 }
 
-.mdc-text-field {
-  padding: 0 !important;
-}
+.newline-validation .form-field {
+  flex-wrap: wrap;
 
-.mat-mdc-form-field-focus-overlay {
-  background-color: inherit !important;
+  app-validations-messages {
+    flex-basis: 100%;
+  }
 }
 
 .form-field--required {

package/src/assets/styles/scss/modules/_phone.scss

@@ -5,7 +5,7 @@
     border: 1px solid var(--color-gray-500);
 
     .ngx-mat-tel-input-input {
-      padding: calc-rem(8) 6px calc-rem(8) 105px !important;
+      padding: calc-rem(8) calc-rem(8) calc-rem(8) calc-rem(105px) !important;
     }
 
     .country-selector {

package/src/assets/styles/scss/modules/_timepicker.scss

@@ -1,4 +1,4 @@
-app-timepicker {
+ecabs-timepicker {
   .timeInputWrapper {
     z-index: 1;
 
@@ -7,7 +7,6 @@ app-timepicker {
       width: 100%;
       display: block;
       box-sizing: border-box;
-      font-size: 0.875rem;
       padding: calc-rem(8) calc-rem(16);
       border-radius: $border-radius-base;
       border: 1px solid var(--color-gray-500);
@@ -47,10 +46,9 @@ app-timepicker {
     position: absolute;
     width: 100%;
     box-sizing: border-box;
-    box-shadow: 0 4px 6px rgba(22, 42, 76, 0.08), 0 2px 16px rgba(22, 42, 76, 0.06),
-    0 8px 12px rgba(22, 42, 76, 0.04);
+    box-shadow: $box-shadow-default;
     border-radius: 0 0 4px 4px;
-    height: 224px;
+    height: calc-rem(224px);
     overflow: hidden;
 
     .inner-scroll {
@@ -68,10 +66,10 @@ app-timepicker {
           li {
             display: block;
             padding: 8px 12px;
-            font-size: 13px;
-            line-height: 20px;
+            font-size: $font-size-sm;
+            line-height: $base-line-height;
             font-weight: normal;
-            color: rgba(22, 42, 76, 0.9);
+            color: var(--color-black);
             cursor: pointer;
 
             &:last-child {
@@ -79,11 +77,11 @@ app-timepicker {
             }
 
             &.active {
-              color: #376bfb;
+              color: var(--color-brand-light);
             }
 
             &.hovered {
-              background: rgba(22, 42, 76, 0.075);
+              background: var(--color-gray-200);
             }
           }
         }

package/src/assets/styles/tailwind/index.scss

@@ -1 +1 @@
-/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--color-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.float-right{float:right}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-1{margin-top:-.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-px{width:1px;height:1px}.w-60{width:15rem}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-y-4{row-gap:1rem}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.truncate{text-overflow:ellipsis}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-current{border-color:currentColor}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[k\:string\]{k:string}
+/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--color-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.float-right{float:right}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-1{margin-top:-.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-px{width:1px;height:1px}.w-60{width:15rem}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-y-4{row-gap:1rem}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.truncate{text-overflow:ellipsis}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-current{border-color:currentColor}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[k\:string\]{k:string}