@witchcraft/ui 0.3.22 → 0.3.24

package/README.md

@@ -31,6 +31,7 @@ It does not install "@nuxtjs/tailwindcss" for now since it's not compatible with
 // without Nuxt:
 @import "@witchcraft/ui/utils.css";
 @import "@witchcraft/ui/base.css";
+@import "@witchcraft/ui/animations.css";
 // source used components
 @source "@witchcraft/ui/components";
 
@@ -117,6 +118,7 @@ See [@witchcraft/editor/vite.config.dev.ts].
 ```css
 @import "@witchcraft/ui/utils.css";
 @import "@witchcraft/ui/base.css";
+@import "@witchcraft/ui/animations.css";
 @source "/path/to/node_modules/@witchcraft/ui/src/runtime/components";
 ```
 Base just contains animation keyframes, basic styles for vue animations, and some basic global styles. They will get imported regardless of whether they are used since otherwise tailwind does not detect they are being used.

package/dist/module.d.mts

@@ -35,7 +35,7 @@ interface ModuleOptions {
      */
     mainCssFile?: string;
     /** @internal */
-    _playgroundWorkaround?: boolean;
+    _playgroundWorkaround?: string;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -37,7 +37,7 @@ const module$1 = defineNuxtModule({
     componentPrefix: "W",
     debug: true,
     mainCssFile: "~/assets/css/tailwind.css",
-    _playgroundWorkaround: false
+    _playgroundWorkaround: void 0
   },
   moduleDependencies: {
     // not working, see note for unpluginOptions
@@ -76,18 +76,19 @@ const module$1 = defineNuxtModule({
     const assetDir = resolve("runtime/assets");
     const tailwindFiles = globFiles([
       `${assetDir}/**/*.css`,
-      `!${assetDir}/**/tailwind.css`
+      `!${assetDir}/**/tailwind.css`,
+      `!${assetDir}/**/theme.css`
     ], []);
     addTemplate({
       filename: "witchcraft-ui.css",
       write: true,
-      getContents: () => options._playgroundWorkaround ? crop`
+      getContents: () => options._playgroundWorkaround === "@witchcraft/ui" ? crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
 					${indent(tailwindFiles.map((_) => `@import "${_.filepath}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map((_) => `@source "${_.filepath}";`).join("\n"), 5)}
 				` : crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					${indent(tailwindFiles.map((_) => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui/")}";`).join("\n"), 5)}
+					${indent(tailwindFiles.map((_) => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui")}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map((_) => `@source "${_.filepath}";`).join("\n"), 5)}
 				`
     });

package/dist/runtime/components/LibButton/LibButton.d.vue.ts

@@ -12,8 +12,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
     color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/LibButton/LibButton.vue.d.ts

@@ -12,8 +12,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
     color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/LibCheckbox/LibCheckbox.d.vue.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props
     onSubmit?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/LibCheckbox/LibCheckbox.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props
     onSubmit?: ((val: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/runtime/components/LibInputDeprecated/LibInputDeprecated.d.vue.ts

@@ -130,8 +130,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props
     onFocus?: ((val: FocusEvent) => any) | undefined;
     onIndicatorClick?: ((val: MouseEvent) => any) | undefined;
 }>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     valid: boolean;

package/dist/runtime/components/LibInputDeprecated/LibInputDeprecated.vue.d.ts

@@ -130,8 +130,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props
     onFocus?: ((val: FocusEvent) => any) | undefined;
     onIndicatorClick?: ((val: MouseEvent) => any) | undefined;
 }>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     valid: boolean;

package/dist/runtime/components/LibLabel/LibLabel.d.vue.ts

@@ -12,8 +12,8 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     id: string;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     valid: boolean;

package/dist/runtime/components/LibLabel/LibLabel.vue.d.ts

@@ -12,8 +12,8 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     id: string;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     valid: boolean;

package/dist/runtime/components/LibPalette/LibPalette.d.vue.ts

@@ -8,8 +8,8 @@ declare const __VLS_export: import("vue").DefineComponent<LinkableByIdProps & Ba
     theme?: Theme;
 }> & Readonly<{}>, {
     theme: Theme;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/LibPalette/LibPalette.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_export: import("vue").DefineComponent<LinkableByIdProps & Ba
     theme?: Theme;
 }> & Readonly<{}>, {
     theme: Theme;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/LibProgressBar/LibProgressBar.d.vue.ts

@@ -24,8 +24,8 @@ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     autohideOnComplete: number;

package/dist/runtime/components/LibProgressBar/LibProgressBar.vue.d.ts

@@ -24,8 +24,8 @@ Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     autohideOnComplete: number;

package/dist/runtime/components/LibRecorder/LibRecorder.d.vue.ts

@@ -65,8 +65,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props & {
     "onFocus:parent"?: (() => any) | undefined;
 }>, {
     id: string;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     recordingTitle: string;

package/dist/runtime/components/LibRecorder/LibRecorder.vue.d.ts

@@ -65,8 +65,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props & {
     "onFocus:parent"?: (() => any) | undefined;
 }>, {
     id: string;
-    readonly: boolean;
     disabled: boolean;
+    readonly: boolean;
     border: boolean;
     unstyle: boolean;
     recordingTitle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@witchcraft/ui",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "description": "Vue component library.",
   "type": "module",
   "main": "./dist/runtime/main.lib.js",
@@ -32,6 +32,7 @@
     },
     "./utils.css": "./src/runtime/assets/utils.css",
     "./base.css": "./src/runtime/assets/base.css",
+    "./animations.css": "./src/runtime/assets/animations.css",
     "./nuxt": {
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"

package/src/module.ts

@@ -75,7 +75,7 @@ export interface ModuleOptions {
 	 */
 	mainCssFile?: string
 	/** @internal */
-	_playgroundWorkaround?: boolean
+	_playgroundWorkaround?: string
 }
 
 export default defineNuxtModule<ModuleOptions>({
@@ -93,7 +93,7 @@ export default defineNuxtModule<ModuleOptions>({
 		componentPrefix: "W",
 		debug: true,
 		mainCssFile: "~/assets/css/tailwind.css",
-		_playgroundWorkaround: false
+		_playgroundWorkaround: undefined
 	},
 	moduleDependencies: {
 		// not working, see note for unpluginOptions
@@ -136,13 +136,14 @@ export default defineNuxtModule<ModuleOptions>({
 		const assetDir = resolve("runtime/assets")
 		const tailwindFiles = globFiles([
 			`${assetDir}/**/*.css`,
-			`!${assetDir}/**/tailwind.css`
+			`!${assetDir}/**/tailwind.css`,
+			`!${assetDir}/**/theme.css`
 		], [])
 
 		addTemplate({
 			filename: "witchcraft-ui.css",
 			write: true,
-			getContents: () => options._playgroundWorkaround
+			getContents: () => options._playgroundWorkaround === "@witchcraft/ui"
 				? crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
 					${indent(tailwindFiles.map(_ => `@import "${_.filepath}";`).join("\n"), 5)}
@@ -150,7 +151,7 @@ export default defineNuxtModule<ModuleOptions>({
 				`
 				: crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					${indent(tailwindFiles.map(_ => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui/")}";`).join("\n"), 5)}
+					${indent(tailwindFiles.map(_ => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui")}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map(_ => `@source "${_.filepath}";`).join("\n"), 5)}
 				`
 		})

package/src/runtime/assets/tailwind.css

@@ -1,4 +1,4 @@
-/* For storybook, **NOT EXPORTED**. The nuxt module creates it's own version of this file by looking at all css files in this folder. See it for details. */
+/* For storybook, **NOT EXPORTED**. The nuxt module creates it's own version of this file by looking at all css files in this folder. See it for details. We also need to be sure to add them to the exports. */
 @import "tailwindcss" source("../../");
 @import "./theme.css";
 @import "./animations.css";