bonkers-ui 1.0.3 → 1.0.6

package/src/stories/font-sizes/ui-font-sizes.vue

@@ -0,0 +1,28 @@
+<template>
+	<div class="ui-font-sizes flex flex-row flex-wrap gap-md">
+		<p
+			v-for="(value, key) in fontSizes"
+			:key="key"
+			class="p-md"
+			:style="{fontSize: value}"
+		>
+			{{ getCssVariableValue(value) }}
+			<br>
+			<br>
+			{{ key }}
+			<br>
+			{{ value }}
+		</p>
+	</div>
+</template>
+
+<script lang="ts" setup>
+	import fontSizes from "../../_styles/classTypes/_font-sizes.json";
+	import { getCssVariableValue } from "../helper";
+</script>
+
+<style>
+	.ui-font-sizes p {
+		border: 1px solid #ccc;
+	}
+</style>

package/src/stories/spacings/ui-spacings.vue

@@ -35,10 +35,10 @@
 </template>
 
 <script lang="ts" setup>
-	import spacings from "../../_spacing.json";
+	import spacings from "../../_styles/classTypes/_spacing.json";
 	import { getCssVariableValue } from "../helper";
 
-	const spacingKeys = Object.keys(spacings);
+	const spacingKeys = Object.keys(spacings) as Array<keyof typeof spacings>;
 
 </script>
 

package/tailwind.config.js

@@ -1,7 +1,7 @@
-const colors = require("./src/_colors.json");
-const fontSize = require("./src/_font-sizes.json");
-const spacing = require("./src/_spacing.json");
-const boxShadow = require("./src/_shadow.json");
+const colors = require("./src/_styles/classTypes/_colors.json");
+const fontSize = require("./src/_styles/classTypes/_font-sizes.json");
+const spacing = require("./src/_styles/classTypes/_spacing.json");
+const boxShadow = require("./src/_styles/classTypes/_shadow.json");
 
 module.exports = {
 	darkMode: "class",

package/tsconfig.json

@@ -10,11 +10,15 @@
 		"resolveJsonModule": true,
 		"useDefineForClassFields": true,
 		"jsx": "preserve",
+		"noImplicitThis": true,
 		"isolatedModules": true,
+		"preserveValueImports": true,
+		"importsNotUsedAsValues": "error",
 		"importHelpers": true,
 		"moduleResolution": "node",
 		"skipLibCheck": true,
 		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
 		"allowSyntheticDefaultImports": true,
 		"sourceMap": true,
 		"baseUrl": ".",
@@ -22,7 +26,6 @@
 			"esnext",
 			"dom",
 			"dom.iterable",
-			"scripthost"
 		]
 	},
 	"include": [

package/vite.config.ts

@@ -6,7 +6,9 @@ export default defineConfig({
 	resolve: {
 		alias: {}
 	},
-	plugins: [vue({
-		reactivityTransform: true
-	})]
+	plugins: [
+		vue({
+			reactivityTransform: true
+		}),
+	],
 });

package/src/_styles/shadow.css

@@ -1,7 +0,0 @@
-@layer base {
-	:root {
-		/* shadow sizes */
-		--shadow-size-m: 0 2px 4px 0 rgb(180 184 205 / 50%);
-		--shadow-border-primary: 0 0 0 4px var(--color-primary-300);
-	}
-}