whelk-ui 0.0.6 → 0.0.8

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
@@ -24,6 +25,28 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     objectState: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 
+declare const __VLS_component_2: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<ExtractPropTypes<{
+    dropDownItems: {
+        type: PropType<DropDownItemsInterface[]>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    dropDownItemClicked: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    dropDownItems: {
+        type: PropType<DropDownItemsInterface[]>;
+        required: true;
+    };
+}>> & Readonly<{
+    onDropDownItemClicked?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_4: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_5: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -33,16 +56,172 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare const ButtonComponent: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+export declare const CardComponent: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const CheckBox: DefineComponent<ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const DatetimeComponent: DefineComponent<ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    model: {
+        type: PropType<string>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    isValid: (...args: any[]) => void;
+    "update:model": (value: string | undefined) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    model: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{
+    onIsValid?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    isRequired: boolean;
+    tooltipMessage: string;
+    tooltipTitle: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
 declare const _default: {
     install(app: App): void;
 };
@@ -54,6 +233,8 @@ export declare interface DocumentItemInterface {
     type: string;
 }
 
+export declare const DropDown: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
 export declare interface DropDownItemsInterface {
     ariaLabel: string;
     icon: Component;
@@ -66,6 +247,8 @@ export declare interface FolderItemInterface {
     folderName: string;
 }
 
+export declare const FormGroup: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
 export declare interface MenuItemInterface {
     ariaLabel: string;
     destination: string;
@@ -75,6 +258,78 @@ export declare interface MenuItemInterface {
     title: string;
 }
 
+export declare const NumberInput: DefineComponent<ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stepIncrement: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<number>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stepIncrement: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<number>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    tooltipMessage: string;
+    tooltipTitle: string;
+    maxValue: number;
+    minValue: number;
+    stepIncrement: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
 export declare const ObjectStateEnum: {
     readonly Disable: "DISABLE";
     readonly Error: "ERROR";
@@ -117,4 +372,371 @@ export declare const ObjectTypeEnums: {
 
 export declare type ObjectTypeEnums = (typeof ObjectTypeEnums)[keyof typeof ObjectTypeEnums];
 
+export declare const PasswordInput: DefineComponent<ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    isValid: (...args: any[]) => void;
+    "update:modelValue": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onIsValid?: ((...args: any[]) => any) | undefined;
+}>, {
+    isRequired: boolean;
+    tooltipMessage: string;
+    tooltipTitle: string;
+    minLength: number;
+    placeholderText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const RenderErrorMessage: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+export declare const SwitchComponent: DefineComponent<ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    offText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    onText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    offText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    onText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    tooltipMessage: string;
+    tooltipTitle: string;
+    offText: string;
+    onText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const TextArea: DefineComponent<ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    model: {
+        type: PropType<string>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    isValid: (...args: any[]) => void;
+    "update:model": (value: string) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    model: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{
+    onIsValid?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model"?: ((value: string) => any) | undefined;
+}>, {
+    isRequired: boolean;
+    tooltipMessage: string;
+    tooltipTitle: string;
+    minLength: number;
+    placeholderText: string;
+    maxLength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const TextInput: DefineComponent<ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    isValid: (...args: any[]) => void;
+    "update:modelValue": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    isRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        required: false;
+        validator: (val: any) => boolean;
+    };
+    placeholderText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipMessage: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    tooltipTitle: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onIsValid?: ((...args: any[]) => any) | undefined;
+}>, {
+    isRequired: boolean;
+    tooltipMessage: string;
+    tooltipTitle: string;
+    minLength: number;
+    placeholderText: string;
+    maxLength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const ToolTip: DefineComponent<ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 export { }

package/dist/whelk-ui.css

@@ -1 +1 @@
-button[data-v-3de7a432]{padding:.5rem 1rem;border:var(--border);border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);color:var(--text)}button.compact[data-v-3de7a432]{padding:.25rem .125rem;font-size:.75rem;line-height:1rem}button.tiny[data-v-3de7a432]{padding:.125rem 0rem;font-size:.75rem;line-height:.75rem}button.primary[data-v-3de7a432]{background-color:var(--primary);border-color:var(--primary)}button.primary:hover[data-v-3de7a432]:enabled{background-color:var(--primary-hover)}button.secondary[data-v-3de7a432]{background-color:var(--secondary);border-color:var(--secondary)}button.secondary:hover[data-v-3de7a432]:enabled{background-color:var(--secondary-hover)}button.danger[data-v-3de7a432]{background-color:var(--danger);border-color:var(--danger)}button.danger:hover[data-v-3de7a432]:enabled{background-color:var(--danger-hover)}button.warning[data-v-3de7a432]{background-color:var(--warning);border-color:var(--warning)}button.warning:hover[data-v-3de7a432]:enabled{background-color:var(--warning-hover)}button.success[data-v-3de7a432]{background-color:var(--success);border-color:var(--success)}button.success:hover[data-v-3de7a432]:enabled{background-color:var(--success-hover)}button.info[data-v-3de7a432]{background-color:var(--info);border-color:var(--info)}button.info:hover[data-v-3de7a432]:enabled{background-color:var(--info-hover)}button.loading[data-v-3de7a432]{animation:loading-animation-3de7a432 1s infinite linear}@keyframes loading-animation-3de7a432{0%{color:var(--text)}50%{color:var(--text-muted)}to{color:var(--text)}}
+button[data-v-3de7a432]{padding:.5rem 1rem;border:var(--border);border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);color:var(--text)}button.compact[data-v-3de7a432]{padding:.25rem .125rem;font-size:.75rem;line-height:1rem}button.tiny[data-v-3de7a432]{padding:.125rem 0rem;font-size:.75rem;line-height:.75rem}button.primary[data-v-3de7a432]{background-color:var(--primary);border-color:var(--primary)}button.primary:hover[data-v-3de7a432]:enabled{background-color:var(--primary-hover)}button.secondary[data-v-3de7a432]{background-color:var(--secondary);border-color:var(--secondary)}button.secondary:hover[data-v-3de7a432]:enabled{background-color:var(--secondary-hover)}button.danger[data-v-3de7a432]{background-color:var(--danger);border-color:var(--danger)}button.danger:hover[data-v-3de7a432]:enabled{background-color:var(--danger-hover)}button.warning[data-v-3de7a432]{background-color:var(--warning);border-color:var(--warning)}button.warning:hover[data-v-3de7a432]:enabled{background-color:var(--warning-hover)}button.success[data-v-3de7a432]{background-color:var(--success);border-color:var(--success)}button.success:hover[data-v-3de7a432]:enabled{background-color:var(--success-hover)}button.info[data-v-3de7a432]{background-color:var(--info);border-color:var(--info)}button.info:hover[data-v-3de7a432]:enabled{background-color:var(--info-hover)}button.loading[data-v-3de7a432]{animation:loading-animation-3de7a432 1s infinite linear}@keyframes loading-animation-3de7a432{0%{color:var(--text)}50%{color:var(--text-muted)}to{color:var(--text)}}.card[data-v-025f3983]{border-radius:var(--border-radius);background-color:var(--bg-light)}.checkbox-component label[data-v-39385668],.checkbox-component input[data-v-39385668]{padding:.5rem}.form-group[data-v-142c8936]{display:flex;flex-direction:column;margin-bottom:1.75rem}.form-group.compact[data-v-142c8936]{margin-bottom:.5rem}.render-error-message[data-v-e384ff35]{color:var(--text-red);font-weight:lighter;font-size:1rem;line-height:1.125rem;padding:0;margin:0}.render-error-message>svg[data-v-e384ff35]{transform:translateY(.125rem)}@media(--large-screen){.render-error-message[data-v-e384ff35]{font-size:.75rem}}p[data-v-e384ff35]:before{content:" ";white-space:pre}.tooltip[data-v-5121adbc]{display:none;position:absolute;z-index:10;padding:.75rem .25rem;background-color:var(--bg-dark);border-color:var(--border-muted);border-width:var(--border-width);border-style:var(--border-style);border-radius:var(--border-radius);transform:translateY(-100%) translateY(-.5rem);max-width:75vw}.tooltip.show[data-v-5121adbc]{display:inline-block}.tooltip>.tooltip-title[data-v-5121adbc]{margin:0 0 .125rem;color:var(--text-red)}.tooltip>.tooltip-message[data-v-5121adbc]{font-weight:lighter;margin:0;color:var(--text-muted)}@media(--large-screen){.tooltip[data-v-5121adbc]{max-width:50vw}}svg[data-v-5121adbc]{width:1rem;height:1rem;color:var(--text-muted)}.datetime-component label[data-v-905d8a98]{margin-bottom:6px}.datetime-component span[data-v-905d8a98]{color:var(--text-red)}.datetime-component input[data-v-905d8a98]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.datetime-component input[data-v-905d8a98]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.datetime-component.compact>label[data-v-905d8a98]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.datetime-component.compact>label[data-v-905d8a98]{font-size:.75rem;line-height:1rem}}.datetime-component.compact>input[data-v-905d8a98]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}@media(--large-screen){.datetime-component.compact>input[data-v-905d8a98]{font-size:1rem;line-height:1.25rem}}.drop-down-items[data-v-eb1af184]{position:absolute;background-color:var(--bg-light);border:solid;border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border-muted);z-index:20}.drop-down-items>.drop-down-item[data-v-eb1af184]{padding:.25rem .5rem}.drop-down-items>.drop-down-item[data-v-eb1af184]:hover{background-color:var(--bg-dark)}.drop-down-items>.drop-down-item>svg[data-v-eb1af184]{width:.75rem;height:.75rem}.drop-down>button[data-v-755569e8]{border:solid;border-width:1px;border-radius:var(--border-radius);border-color:var(--border-muted);background:var(--bg-light);box-shadow:none;font-size:1rem;line-height:1.25rem;height:2rem;padding:0 1rem;position:relative;z-index:10}.drop-down>button>svg[data-v-755569e8]{width:1rem;height:1rem;transform:translateY(2px)}.drop-down .drop-down-backdrop[data-v-755569e8]{width:100vw;height:100dvh;z-index:5;background-color:#000000b3;position:fixed;top:0;left:0}.v-enter-active[data-v-755569e8],.v-leave-active[data-v-755569e8]{transition:opacity .5s ease}.v-enter-from[data-v-755569e8],.v-leave-to[data-v-755569e8]{opacity:0}.number-input>label[data-v-06558243]{margin-bottom:6px}.number-input>.number-input-row[data-v-06558243]{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem}.number-input>.number-input-row>.negative[data-v-06558243]{border-radius:var(--border-radius) 0 0 var(--border-radius);border-width:var(--border-width) 0 var(--border-width) var(--border-width)}.number-input>.number-input-row>input[data-v-06558243]{border-style:var(--border-style);border-width:var(--border-width);border-radius:0;border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.number-input>.number-input-row>input[data-v-06558243]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.number-input>.number-input-row>.positive[data-v-06558243]{border-radius:0 var(--border-radius) var(--border-radius) 0;border-width:var(--border-width) var(--border-width) var(--border-width) 0}.number-input.compact>label[data-v-06558243]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.number-input.compact>label[data-v-06558243]{font-size:.75rem;line-height:1rem}}.number-input.compact>.number-input-row[data-v-06558243]{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}.number-input.compact>.number-input-row>input[data-v-06558243]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}@media(--large-screen){.number-input.compact>.number-input-row>input[data-v-06558243]{font-size:1rem;line-height:1.25rem}}input[data-v-06558243]::-webkit-outer-spin-button,input[data-v-06558243]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-06558243]{-moz-appearance:textfield}.text-input>label[data-v-d179e9e2]{margin-bottom:6px}.text-input>span[data-v-d179e9e2]{color:var(--text-red)}.text-input>input[data-v-d179e9e2]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.text-input>input[data-v-d179e9e2]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input.compact>label[data-v-d179e9e2]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.text-input.compact>label[data-v-d179e9e2]{font-size:.75rem;line-height:1rem}}.text-input.compact>input[data-v-d179e9e2]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}.text-input.compact>input[data-v-d179e9e2]:focus{padding:calc(.25rem - 1px)}@media(--large-screen){.text-input.compact>input[data-v-d179e9e2]{font-size:1rem;line-height:1.25rem}}.switch-component[data-v-f28e5f26]{width:100%}.switch-component>.switch[data-v-f28e5f26]{display:grid;grid-template-columns:[on] 2rem [text] minmax(0,1fr) [off] 2rem;border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.switch-component>.switch>.switch-block[data-v-f28e5f26]{width:2rem;height:2rem;background-color:#ff69b4}.switch-component>.switch>.switch-text[data-v-f28e5f26]{display:grid;grid-area:text;text-align:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch-component>.switch.on>.switch-block[data-v-f28e5f26]{grid-area:on;background-color:var(--success)}.switch-component>.switch.off>.switch-block[data-v-f28e5f26]{grid-area:off;background-color:var(--info)}.switch-component.compact>label[data-v-f28e5f26]{font-size:1rem;line-height:1.25rem}.switch-component.compact>.switch[data-v-f28e5f26]{grid-template-columns:[on] 1rem [text] minmax(0,1fr) [off] 1rem}.switch-component.compact>.switch>.switch-block[data-v-f28e5f26]{width:1rem;height:1rem}.switch-component.compact>.switch>.switch-text[data-v-f28e5f26]{font-size:.75rem;line-height:1rem}label[data-v-88c9adeb]{margin-bottom:6px}span[data-v-88c9adeb]{color:var(--text-red)}textarea[data-v-88c9adeb]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}textarea[data-v-88c9adeb]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input>label[data-v-354652ea]{margin-bottom:6px}.text-input>span[data-v-354652ea]{color:var(--text-red)}.text-input>input[data-v-354652ea]{border-style:var(--border-style);border-width:var(--border-width);border-radius:var(--border-radius);border-color:var(--border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.text-input>input[data-v-354652ea]:focus{border-color:var(--secondary);border-width:2px;outline:none;padding:calc(.5rem - 1px)}.text-input.compact>label[data-v-354652ea]{font-size:1rem;line-height:1.25rem;margin-bottom:2px}@media(--large-screen){.text-input.compact>label[data-v-354652ea]{font-size:.75rem;line-height:1rem}}.text-input.compact>input[data-v-354652ea]{font-size:1.25rem;line-height:1.5rem;padding:.25rem}.text-input.compact>input[data-v-354652ea]:focus{padding:calc(.25rem - 1px)}@media(--large-screen){.text-input.compact>input[data-v-354652ea]{font-size:1rem;line-height:1.25rem}}:root{--border-radius: 5px;--border-style: solid;--border-width: 1px;--bg-dark: hsl(26 53% 89%);--bg: hsl(26 100% 94%);--bg-light: hsl(26 100% 100%);--text: hsl(16 100% 4%);--text-red: hsl(8, 93%, 43%);--text-muted: hsl(26 35% 27%);--highlight: hsl(26 100% 99%);--border: hsl(26 21% 49%);--border-muted: hsl(26 27% 61%);--primary: hsl(27 65% 66%);--primary-hover: hsl(27 65% 76%);--secondary: hsl(204 74% 68%);--secondary-hover: hsl(204 74% 78%);--danger: hsl(9 26% 64%);--danger-hover: hsl(9 26% 74%);--warning: hsl(52 19% 57%);--warning-hover: hsl(52 19% 67%);--success: hsl(146 17% 59%);--success-hover: hsl(146 17% 69%);--info: hsl(217 28% 65%);--info-hover: hsl(217 28% 75%);--document-links: hsl(203.53, 40.8%, 24.51%);--document-links-hover: hsl(203.53, 40.8%, 75.51%);--customer-background: hsl(203.53, 40.8%, 75.49%);--customer-text: hsl(203.53, 40.8%, 24.51%);--kanban-board-background: hsl(78.26, 88.46%, 89.8%);--kanban-board-text: hsl(78.26, 88.46%, 10.2%);--kanban-card-background: hsl(74.12, 35.56%, 53.14%);--kanban-card-text: hsl(74.12, 35.56%, 10.86%);--organisation-background: hsl(52.05, 85.57%, 61.96%);--organisation-text: hsl(52.05, 85.57%, 8.04%);--request-for-change-background: hsl(67.61, 100%, 72.16%);--request-for-change-text: hsl(67.61, 100%, 7.84%);--requirement-background: hsl(200.31, 94.2%, 86.47%);--requirement-text: hsl(200.31, 94.2%, 10.53%);--requirement-item-background: hsl(322.8, 29.76%, 67.06%);--requirement-item-text: hsl(322.8, 29.76%, 8.94%);--project-background: hsl(333.62, 49.57%, 45.88%);--project-text: hsl(333.62, 49.57%, 8.12%);--task-background: hsl(224, 10.2%, 71.82%);--task-text: hsl(224, 10.2%, 7.18%)}.dark{--bg-dark: hsl(16 100% 2%);--bg: hsl(22 76% 4%);--bg-light: hsl(26 50% 8%);--text: hsl(26 100% 94%);--text-red: hsl(8, 93%, 23%);--text-muted: hsl(26 34% 68%);--highlight: hsl(26 26% 38%);--border: hsl(26 35% 27%);--border-muted: hsl(27 56% 16%);--primary: hsl(32 100% 20%);--primary-hover: hsl(32 100% 10%);--secondary: hsl(198 100% 20%);--secondary-hover: hsl(198 100% 10%);--danger: hsl(9 21% 41%);--danger-hover: hsl(9 21% 31%);--warning: hsl(52 23% 34%);--warning-hover: hsl(52 23% 24%);--success: hsl(147 19% 36%);--success-hover: hsl(147 19% 26%);--info: hsl(217 22% 41%);--info-hover: hsl(217 22% 31%)}