bonkers-ui 1.0.67 → 1.0.69

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v1.0.67",
+    "version": "v1.0.69",
     "private": false,
     "scripts": {
         "storybook": "storybook dev -p 6006",
@@ -12,13 +12,17 @@
         "deploy": "gh-pages -d storybook-static",
         "typecheck": "tsc --noEmit && vue-tsc --noEmit",
         "test": "vitest run",
-        "pack": "cd dist && npm pack --pack-destination ../",
+        "pack": "bun postbuild.ts && cd dist && npm pack --pack-destination ../",
         "upgrade": "bun x npm-check-updates -ui",
-        "i": "bun install --frozen-lockfile"
+        "i": "bun install --frozen-lockfile",
+        "prepare": "husky"
+    },
+    "overrides": {
+        "rollup": "npm:@rollup/wasm-node"
     },
     "dependencies": {
-        "tailwindcss": "^3.4.3",
-        "vue": "^3.4.26"
+        "tailwindcss": "^3.4.4",
+        "vue": "^3.4.31"
     },
     "peerDependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
@@ -30,50 +34,51 @@
         "vue": "^3.0.0"
     },
     "devDependencies": {
-        "@storybook/addon-essentials": "^8.0.9",
-        "@storybook/addon-links": "^8.0.9",
-        "@storybook/vue3": "^8.0.9",
-        "@storybook/vue3-vite": "^8.0.9",
-        "@types/bun": "^1.1.0",
+        "@kalimahapps/eslint-plugin-tailwind": "^1.1.0",
+        "@storybook/addon-essentials": "^8.1.11",
+        "@storybook/addon-links": "^8.1.11",
+        "@storybook/addons": "^7.6.17",
+        "@storybook/vue3": "^8.1.11",
+        "@storybook/vue3-vite": "^8.1.11",
+        "@types/bun": "^1.1.6",
         "@types/glob": "^8.1.0",
-        "@typescript-eslint/eslint-plugin": "^7.7.1",
-        "@typescript-eslint/parser": "^7.7.1",
-        "@vitejs/plugin-vue": "^5.0.4",
+        "@typescript-eslint/eslint-plugin": "^7.15.0",
+        "@typescript-eslint/parser": "^7.15.0",
+        "@vitejs/plugin-vue": "^5.0.5",
         "@vue/eslint-config-typescript": "^13.0.0",
-        "@vue/test-utils": "^2.4.5",
+        "@vue/test-utils": "^2.4.6",
         "autoprefixer": "^10.4.19",
-        "bun-types": "^1.1.6",
+        "bun-types": "^1.1.17",
         "eslint": "8.56.0",
         "eslint-plugin-storybook": "^0.8.0",
-        "eslint-plugin-tailwindcss": "^3.15.1",
-        "eslint-plugin-vue": "^9.25.0",
+        "eslint-plugin-tailwindcss": "^3.17.4",
+        "eslint-plugin-vue": "^9.27.0",
         "gh-pages": "^6.1.1",
         "husky": "9.0.11",
-        "jsdom": "^24.0.0",
-        "lint-staged": "^15.2.2",
-        "postcss": "^8.4.38",
+        "jsdom": "^24.1.0",
+        "lint-staged": "^15.2.7",
+        "postcss": "^8.4.39",
         "postcss-cli": "^11.0.0",
-        "postcss-html": "^1.6.0",
+        "postcss-html": "^1.7.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "storybook": "^8.0.9",
-        "storybook-dark-mode": "^4.0.1",
-        "storybook-tailwind-dark-mode": "^1.0.22",
-        "stylelint": "15.11.0",
-        "stylelint-config-recommended": "^14.0.0",
+        "storybook": "^8.1.11",
+        "storybook-dark-mode": "^4.0.2",
+        "stylelint": "15.x.x",
+        "stylelint-config-recommended": "^14.0.1",
         "stylelint-config-recommended-vue": "^1.5.0",
         "stylelint-config-standard": "^35.0.0",
-        "typescript": "^5.4.5",
-        "vite": "^5.2.10",
+        "typescript": "^5.5.3",
+        "vite": "^5.3.2",
         "vite-plugin-css-injected-by-js": "^3.5.1",
-        "vite-plugin-dts": "^3.9.0",
-        "vite-plugin-static-copy": "^1.0.3",
+        "vite-plugin-dts": "^3.9.1",
+        "vite-plugin-static-copy": "^1.0.6",
         "vite-tsconfig-paths": "^4.3.2",
-        "vitest": "^1.5.2",
-        "vue-eslint-parser": "^9.4.2",
+        "vitest": "^1.6.0",
+        "vue-eslint-parser": "^9.4.3",
         "vue-loader": "^17.4.2",
-        "vue-router": "^4.3.2",
-        "vue-tsc": "^2.0.14"
+        "vue-router": "^4.4.0",
+        "vue-tsc": "^2.0.24"
     },
     "lint-staged": {
         "*.{ts,tsx,vue}": [
@@ -82,11 +87,6 @@
         ],
         "*.{css,vue,tsx}": "stylelint --fix"
     },
-    "husky": {
-        "hooks": {
-            "pre-commit": "bun typecheck && bun lint-staged && bun run test"
-        }
-    },
     "license": "MIT",
     "main": "./bonkers-ui.umd.js",
     "module": "./index.js",
@@ -106,8 +106,5 @@
             "types": "./components/*/index.d.ts",
             "import": "./components/*/index.js"
         }
-    },
-    "overrides": {
-        "rollup": "npm:@rollup/wasm-node"
     }
 }

package/plugin.ts

@@ -12,14 +12,18 @@ export default plugin(
 				// spacing
 				"--auto": "auto",
 				"--zero": "0",
-				"--px": "1px",
-				"--xxs": "4px",
-				"--xs": "8px",
+				"--min": "1px",
+				"--xxxs": "4px",
+				"--xxs": "8px",
+				"--xs": "12px",
 				"--sm": "16px",
 				"--md": "24px",
-				"--lg": "40px",
-				"--xl": "80px",
-				"--xxl": "120px",
+				"--lg": "32px",
+				"--xl": "40px",
+				"--xxl": "48px",
+				"--xxxl": "64px",
+				"--xxxxl": "80px",
+				"--xxxxxl": "120px",
 
 				// shadows
 				"--shadow-size-md": "0 2px 4px 0 rgb(180 184 205 / 50%)",
@@ -81,13 +85,17 @@ export default plugin(
 				"--color-warning-600": "#cc7247",
 				"--color-warning-700": "#995635",
 				"--color-warning": "var(--color-warning-500)",
-				"--color-accent-300": "#8e8efa",
-				"--color-accent-400": "#6868f9",
+				"--color-accent-300": "#c9c9f6",
+				"--color-accent-400": "#8b8bfc",
 				"--color-accent-500": "#4242f7",
 				"--color-accent-600": "#3535c6",
 				"--color-accent-700": "#282894",
 				"--color-accent": "var(--color-accent-500)",
-				"--color-accent-alt-500": "#6236ff",
+				"--color-accent-alt-300": "#ffd681",
+				"--color-accent-alt-400": "#fcc44f",
+				"--color-accent-alt-500": "#ffbb2e",
+				"--color-accent-alt-600": "#ffae05",
+				"--color-accent-alt-700": "#f0a100",
 				"--color-accent-alt": "var(--color-accent-alt-500)",
 				"--color-secondary-alt-200": "#f4f5f8",
 				"--color-secondary-alt-300": "#dfe1e9",
@@ -101,7 +109,6 @@ export default plugin(
 		});
 	},
 	{
-		darkMode: "class",
 		theme: {
 			corePlugins: {
 				preflight: false,

package/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+	plugins: {
+		"tailwindcss/nesting": {},
+		tailwindcss: {},
+		autoprefixer: {},
+		"postcss-import": {},
+	}
+};

package/src/_styles/_colors.json

@@ -62,7 +62,11 @@
 	},
 	"accent-alt": {
 		"DEFAULT": "var(--color-accent-alt)",
-		"500": "var(--color-accent-alt-500)"
+		"300": "var(--color-accent-alt-300)",
+		"400": "var(--color-accent-alt-400)",
+		"500": "var(--color-accent-alt-500)",
+		"600": "var(--color-accent-alt-600)",
+		"700": "var(--color-accent-alt-700)"
 	},
 	"secondary-alt": {
 		"DEFAULT": "var(--color-secondary-alt)",

package/src/_styles/_spacing.json

@@ -1,12 +1,16 @@
 {
-	"0": "var(--zero)",
-	"px": "var(--px)",
 	"auto": "var(--auto)",
+	"0": "var(--zero)",
+	"min": "var(--min)",
+	"xxxs": "var(--xxxs)",
 	"xxs": "var(--xxs)",
 	"xs": "var(--xs)",
 	"sm": "var(--sm)",
 	"md": "var(--md)",
 	"lg": "var(--lg)",
 	"xl": "var(--xl)",
-	"xxl": "var(--xxl)"
+	"xxl": "var(--xxl)",
+	"xxxl": "var(--xxxl)",
+	"xxxxl": "var(--xxxxl)",
+	"xxxxxl": "var(--xxxxxl)"
 }

package/tailwind.config.ts

@@ -3,7 +3,7 @@ import bonkersPlugin from "./plugin";
 
 const config = {
 	content: [
-		"./src/**/*.{vue,js,ts,jsx,tsx}",
+		"./src/**/*.{vue,js,ts,jsx,tsx,stories.ts}",
 	],
 	plugins: [
 		bonkersPlugin

package/types.js

@@ -1,77 +1,78 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(`.ui-ber-rank__icon_medium{height:60px}.ui-ber-rank__icon_small{height:30px}
-.icon-wrapper_offset-md[data-v-2e4f26a1] .notification-badge{top:4px;right:4px}.icon-wrapper_offset-lg[data-v-2e4f26a1] .notification-badge{top:8px;right:8px}
-.max-height[data-v-f3e5c3af]{max-height:calc(100vh - var(--md))}.max-width[data-v-f3e5c3af]{max-width:calc(100vw - var(--md))}
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`.ui-ber-rank__icon_medium{height:60px}.ui-ber-rank__icon_small{height:30px}
+.icon-wrapper_offset-md[data-v-e2d42695] .notification-badge{top:4px;right:4px}.icon-wrapper_offset-xl[data-v-e2d42695] .notification-badge{top:8px;right:8px}
+.max-height[data-v-e9747c9f]{max-height:calc(100vh - var(--md))}.max-width[data-v-e9747c9f]{max-width:calc(100vw - var(--md))}
 .notification-badge{padding:2px}
-.ui-table__secondary[data-v-fa615ea7] tr:nth-child(odd){background-color:var(--color-secondary-alt-200)}.ui-table__secondary-inverted[data-v-fa615ea7] tr:nth-child(2n){background-color:var(--color-secondary-alt-200)}
-.ui-table-row[data-v-97952db0] td:first-child{border-top-left-radius:var(--xs);border-bottom-left-radius:var(--xs);text-align:left}.ui-table-row[data-v-97952db0] td:last-child{border-top-right-radius:var(--xs);border-bottom-right-radius:var(--xs);text-align:right}`)),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+.ui-table__secondary[data-v-93c36bf4] tr:nth-child(odd){background-color:var(--color-secondary-alt-200)}.ui-table__secondary-inverted[data-v-93c36bf4] tr:nth-child(2n){background-color:var(--color-secondary-alt-200)}
+.ui-table-row[data-v-a9579e20] td:first-child{border-top-left-radius:var(--xxs);border-bottom-left-radius:var(--xxs);text-align:left}.ui-table-row[data-v-a9579e20] td:last-child{border-top-right-radius:var(--xxs);border-bottom-right-radius:var(--xxs);text-align:right}`)),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import "./components/ui-dropdown/ui-dropdown.vue.js";
-import { EDropdownKinds as l } from "./components/ui-dropdown/_typings.js";
+import { EDropdownKinds as c } from "./components/ui-dropdown/_typings.js";
 import "./components/ui-icon/ui-icon.vue.js";
-import { ESize as u } from "./_types/sizing.js";
-import { EIconType as K } from "./components/ui-icon/_typings.js";
+import { ESize as B } from "./_types/sizing.js";
+import { EIconType as A } from "./components/ui-icon/_typings.js";
 import "vue";
-import { ETextAlign as L, ETextTransform as W, ETextWeight as b, ETypographySizes as h } from "./components/ui-typography/_typings.js";
-import { EColors as w } from "./_types/colors.js";
-import { EAlertTypes as C } from "./components/ui-alert/_types.js";
-import { EBadgeKind as J, EBadgeSize as M } from "./components/ui-badge/_typings.js";
+import { ETextAlign as W, ETextTransform as b, ETextWeight as h, ETypographySizes as k } from "./components/ui-typography/_typings.js";
+import { EColors as R } from "./_types/colors.js";
+import { EAlertTypes as D } from "./components/ui-alert/_types.js";
+import "./components/ui-badge/ui-badge.vue.js";
+import { EBadgeKind as M, EBadgeSize as O } from "./components/ui-badge/_typings.js";
 import "./components/ui-ber-rank/ui-ber-rank.vue.js";
 
-import { EBerSize as j } from "./components/ui-ber-rank/_types.js";
+import { EBerSize as q } from "./components/ui-ber-rank/_types.js";
 import "./components/ui-button/ui-button.vue.js";
-import { EButtonSizes as v, EButtonTypes as F } from "./components/ui-button/_typings.js";
-import { ERadioSizes as H } from "./components/ui-radio-fancy/_typings.js";
-import { ESkeletonKind as P } from "./components/ui-skeleton/_typings.js";
+import { EButtonSizes as F, EButtonTypes as G } from "./components/ui-button/_typings.js";
+import { ERadioSizes as N } from "./components/ui-radio-fancy/_typings.js";
+import { ESkeletonKind as Q } from "./components/ui-skeleton/_typings.js";
 import "./components/ui-icon-wrapper/ui-icon-wrapper.vue2.js";
 
-import { EIconWrapperSizes as U, EIconWrapperTypes as V } from "./components/ui-icon-wrapper/_typings.js";
+import { EIconWrapperSizes as V, EIconWrapperTypes as X } from "./components/ui-icon-wrapper/_typings.js";
 import "./components/ui-input/ui-input.vue.js";
-import { EAutocomplete as Y, EInputKinds as Z, EInputType as _ } from "./components/ui-input/_typings.js";
+import { EAutocomplete as Z, EInputKinds as _, EInputType as $ } from "./components/ui-input/_typings.js";
 import "./components/ui-list-item/ui-list-item.vue.js";
-import { EListItemSize as oo, EListItemSpacing as ro, EListItemTypes as to } from "./components/ui-list-item/_types.js";
+import { EListItemSize as ro, EListItemSpacing as to, EListItemTypes as po } from "./components/ui-list-item/_types.js";
 import "./components/ui-modal/ui-modal.vue2.js";
 
-import { EModalSizes as eo } from "./components/ui-modal/_typings.js";
+import { EModalSizes as io } from "./components/ui-modal/_typings.js";
 import "./components/ui-notification-badge/ui-notification-badge.vue.js";
 
-import { EBadgeOrigin as mo } from "./components/ui-notification-badge/_types.js";
+import { EBadgeOrigin as Eo } from "./components/ui-notification-badge/_types.js";
 import "./components/ui-snackbar/ui-snackbar.vue.js";
-import { ESnackbarTypes as xo } from "./components/ui-snackbar/_types.js";
+import { ESnackbarTypes as fo } from "./components/ui-snackbar/_types.js";
 import "./components/ui-table/ui-table.vue2.js";
 
-import { ERowKind as no } from "./components/ui-table/ui-table-row/_typings.js";
+import { ERowKind as so } from "./components/ui-table/ui-table-row/_typings.js";
 
-import { ETableKind as ao } from "./components/ui-table/_types.js";
-import { EJustify as So } from "./_types/align.js";
+import { ETableKind as To } from "./components/ui-table/_types.js";
+import { EJustify as yo } from "./_types/align.js";
 export {
-  C as EAlertTypes,
-  Y as EAutocomplete,
-  J as EBadgeKind,
-  mo as EBadgeOrigin,
-  M as EBadgeSize,
-  j as EBerSize,
-  v as EButtonSizes,
-  F as EButtonTypes,
-  w as EColors,
-  l as EDropdownKinds,
-  K as EIconType,
-  U as EIconWrapperSizes,
-  V as EIconWrapperTypes,
-  Z as EInputKinds,
-  _ as EInputType,
-  So as EJustify,
-  oo as EListItemSize,
-  ro as EListItemSpacing,
-  to as EListItemTypes,
-  eo as EModalSizes,
-  H as ERadioSizes,
-  no as ERowKind,
-  u as ESize,
-  P as ESkeletonKind,
-  xo as ESnackbarTypes,
-  ao as ETableKind,
-  L as ETextAlign,
-  W as ETextTransform,
-  b as ETextWeight,
-  h as ETypographySizes
+  D as EAlertTypes,
+  Z as EAutocomplete,
+  M as EBadgeKind,
+  Eo as EBadgeOrigin,
+  O as EBadgeSize,
+  q as EBerSize,
+  F as EButtonSizes,
+  G as EButtonTypes,
+  R as EColors,
+  c as EDropdownKinds,
+  A as EIconType,
+  V as EIconWrapperSizes,
+  X as EIconWrapperTypes,
+  _ as EInputKinds,
+  $ as EInputType,
+  yo as EJustify,
+  ro as EListItemSize,
+  to as EListItemSpacing,
+  po as EListItemTypes,
+  io as EModalSizes,
+  N as ERadioSizes,
+  so as ERowKind,
+  B as ESize,
+  Q as ESkeletonKind,
+  fo as ESnackbarTypes,
+  To as ETableKind,
+  W as ETextAlign,
+  b as ETextTransform,
+  h as ETextWeight,
+  k as ETypographySizes
 };
 //# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}