@dcodegroup-au/dsg-vue 1.0.0-next.1 → 1.0.2-next

package/dist/main.d.ts

@@ -345,9 +345,9 @@ export declare const DsgCheckboxGroup: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Partial<Record<`dsg-checkbox-group--panel-title--${string}`, (_: {
+    $slots: Partial<Record<`dsg-checkbox-group__panel-title--${string}`, (_: {
         data: import('./main').DsgCheckboxGroupOption;
-    }) => any>> & Partial<Record<`dsg-checkbox-group--panel-subtext--${string}`, (_: {}) => any>> & {
+    }) => any>> & Partial<Record<`dsg-checkbox-group__panel-subtext--${string}`, (_: {}) => any>> & {
         'dsg-checkbox-group--header'?(_: {}): any;
     };
 });
@@ -855,7 +855,6 @@ export declare const DsgDropdown: {
                 readonly theme?: import('./main').DsgAvatarTheme | undefined;
                 readonly isOnline?: boolean | undefined;
                 readonly uri?: string | undefined | undefined;
-                readonly classes?: string | undefined;
                 readonly companyLogoUri?: string | undefined | undefined;
                 readonly preventDefault?: boolean | undefined;
                 readonly title?: string | undefined;
@@ -937,7 +936,6 @@ export declare const DsgDropdown: {
                 readonly disabled?: boolean | undefined;
                 readonly iconBefore?: string | null | undefined;
                 readonly iconAfter?: string | null | undefined;
-                readonly classes?: string | undefined;
                 readonly width?: import('./main').DsgButtonWidth | undefined;
                 readonly uri?: string | null | undefined;
                 readonly targetUri?: import('./main').DsgButtonTargetUri | undefined;
@@ -1315,15 +1313,6 @@ export declare const DsgInputSelect: {
         };
     };
 });
-export declare const DsgInputDropdown: import('vue').DefineComponent<{
-    modelValue?: string;
-} & import('./main').DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    modelValue?: string;
-} & import('./main').DsgInputDropdownProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
 export declare const DsgDatepicker: import('vue').DefineComponent<{
     modelValue?: import('./main').DsgDatepickerValue;
 } & import('./main').DsgDatepickerProps, {
@@ -1797,33 +1786,6 @@ export declare const DsgLabel: {
         'dsg-label-text'?(_: {}): any;
     };
 });
-export declare const DsgLink: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgLinkProps> & Readonly<{
-        "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "link-clicked": (clickEvent: Event) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLAnchorElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./main').DsgLinkProps> & Readonly<{
-        "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgLinkProps> & Readonly<{
-    "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "link-clicked": (clickEvent: Event) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        'dsg-link-content'?(_: {}): any;
-    };
-});
 export declare const DsgModal: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgModalProps> & Readonly<{
         "onBefore-open"?: (() => any) | undefined;
@@ -2854,11 +2816,9 @@ export type { DsgCheckboxGroupProps, DsgCheckboxGroupOption, DsgCheckboxGroupSiz
 export type { DsgDropdownType, DsgDropdownHeaderType, DsgDropdownAvatar, DsgDropdownMenuItem, DsgDropdownProps } from './components/Elements/DsgDropdown.vue';
 export type { DsgInputProps, DsgInputCurrencyPair, DsgInputPhoneFormat, DsgInputValidationPattern, DsgInputSize, DsgInputTheme, DsgInputTooltipTheme, DsgInputType, DsgInputWidth, } from './components/Elements/DsgInput.vue';
 export type { DsgInputSelectOption, DsgInputSelectProps } from './components/Elements/DsgInputSelect.vue';
-export type { DsgInputDropdownProps } from './components/Elements/DsgInputDropdown.vue';
 export type { DsgDatepickerType, DsgDatepickerValue, DsgDatepickerRangeConfig, DsgDatepickerSize, DsgDatepickerModelType, DsgDatepickerProps, DsgDatepickerFloatingConfig, DsgDatepickerTimeConfig, DsgDatepickerFormatsConfig, DsgUiClasses, } from './components/Elements/DsgDatepicker.vue';
 export type { DsgSliderProps, DsgSliderType, DsgSliderLabelPosition, DsgSliderValue } from './components/Elements/DsgSlider.vue';
 export type { DsgLabelProps, DsgLabelSize } from './components/Elements/DsgLabel.vue';
-export type { DsgLinkProps, DsgLinkSize, DsgLinkTargetUri } from './components/Elements/DsgLink.vue';
 export type { DsgModalProps, DsgModalType, DsgModalFooterType } from './components/Elements/DsgModal.vue';
 export type { DsgTagProps, DsgTagSize } from './components/Elements/DsgTag.vue';
 export type { DsgToggleProps, DsgToggleSize } from './components/Elements/DsgToggle.vue';
@@ -3146,9 +3106,9 @@ declare const _default: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Partial<Record<`dsg-checkbox-group--panel-title--${string}`, (_: {
+        $slots: Partial<Record<`dsg-checkbox-group__panel-title--${string}`, (_: {
             data: import('./main').DsgCheckboxGroupOption;
-        }) => any>> & Partial<Record<`dsg-checkbox-group--panel-subtext--${string}`, (_: {}) => any>> & {
+        }) => any>> & Partial<Record<`dsg-checkbox-group__panel-subtext--${string}`, (_: {}) => any>> & {
             'dsg-checkbox-group--header'?(_: {}): any;
         };
     });
@@ -3656,7 +3616,6 @@ declare const _default: {
                     readonly theme?: import('./main').DsgAvatarTheme | undefined;
                     readonly isOnline?: boolean | undefined;
                     readonly uri?: string | undefined | undefined;
-                    readonly classes?: string | undefined;
                     readonly companyLogoUri?: string | undefined | undefined;
                     readonly preventDefault?: boolean | undefined;
                     readonly title?: string | undefined;
@@ -3738,7 +3697,6 @@ declare const _default: {
                     readonly disabled?: boolean | undefined;
                     readonly iconBefore?: string | null | undefined;
                     readonly iconAfter?: string | null | undefined;
-                    readonly classes?: string | undefined;
                     readonly width?: import('./main').DsgButtonWidth | undefined;
                     readonly uri?: string | null | undefined;
                     readonly targetUri?: import('./main').DsgButtonTargetUri | undefined;
@@ -4116,15 +4074,6 @@ declare const _default: {
             };
         };
     });
-    DsgInputDropdown: import('vue').DefineComponent<{
-        modelValue?: string;
-    } & import('./main').DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (value: string) => any;
-    }, string, import('vue').PublicProps, Readonly<{
-        modelValue?: string;
-    } & import('./main').DsgInputDropdownProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
     DsgDatepicker: import('vue').DefineComponent<{
         modelValue?: import('./main').DsgDatepickerValue;
     } & import('./main').DsgDatepickerProps, {
@@ -4598,33 +4547,6 @@ declare const _default: {
             'dsg-label-text'?(_: {}): any;
         };
     });
-    DsgLink: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgLinkProps> & Readonly<{
-            "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "link-clicked": (clickEvent: Event) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLAnchorElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./main').DsgLinkProps> & Readonly<{
-            "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgLinkProps> & Readonly<{
-        "onLink-clicked"?: ((clickEvent: Event) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "link-clicked": (clickEvent: Event) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            'dsg-link-content'?(_: {}): any;
-        };
-    });
     DsgModal: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgModalProps> & Readonly<{
             "onBefore-open"?: (() => any) | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcodegroup-au/dsg-vue",
   "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
-  "version": "1.0.0-next.1",
+  "version": "1.0.2-next",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -135,7 +135,7 @@
     "sass": "^1.99.0",
     "semantic-release": "^24.2.9",
     "storybook": "^8.6.18",
-    "tailwindcss": "^3.4.19",
+    "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.59.2",
     "ua-parser-js": "^2.0.9",
@@ -166,5 +166,8 @@
     "overrides": {
       "axios": "1.13.6"
     }
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.2.2"
   }
 }

package/vite.config.ts

@@ -4,6 +4,8 @@ import vue from "@vitejs/plugin-vue";
 import svgLoader from "vite-svg-loader";
 import path from "node:path";
 import dts from "vite-plugin-dts";
+import tailwindcss from "@tailwindcss/vite";
+import { resolve } from "path";
 
 // # Build/Export: Vite Configuration
 export default defineConfig(({ command, mode }) => {
@@ -24,7 +26,7 @@ export default defineConfig(({ command, mode }) => {
           "dsg-vue": path.resolve(__dirname, "./src/main.ts"),
           editor: path.resolve(__dirname, "./src/editor.ts"),
           table: path.resolve(__dirname, "./src/table.ts"),
-          tailwind: path.resolve(__dirname, "./src/tailwind.ts"),
+          // tailwind: path.resolve(__dirname, "./src/tailwind.ts"),
           helpers: path.resolve(__dirname, "./src/utilities/General.ts"),
           "helpers-string": path.resolve(__dirname, "./src/utilities/Strings.ts"),
           "helpers-object": path.resolve(__dirname, "./src/utilities/Objects.ts"),
@@ -52,7 +54,6 @@ export default defineConfig(({ command, mode }) => {
         "~": path.resolve(__dirname),
         "~nm": path.resolve(__dirname, "./node_modules"),
         "@components": path.resolve(__dirname, "src/components"),
-        "@tailwind": path.resolve(__dirname, "src/tailwind"),
         "@tw": path.resolve(__dirname, "src/tailwind"),
         "@twplugin": path.resolve(__dirname, "src/tailwind/plugins"),
         "@twconfig": path.resolve(__dirname, "src/tailwind/configuration"),
@@ -62,6 +63,7 @@ export default defineConfig(({ command, mode }) => {
         "@headers": path.resolve(__dirname, "src/components/Headers"),
         "@misc": path.resolve(__dirname, "src/components/Misc"),
         "@navigation": path.resolve(__dirname, "src/components/Navigation"),
+        "@tailwind": resolve(__dirname, "src/tailwind"),
         // "vue": "vue/dist/vue.esm-bundler.js",
       },
     },
@@ -69,6 +71,7 @@ export default defineConfig(({ command, mode }) => {
     publicDir: "public",
     plugins: [
       vue(),
+      tailwindcss(),
       dts({
         tsconfigPath: "./tsconfig.json",
         exclude: ["**/tests/**/*", "demo/**/*.ts", "demo/**/*.vue", "docs/**/*.ts", "docs/**/*.vue", "node_modules", "dist"],
@@ -77,12 +80,12 @@ export default defineConfig(({ command, mode }) => {
     ],
     test: {
       globals: true,
-      environment: 'jsdom',
-      setupFiles: './tests/setup.ts',
-      include: ['tests/**/*.test.ts'],
+      environment: "jsdom",
+      setupFiles: "./tests/setup.ts",
+      include: ["tests/**/*.test.ts"],
       coverage: {
-        reporter: ['text', 'html'],
+        reporter: ["text", "html"],
       },
-    },    
+    },
   } satisfies UserConfig;
 });