@code-coaching/vuetiful 0.22.0 → 0.23.1

package/dist/types/components/{atoms → molecules}/VCodeBlock.vue.d.ts

@@ -13,15 +13,23 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    headerClass: {
+    classHeader: {
         type: () => CssClasses;
         default: string;
     };
-    preClass: {
+    classLanguage: {
         type: () => CssClasses;
         default: string;
     };
-    buttonClass: {
+    classPre: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classCode: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classButton: {
         type: () => CssClasses;
         default: string;
     };
@@ -33,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -48,15 +60,23 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    headerClass: {
+    classHeader: {
         type: () => CssClasses;
         default: string;
     };
-    preClass: {
+    classLanguage: {
         type: () => CssClasses;
         default: string;
     };
-    buttonClass: {
+    classPre: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classCode: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classButton: {
         type: () => CssClasses;
         default: string;
     };
@@ -68,15 +88,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onCopy?: (() => any) | undefined;
 }, {
     language: string;
+    unstyled: boolean;
     code: string;
+    classButton: string;
+    classPre: string;
     preventOverflow: boolean;
-    headerClass: string;
-    preClass: string;
-    buttonClass: string;
+    classHeader: string;
+    classLanguage: string;
+    classCode: string;
     buttonText: string;
     buttonCopiedText: string;
 }>;

package/dist/types/components/molecules/VListbox/VListbox.vue.d.ts

@@ -1,22 +1,35 @@
+import { CssClasses } from "@/index";
 declare const _default: import("vue").DefineComponent<{
+    modelValue: any;
     by: {
         type: StringConstructor;
     };
     display: {
         type: StringConstructor;
     };
-    labelText: {
+    textLabel: {
         type: StringConstructor;
     };
-    labelClasses: {
-        type: BooleanConstructor;
-        default: boolean;
+    classLabel: {
+        type: () => CssClasses;
+        default: string;
     };
-    buttonText: {
+    textButton: {
         type: StringConstructor;
         default: string;
     };
-    modelValue: any;
+    classButton: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classItem: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classItems: {
+        type: () => CssClasses;
+        default: string;
+    };
     horizontal: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,25 +54,41 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: any;
     by: {
         type: StringConstructor;
     };
     display: {
         type: StringConstructor;
     };
-    labelText: {
+    textLabel: {
         type: StringConstructor;
     };
-    labelClasses: {
-        type: BooleanConstructor;
-        default: boolean;
+    classLabel: {
+        type: () => CssClasses;
+        default: string;
     };
-    buttonText: {
+    textButton: {
         type: StringConstructor;
         default: string;
     };
-    modelValue: any;
+    classButton: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classItem: {
+        type: () => CssClasses;
+        default: string;
+    };
+    classItems: {
+        type: () => CssClasses;
+        default: string;
+    };
     horizontal: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,17 +113,25 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    buttonText: string;
+    unstyled: boolean;
     modelValue: any;
     active: string;
     hover: string;
     background: string;
     text: string;
+    classItem: string;
     horizontal: boolean;
-    labelClasses: boolean;
+    classItems: string;
     multiple: boolean;
+    classLabel: string;
+    textButton: string;
+    classButton: string;
 }>;
 export default _default;

package/dist/types/components/molecules/VListbox/VListboxItem.vue.d.ts

@@ -1,12 +1,22 @@
 declare const _default: import("vue").DefineComponent<{
     value: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         required: true;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         required: true;
     };
-}>>, {}>;
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    unstyled: boolean;
+}>;
 export default _default;

package/dist/types/components/molecules/VListbox/VListboxItems.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
@@ -16,7 +20,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    unstyled: boolean;
     as: string;
     static: boolean;
 }>;

package/dist/types/components/molecules/VTabs/VTab.vue.d.ts

@@ -3,12 +3,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    unstyled: boolean;
     disabled: boolean;
 }>;
 export default _default;

package/dist/types/components/molecules/VTabs/VTabs.vue.d.ts

@@ -31,10 +31,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    classTabSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
     defaultIndex: {
         type: NumberConstructor;
         default: number;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideSeparator: {
         type: BooleanConstructor;
@@ -68,16 +76,26 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    classTabSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
     defaultIndex: {
         type: NumberConstructor;
         default: number;
     };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    unstyled: boolean;
     active: string;
     hover: string;
     vertical: boolean;
     classTab: string;
     hideSeparator: boolean;
+    classTabSeparator: string;
     classPanels: string;
     classTabs: string;
     classSeparator: string;

package/dist/types/components/molecules/index.d.ts

@@ -1,7 +1,7 @@
 import VDrawer from "./VDrawer.vue";
 import VPreview from "./VPreview.vue";
-import VRail from "./VRail.vue";
-import VRailTile from "./VRailTile.vue";
+import VRail from "./VRail/VRail.vue";
+import VRailTile from "./VRail/VRailTile.vue";
 import VShell from "./VShell.vue";
 import VListbox from "./VListbox/VListbox.vue";
 import VListboxButton from "./VListbox/VListboxButton.vue";
@@ -18,4 +18,5 @@ import VCard from "./VCard/VCard.vue";
 import VCardBody from "./VCard/VCardBody.vue";
 import VCardFooter from "./VCard/VCardFooter.vue";
 import VCardHeader from "./VCard/VCardHeader.vue";
-export { VAccordion, VAccordionItem, VAlert, VCard, VCardBody, VCardFooter, VCardHeader, VDrawer, VListbox, VListboxButton, VListboxItem, VListboxItems, VListboxLabel, VPreview, VRail, VRailTile, VShell, VTab, VTabPanel, VTabs, };
+import VCodeBlock from "./VCodeBlock.vue";
+export { VAccordion, VAccordionItem, VAlert, VCard, VCardBody, VCardFooter, VCardHeader, VCodeBlock, VDrawer, VListbox, VListboxButton, VListboxItem, VListboxItems, VListboxLabel, VPreview, VRail, VRailTile, VShell, VTab, VTabPanel, VTabs, };

package/dist/types/props/index.d.ts

@@ -0,0 +1 @@
+export * from './props';

package/dist/types/props/props.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from "vue";
+declare const sizeProp: {
+    type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+    default: string;
+};
+declare const unstyledProp: {
+    type: BooleanConstructor;
+    default: boolean;
+};
+declare const variantProp: {
+    type: PropType<"" | "filled" | "filled-primary" | "filled-secondary" | "filled-tertiary" | "filled-success" | "filled-warning" | "filled-error" | "filled-surface" | "ringed" | "ringed-primary" | "ringed-secondary" | "ringed-tertiary" | "ringed-success" | "ringed-warning" | "ringed-error" | "ringed-surface" | "ghost" | "ghost-primary" | "ghost-secondary" | "ghost-tertiary" | "ghost-success" | "ghost-warning" | "ghost-error" | "ghost-surface" | "soft" | "soft-primary" | "soft-secondary" | "soft-tertiary" | "soft-success" | "soft-warning" | "soft-error" | "soft-surface" | "glass" | "glass-primary" | "glass-secondary" | "glass-tertiary" | "glass-success" | "glass-warning" | "glass-error" | "glass-surface">;
+    default: string;
+};
+export { sizeProp, unstyledProp, variantProp };

package/dist/types/services/index.d.ts

@@ -1,5 +1,7 @@
-import { useRail } from "./rail.service";
+import { useDarkMode } from "./dark-mode.service";
 import { useDrawer } from "./drawer.service";
 import { useHighlight } from "./highlight.service";
-import { useDarkMode } from "./dark-mode.service";
-export { useRail, useDrawer, useHighlight, useDarkMode };
+import { useRail } from "./rail.service";
+import { useSettings, VuetifulSettings } from "./settings.service";
+export { useDarkMode, useDrawer, useHighlight, useRail, useSettings };
+export type { VuetifulSettings };

package/dist/types/services/settings.service.d.ts

@@ -0,0 +1,132 @@
+interface UnstyledSettings {
+    unstyled: boolean;
+}
+interface GlobalSettings extends UnstyledSettings {
+}
+interface RadioGroupSettings extends UnstyledSettings {
+}
+interface RadioItemSettings extends UnstyledSettings {
+}
+interface AccordionSettings extends UnstyledSettings {
+}
+interface AccordionItemSettings extends UnstyledSettings {
+}
+interface AlertSettings extends UnstyledSettings {
+}
+interface AvatarSettings extends UnstyledSettings {
+}
+interface BadgeSettings extends UnstyledSettings {
+}
+interface ButtonSettings extends UnstyledSettings {
+}
+interface ListboxSettings extends UnstyledSettings {
+}
+interface ListboxItemSettings extends UnstyledSettings {
+}
+interface CodeBlockSettings extends UnstyledSettings {
+}
+interface SwitchSettings extends UnstyledSettings {
+}
+interface CardSettings extends UnstyledSettings {
+}
+interface CardHeaderSettings extends UnstyledSettings {
+}
+interface CardBodySettings extends UnstyledSettings {
+}
+interface CardFooterSettings extends UnstyledSettings {
+}
+interface TabsSettings extends UnstyledSettings {
+}
+interface TabSettings extends UnstyledSettings {
+}
+export interface VuetifulSettings {
+    global: GlobalSettings;
+    components: Partial<{
+        avatar: AvatarSettings;
+        alert: AlertSettings;
+        badge: BadgeSettings;
+        button: ButtonSettings;
+        codeBlock: CodeBlockSettings;
+        switch: SwitchSettings;
+        accordion: AccordionSettings;
+        accordionItem: AccordionItemSettings;
+        listbox: ListboxSettings;
+        listboxItem: ListboxItemSettings;
+        radioGroup: RadioGroupSettings;
+        radioItem: RadioItemSettings;
+        card: CardSettings;
+        cardHeader: CardHeaderSettings;
+        cardBody: CardBodySettings;
+        cardFooter: CardFooterSettings;
+        tabs: TabsSettings;
+        tab: TabSettings;
+    }>;
+}
+declare const useSettings: () => {
+    updateSettings: (partialSettings: Partial<VuetifulSettings>) => void;
+    settings: {
+        global: {
+            unstyled: boolean;
+        };
+        components: {
+            radioGroup: {
+                unstyled: boolean;
+            };
+            radioItem: {
+                unstyled: boolean;
+            };
+            switch: {
+                unstyled: boolean;
+            };
+            avatar: {
+                unstyled: boolean;
+            };
+            badge: {
+                unstyled: boolean;
+            };
+            button: {
+                unstyled: boolean;
+            };
+            chip: {
+                unstyled: boolean;
+            };
+            codeBlock: {
+                unstyled: boolean;
+            };
+            listbox: {
+                unstyled: boolean;
+            };
+            listboxItem: {
+                unstyled: boolean;
+            };
+            accordion: {
+                unstyled: boolean;
+            };
+            accordionItem: {
+                unstyled: boolean;
+            };
+            alert: {
+                unstyled: boolean;
+            };
+            card: {
+                unstyled: boolean;
+            };
+            cardHeader: {
+                unstyled: boolean;
+            };
+            cardBody: {
+                unstyled: boolean;
+            };
+            cardFooter: {
+                unstyled: boolean;
+            };
+            tabs: {
+                unstyled: boolean;
+            };
+            tab: {
+                unstyled: boolean;
+            };
+        };
+    };
+};
+export { useSettings };

package/dist/types/services/settings.service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/types/index.d.ts

@@ -1 +1,54 @@
 export * from "./tailwind";
+/**
+ * The commented string unions are to use in PropType<> for Vue components,
+ * TypeScript types or enums do not give errors when using a string that is not in the union.
+ **/
+export declare const Variant: {
+    Filled: string;
+    FilledPrimary: string;
+    FilledSecondary: string;
+    FilledTertiary: string;
+    FilledSuccess: string;
+    FilledWarning: string;
+    FilledError: string;
+    FilledSurface: string;
+    Ringed: string;
+    RingedPrimary: string;
+    RingedSecondary: string;
+    RingedTertiary: string;
+    RingedSuccess: string;
+    RingedWarning: string;
+    RingedError: string;
+    RingedSurface: string;
+    Ghost: string;
+    GhostPrimary: string;
+    GhostSecondary: string;
+    GhostTertiary: string;
+    GhostSuccess: string;
+    GhostWarning: string;
+    GhostError: string;
+    GhostSurface: string;
+    Soft: string;
+    SoftPrimary: string;
+    SoftSecondary: string;
+    SoftTertiary: string;
+    SoftSuccess: string;
+    SoftWarning: string;
+    SoftError: string;
+    SoftSurface: string;
+    Glass: string;
+    GlassPrimary: string;
+    GlassSecondary: string;
+    GlassTertiary: string;
+    GlassSuccess: string;
+    GlassWarning: string;
+    GlassError: string;
+    GlassSurface: string;
+};
+export declare const Size: {
+    XS: string;
+    SM: string;
+    MD: string;
+    LG: string;
+    XL: string;
+};