@codeandfunction/callaloo 4.8.0 → 4.9.1

package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts

@@ -0,0 +1,265 @@
+import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLIconNames, CLOrientation, CLPlacement, CLSizes } from '../../../index.ts';
+export interface CLInputDatePickerProps {
+    /** Sets the aria-label on the trigger button. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** Sets the color of the trigger button, selected dates, and apply button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Sets the date picker size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
+    variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
+    /** A `boolean` value which dictates the busy state of the date picker. */
+    busy?: boolean;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** When set to true, sets the width of the date picker to 100% of it's parent. */
+    fluid?: boolean;
+    /** The form whom the date picker belongs to. Useful for when a date picker is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** Whether to allow range selection or single date selection. */
+    isRange?: boolean;
+    /** The label text to be displayed which is associated to the date picker. */
+    label?: string;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the date picker. The name is submitted along with the date picker value when the form it belongs to is submitted. */
+    name: string;
+    /** A callback function which handles when the date picker loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the date picker value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the date picker gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
+    orientation?: CLOrientation;
+    /** Sets the placement of the dropdown content. The property can be one of `CLPlacement`, e.g. `CLPlacement.BottomStart`. */
+    placement?: CLPlacement;
+    /** The default text shown when there is no value. Useful for providing a hint of what is expected. */
+    placeholder?: string;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: {
+        end: string | null;
+        start: string | null;
+    } | null;
+} & CLInputDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: {
+        end: string | null;
+        start: string | null;
+    } | null) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: {
+        end: string | null;
+        start: string | null;
+    } | null;
+} & CLInputDatePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: {
+        end: string | null;
+        start: string | null;
+    } | null) => any) | undefined;
+}>, {
+    color: CLColors;
+    variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+    fluid: boolean;
+    rounded: boolean;
+    testId: string;
+    form: string;
+    label: string;
+    onFocus: CLGenericFocusFunction;
+    onBlur: CLGenericFocusFunction;
+    onChange: CLGenericFunction;
+    size: CLSizes;
+    required: boolean;
+    ariaLabel: string;
+    borderRadius: CLBorderRadius;
+    busy: boolean;
+    disabled: boolean;
+    placeholder: string;
+    isRange: boolean;
+    orientation: CLOrientation;
+    messages: string[];
+    messageType: CLColors;
+    placement: CLPlacement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number;
+    } & import('../CLInput').CLInputProps> & Readonly<{
+        onReset?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {
+        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        reset: (...args: any[]) => void;
+        "update:modelValue": (value: string | number) => void;
+    }, import('vue').PublicProps, {
+        color: CLColors;
+        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+        fluid: boolean;
+        rounded: boolean;
+        testId: string;
+        type: import('../../../index.ts').CLInputTypes;
+        form: string;
+        label: string;
+        pattern: string;
+        onFocus: CLGenericFocusFunction;
+        onBlur: CLGenericFocusFunction;
+        onChange: CLGenericFunction;
+        onInput: import('../../../index.ts').CLGenericInputFunction;
+        size: CLSizes;
+        required: boolean;
+        prefix: string | CLIconNames;
+        ariaLabel: string;
+        borderRadius: CLBorderRadius;
+        busy: boolean;
+        disabled: boolean;
+        pill: string;
+        placeholder: string;
+        orientation: CLOrientation;
+        messages: string[];
+        messageType: CLColors;
+        maxLength: number;
+        grouped: boolean;
+        suffix: string | CLIconNames;
+        autoComplete: boolean;
+        charCounter: boolean;
+        minLength: number;
+        onPrefixClick: (event?: MouseEvent) => void;
+        onSuffixClick: (event?: MouseEvent) => void;
+        prefixAriaLabel: string;
+        readonly: boolean;
+        spellCheck: boolean;
+        suffixAriaLabel: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        'input-elem': HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | number;
+    } & import('../CLInput').CLInputProps> & Readonly<{
+        onReset?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {
+        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, {
+        color: CLColors;
+        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
+        fluid: boolean;
+        rounded: boolean;
+        testId: string;
+        type: import('../../../index.ts').CLInputTypes;
+        form: string;
+        label: string;
+        pattern: string;
+        onFocus: CLGenericFocusFunction;
+        onBlur: CLGenericFocusFunction;
+        onChange: CLGenericFunction;
+        onInput: import('../../../index.ts').CLGenericInputFunction;
+        size: CLSizes;
+        required: boolean;
+        prefix: string | CLIconNames;
+        ariaLabel: string;
+        borderRadius: CLBorderRadius;
+        busy: boolean;
+        disabled: boolean;
+        pill: string;
+        placeholder: string;
+        orientation: CLOrientation;
+        messages: string[];
+        messageType: CLColors;
+        maxLength: number;
+        grouped: boolean;
+        suffix: string | CLIconNames;
+        autoComplete: boolean;
+        charCounter: boolean;
+        minLength: number;
+        onPrefixClick: (event?: MouseEvent) => void;
+        onSuffixClick: (event?: MouseEvent) => void;
+        prefixAriaLabel: string;
+        readonly: boolean;
+        spellCheck: boolean;
+        suffixAriaLabel: string;
+    }> | null;
+    popoverRef: HTMLDivElement;
+    calendarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null;
+    } & import('../CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any) | undefined;
+        "onDate-select"?: ((date: string) => any) | undefined;
+    }>, {
+        apply: () => void;
+        cancel: () => void;
+        draftEnd: globalThis.Ref<string | null, string | null>;
+        draftStart: globalThis.Ref<string | null, string | null>;
+        initializeDraft: () => void;
+        reset: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any;
+        "date-select": (date: string) => any;
+    }, import('vue').PublicProps, {
+        color: CLColors;
+        fluid: boolean;
+        testId: string;
+        busy: boolean;
+        disabled: boolean;
+        isRange: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null;
+    } & import('../CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: {
+            end: import('../../../composables/useDatePicker').ISODate | null;
+            start: import('../../../composables/useDatePicker').ISODate | null;
+        } | null) => any) | undefined;
+        "onDate-select"?: ((date: string) => any) | undefined;
+    }>, {
+        apply: () => void;
+        cancel: () => void;
+        draftEnd: globalThis.Ref<string | null, string | null>;
+        draftStart: globalThis.Ref<string | null, string | null>;
+        initializeDraft: () => void;
+        reset: () => void;
+    }, {}, {}, {}, {
+        color: CLColors;
+        fluid: boolean;
+        testId: string;
+        busy: boolean;
+        disabled: boolean;
+        isRange: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLInputDatePicker/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CLInputDatePickerComponent } from './CLInputDatePicker.vue';
+export { CLInputDatePickerComponent as CLInputDatePicker };
+export default CLInputDatePickerComponent;
+export type CLInputDatePicker = InstanceType<typeof CLInputDatePickerComponent>;

package/dist/components/Form/index.d.ts

@@ -1,4 +1,6 @@
 export { CLCheckbox } from './CLCheckbox';
+export { CLCalendar } from './CLCalendar';
+export { CLInputDatePicker } from './CLInputDatePicker';
 export { CLInput } from './CLInput';
 export { CLRadioButton } from './CLRadioButton';
 export { CLSelect } from './CLSelect';

package/dist/components/Modals/CLModal/CLModal.css

@@ -1 +1 @@
-.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:640px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:640px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}
+.clll-prevent-scroll{overflow:initial}.clll-modal{position:fixed;inset:0;height:100dvh}.clll-modal .clll-modal__window{position:relative;overflow-x:hidden;overflow-y:auto;height:100%;padding:0 var(--clll-px-md)}.clll-modal .clll-modal__window .clll-modal__close-button{position:absolute;top:var(--clll-unit-2);right:var(--clll-unit-2);z-index:1}.clll-modal .clll-modal__window .clll-modal__content{border-radius:0;display:flex;flex-direction:column;height:auto;position:relative;margin:var(--clll-unit-6) auto;background:var(--clll-modal-content-bg, white);box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--rounded-none .clll-{border-radius:0}.clll-modal .clll-modal__window .clll-modal__content:not([class*=clll-modal__content--rounded-]){border-radius:var(--clll-modal-theme-radius, 0)}@media(min-width:480px){.clll-modal .clll-modal__window .clll-modal__content{margin:var(--clll-unit-12) auto;max-width:var(--clll-modal-max-width)}}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title{align-items:start;display:flex;width:100%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__header .clll-modal__content__title .clll-modal__content__header__container{flex:1 1 0%}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:480px){.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__scroller{overflow-y:hidden}}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body{flex:1}.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__header .clll-modal__content__header__title{flex:1}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title .clll-modal__content__header .clll-modal__content__title{justify-content:flex-end;padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-body .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__header,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-footer .clll-modal__content__footer{display:none;padding:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-12) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen{padding:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{height:100%;margin:0;max-width:100%}@media(min-width:480px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content{border-radius:0}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__close-button{top:var(--clll-unit-2);right:var(--clll-unit-2)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title .clll-modal__close-button,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__close-button{right:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__header{padding:var(--clll-unit-6)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{flex:1}@media(min-width:480px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body{overflow-y:auto;max-height:100%}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content .clll-modal__content__footer{padding:var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header) .clll-modal__content__footer,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header .clll-modal__content__footer{padding:var(--clll-unit-6) var(--clll-unit-14) var(--clll-unit-6) var(--clll-unit-6)}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-title:not(.clll-modal__content--has-header).clll-modal__content--has-footer .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-header.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-6)}@media(min-width:1024px){.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button .clll-modal__content__footer{padding:var(--clll-unit-8)}}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-title .clll-modal__content__body,.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-header .clll-modal__content__body{padding-top:0}.clll-modal .clll-modal__window.clll-modal__window--fullscreen .clll-modal__content.clll-modal__content--has-no-close-button.clll-modal__content--has-footer .clll-modal__content__body{padding-bottom:0}.clll-modal .clll-modal__overlay{position:fixed;inset:0;opacity:.4;background-color:var(--clll-modal-overlay-bg, transparent)}

package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.css

@@ -1 +1 @@
-.clll-date-picker-modal[data-v-89d19d2d]{position:relative;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-date-picker-modal--fluid[data-v-89d19d2d]{width:100%}.clll-date-picker-modal__container[data-v-89d19d2d]{display:inline-flex;flex-direction:column;flex-wrap:wrap}.clll-date-picker-modal__calendar-header[data-v-89d19d2d]{display:flex;justify-content:space-between;align-items:center;margin:var(--clll-unit-0_5) 0 var(--clll-unit-4) 0}.clll-date-picker-modal__days-grid[data-v-89d19d2d]{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding-bottom:var(--clll-unit-0_5)}.clll-date-picker-modal__weekday-label[data-v-89d19d2d]{text-align:center;padding-bottom:.25rem}.clll-date-picker-modal__day-cell[data-v-89d19d2d]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-date-picker-modal__day-cell--outside[data-v-89d19d2d]{opacity:.55}.clll-date-picker-modal__footer-actions[data-v-89d19d2d]{display:flex;justify-content:space-between;align-items:center}
+.clll-date-picker-modal[data-v-14031572]{position:relative;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-date-picker-modal--fluid[data-v-14031572]{width:100%}.clll-date-picker-modal__container[data-v-14031572]{display:inline-flex;flex-direction:column;flex-wrap:wrap}.clll-date-picker-modal__footer-actions[data-v-14031572]{display:flex;justify-content:space-between;align-items:center;width:100%}.clll-date-picker-modal__footer-right[data-v-14031572]{display:flex;gap:var(--clll-unit-2)}