@wavv/ui 2.2.2 → 2.2.4

package/build/theme/core/dark/dark.js

@@ -277,6 +277,111 @@ const dark = {
             default: white
         }
     },
+    toggleButton: {
+        ...index_js_button,
+        primary: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.brandTint0,
+                hover: colors.brandTint2,
+                active: colors.brandTint4
+            },
+            border: {
+                default: colors.brand,
+                hover: colors.brand,
+                active: colors.brand
+            }
+        },
+        secondary: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: darkScale.scale0,
+                hover: darkScale.scale1,
+                active: darkScale.scale3
+            },
+            border: {
+                default: darkScale.background5,
+                hover: darkScale.background5,
+                active: darkScale.background5
+            }
+        },
+        negative: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.errorTint0,
+                hover: colors.errorTint2,
+                active: colors.errorTint4
+            },
+            border: {
+                default: colors.error,
+                hover: colors.error,
+                active: colors.error
+            }
+        },
+        positive: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.successTint0,
+                hover: colors.successTint2,
+                active: colors.successTint4
+            },
+            border: {
+                default: colors.success,
+                hover: colors.success,
+                active: colors.success
+            }
+        },
+        caution: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.warningTint0,
+                hover: colors.warningTint2,
+                active: colors.warningTint4
+            },
+            border: {
+                default: colors.warning,
+                hover: colors.warning,
+                active: colors.warning
+            }
+        },
+        disabled: {
+            color: {
+                default: darkScale.scale4,
+                hover: darkScale.scale4,
+                active: darkScale.scale4
+            },
+            background: {
+                default: darkScale.scale0,
+                hover: darkScale.scale0,
+                active: darkScale.scale0
+            },
+            border: {
+                default: darkScale.scale1,
+                hover: darkScale.scale1,
+                active: darkScale.scale1
+            }
+        }
+    },
     calendar: {
         background: {
             container: colors.brandBackground3,

package/build/theme/core/light/light.js

@@ -2,7 +2,7 @@ import common, { button as index_js_button } from "../../common/index.js";
 import colors from "../colors.js";
 import lightScale from "./lightScale.js";
 const white = '#FFFFFF';
-const light_light = {
+const light = {
     ...common,
     ...lightScale,
     name: 'light',
@@ -276,6 +276,111 @@ const light_light = {
             default: white
         }
     },
+    toggleButton: {
+        ...index_js_button,
+        primary: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.brandTint0,
+                hover: colors.brandTint2,
+                active: colors.brandTint4
+            },
+            border: {
+                default: colors.brand,
+                hover: colors.brand,
+                active: colors.brand
+            }
+        },
+        secondary: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: lightScale.scale0,
+                hover: lightScale.scale1,
+                active: lightScale.scale3
+            },
+            border: {
+                default: lightScale.background5,
+                hover: lightScale.background5,
+                active: lightScale.background5
+            }
+        },
+        negative: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.errorTint0,
+                hover: colors.errorTint2,
+                active: colors.errorTint4
+            },
+            border: {
+                default: colors.error,
+                hover: colors.error,
+                active: colors.error
+            }
+        },
+        positive: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.successTint0,
+                hover: colors.successTint2,
+                active: colors.successTint4
+            },
+            border: {
+                default: colors.success,
+                hover: colors.success,
+                active: colors.success
+            }
+        },
+        caution: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.warningTint0,
+                hover: colors.warningTint2,
+                active: colors.warningTint4
+            },
+            border: {
+                default: colors.warning,
+                hover: colors.warning,
+                active: colors.warning
+            }
+        },
+        disabled: {
+            color: {
+                default: lightScale.scale4,
+                hover: lightScale.scale4,
+                active: lightScale.scale4
+            },
+            background: {
+                default: lightScale.scale0,
+                hover: lightScale.scale0,
+                active: lightScale.scale0
+            },
+            border: {
+                default: lightScale.scale1,
+                hover: lightScale.scale1,
+                active: lightScale.scale1
+            }
+        }
+    },
     calendar: {
         background: {
             container: colors.contrast10,
@@ -452,5 +557,5 @@ const light_light = {
         }
     }
 };
-const light = light_light;
-export { light as default };
+const light_light = light;
+export { light_light as default };

package/build/theme/eighties/colors.d.ts

@@ -24,24 +24,32 @@ declare const colors: {
     errorTint0: string;
     errorTint1: string;
     errorTint2: string;
+    errorTint3: string;
+    errorTint4: string;
     warning: string;
     warningShade1: string;
     warningShade2: string;
     warningTint0: string;
     warningTint1: string;
     warningTint2: string;
+    warningTint3: string;
+    warningTint4: string;
     alert: string;
     alertShade1: string;
     alertShade2: string;
     alertTint0: string;
     alertTint1: string;
     alertTint2: string;
+    alertTint3: string;
+    alertTint4: string;
     success: string;
     successShade1: string;
     successShade2: string;
     successTint0: string;
     successTint1: string;
     successTint2: string;
+    successTint3: string;
+    successTint4: string;
     grayscale0: string;
     grayscale1: string;
     grayscale2: string;

package/build/theme/eighties/colors.js

@@ -33,24 +33,32 @@ const colors = {
     errorTint0: transparentize(0.95, error),
     errorTint1: transparentize(0.9, error),
     errorTint2: transparentize(0.8, error),
+    errorTint3: transparentize(0.7, error),
+    errorTint4: transparentize(0.6, error),
     warning,
     warningShade1: '#E6AF00',
     warningShade2: '#CC9B00',
     warningTint0: transparentize(0.95, warning),
     warningTint1: transparentize(0.9, warning),
     warningTint2: transparentize(0.8, warning),
+    warningTint3: transparentize(0.7, warning),
+    warningTint4: transparentize(0.6, warning),
     alert: alertColor,
     alertShade1: '#E6E652',
     alertShade2: '#CCCC48',
     alertTint0: transparentize(0.95, alertColor),
     alertTint1: transparentize(0.9, alertColor),
     alertTint2: transparentize(0.8, alertColor),
+    alertTint3: transparentize(0.7, alertColor),
+    alertTint4: transparentize(0.6, alertColor),
     success,
     successShade1: '#33E512',
     successShade2: '#2CCF10',
     successTint0: transparentize(0.95, success),
     successTint1: transparentize(0.9, success),
     successTint2: transparentize(0.8, success),
+    successTint3: transparentize(0.7, success),
+    successTint4: transparentize(0.6, success),
     grayscale0: transparentize(0.95, grayVal),
     grayscale1: transparentize(0.9, grayVal),
     grayscale2: transparentize(0.8, grayVal),

package/build/theme/eighties/dark/dark.js

@@ -277,6 +277,111 @@ const dark = {
             default: white
         }
     },
+    toggleButton: {
+        ...index_js_button,
+        primary: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.brandTint0,
+                hover: colors.brandTint2,
+                active: colors.brandTint4
+            },
+            border: {
+                default: colors.brand,
+                hover: colors.brand,
+                active: colors.brand
+            }
+        },
+        secondary: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: darkScale.scale0,
+                hover: darkScale.scale1,
+                active: darkScale.scale3
+            },
+            border: {
+                default: darkScale.background5,
+                hover: darkScale.background5,
+                active: darkScale.background5
+            }
+        },
+        negative: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.errorTint0,
+                hover: colors.errorTint2,
+                active: colors.errorTint4
+            },
+            border: {
+                default: colors.error,
+                hover: colors.error,
+                active: colors.error
+            }
+        },
+        positive: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.successTint0,
+                hover: colors.successTint2,
+                active: colors.successTint4
+            },
+            border: {
+                default: colors.success,
+                hover: colors.success,
+                active: colors.success
+            }
+        },
+        caution: {
+            color: {
+                default: darkScale.scale10,
+                hover: darkScale.scale10,
+                active: darkScale.scale10
+            },
+            background: {
+                default: colors.warningTint0,
+                hover: colors.warningTint2,
+                active: colors.warningTint4
+            },
+            border: {
+                default: colors.warning,
+                hover: colors.warning,
+                active: colors.warning
+            }
+        },
+        disabled: {
+            color: {
+                default: darkScale.scale4,
+                hover: darkScale.scale4,
+                active: darkScale.scale4
+            },
+            background: {
+                default: darkScale.scale0,
+                hover: darkScale.scale0,
+                active: darkScale.scale0
+            },
+            border: {
+                default: darkScale.scale1,
+                hover: darkScale.scale1,
+                active: darkScale.scale1
+            }
+        }
+    },
     calendar: {
         background: {
             container: colors.brandBackground3,

package/build/theme/eighties/light/light.js

@@ -2,7 +2,7 @@ import common, { button as index_js_button } from "../../common/index.js";
 import colors from "../colors.js";
 import lightScale from "./lightScale.js";
 const white = '#FFFFFF';
-const light_light = {
+const light = {
     ...common,
     ...lightScale,
     name: 'light',
@@ -276,6 +276,111 @@ const light_light = {
             default: white
         }
     },
+    toggleButton: {
+        ...index_js_button,
+        primary: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.brandTint0,
+                hover: colors.brandTint2,
+                active: colors.brandTint4
+            },
+            border: {
+                default: colors.brand,
+                hover: colors.brand,
+                active: colors.brand
+            }
+        },
+        secondary: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: lightScale.scale0,
+                hover: lightScale.scale1,
+                active: lightScale.scale3
+            },
+            border: {
+                default: lightScale.background5,
+                hover: lightScale.background5,
+                active: lightScale.background5
+            }
+        },
+        negative: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.errorTint0,
+                hover: colors.errorTint2,
+                active: colors.errorTint4
+            },
+            border: {
+                default: colors.error,
+                hover: colors.error,
+                active: colors.error
+            }
+        },
+        positive: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.successTint0,
+                hover: colors.successTint2,
+                active: colors.successTint4
+            },
+            border: {
+                default: colors.success,
+                hover: colors.success,
+                active: colors.success
+            }
+        },
+        caution: {
+            color: {
+                default: lightScale.scale10,
+                hover: lightScale.scale10,
+                active: lightScale.scale10
+            },
+            background: {
+                default: colors.warningTint0,
+                hover: colors.warningTint2,
+                active: colors.warningTint4
+            },
+            border: {
+                default: colors.warning,
+                hover: colors.warning,
+                active: colors.warning
+            }
+        },
+        disabled: {
+            color: {
+                default: lightScale.scale4,
+                hover: lightScale.scale4,
+                active: lightScale.scale4
+            },
+            background: {
+                default: lightScale.scale0,
+                hover: lightScale.scale0,
+                active: lightScale.scale0
+            },
+            border: {
+                default: lightScale.scale1,
+                hover: lightScale.scale1,
+                active: lightScale.scale1
+            }
+        }
+    },
     calendar: {
         background: {
             container: colors.contrast10,
@@ -452,5 +557,5 @@ const light_light = {
         }
     }
 };
-const light = light_light;
-export { light as default };
+const light_light = light;
+export { light_light as default };

package/build/utils/chunk.js

@@ -1,4 +1,4 @@
-const chunk_chunk = (array, chunkLength)=>{
+const chunk = (array, chunkLength)=>{
     const copy = [
         ...array
     ];
@@ -9,5 +9,5 @@ const chunk_chunk = (array, chunkLength)=>{
     }
     return chunkArray;
 };
-const chunk = chunk_chunk;
-export { chunk as default };
+const utils_chunk = chunk;
+export { utils_chunk as default };

package/build/utils/copyToClipboard.js

@@ -17,7 +17,7 @@ const legacyCopy = (text)=>{
         console.error('Failed to copy text to clipboard');
     }
 };
-const copyToClipboard_copyToClipboard = (text)=>{
+const copyToClipboard = (text)=>{
     if ('undefined' == typeof window || 'undefined' == typeof document) return;
     const canUseModernApi = 'undefined' != typeof navigator && navigator.clipboard && 'function' == typeof navigator.clipboard.writeText;
     if (canUseModernApi) return void navigator.clipboard.writeText(text).catch(()=>{
@@ -25,5 +25,5 @@ const copyToClipboard_copyToClipboard = (text)=>{
     });
     legacyCopy(text);
 };
-const copyToClipboard = copyToClipboard_copyToClipboard;
-export { copyToClipboard as default };
+const utils_copyToClipboard = copyToClipboard;
+export { utils_copyToClipboard as default };

package/build/utils/formatNumber.js

@@ -1,4 +1,4 @@
-const formatNumber_formatNumber = (value, decimals = 1)=>{
+const formatNumber = (value, decimals = 1)=>{
     if (0 === value) return '0';
     if (!Number.isFinite(value)) return String(value);
     const absValue = Math.abs(value);
@@ -28,5 +28,5 @@ const formatNumber_formatNumber = (value, decimals = 1)=>{
     }
     return String(value);
 };
-const formatNumber = formatNumber_formatNumber;
-export { formatNumber as default, formatNumber_formatNumber as formatNumber };
+const utils_formatNumber = formatNumber;
+export { utils_formatNumber as default, formatNumber };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.2.2",
+	"version": "2.2.4",
 	"type": "module",
 	"exports": {
 		".": {
@@ -31,22 +31,22 @@
 		"@emotion/styled": "^11.14.1",
 		"@internationalized/date": "3.10.0",
 		"@react-hook/resize-observer": "^2.0.2",
-		"@tiptap/core": "^3.9.1",
-		"@tiptap/extension-character-count": "^3.9.1",
-		"@tiptap/extension-highlight": "^3.9.1",
-		"@tiptap/extension-placeholder": "^3.9.1",
-		"@tiptap/extension-task-item": "^3.9.1",
-		"@tiptap/extension-task-list": "^3.9.1",
-		"@tiptap/markdown": "^3.9.1",
-		"@tiptap/pm": "^3.9.1",
-		"@tiptap/react": "^3.9.1",
-		"@tiptap/starter-kit": "^3.9.1",
+		"@tiptap/core": "^3.10.1",
+		"@tiptap/extension-character-count": "^3.10.1",
+		"@tiptap/extension-highlight": "^3.10.1",
+		"@tiptap/extension-placeholder": "^3.10.1",
+		"@tiptap/extension-task-item": "^3.10.1",
+		"@tiptap/extension-task-list": "^3.10.1",
+		"@tiptap/markdown": "^3.10.1",
+		"@tiptap/pm": "^3.10.1",
+		"@tiptap/react": "^3.10.1",
+		"@tiptap/starter-kit": "^3.10.1",
 		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"draft-js": "^0.11.7",
 		"es-toolkit": "^1.41.0",
 		"libphonenumber-js": "^1.12.25",
-		"lucide-react": "^0.548.0",
+		"lucide-react": "^0.552.0",
 		"polished": "^4.1.4",
 		"prism-react-renderer": "^2.4.1",
 		"react-aria": "3.44.0",
@@ -61,26 +61,26 @@
 		"@babel/core": "^7.28.5",
 		"@babel/preset-env": "^7.28.5",
 		"@babel/preset-typescript": "^7.28.5",
-		"@biomejs/biome": "2.3.2",
-		"@chromatic-com/storybook": "^4.1.1",
+		"@biomejs/biome": "2.3.3",
+		"@chromatic-com/storybook": "^4.1.2",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@emotion/react": "^11.14.0",
-		"@rsbuild/core": "1.5.17",
+		"@rsbuild/core": "1.6.1",
 		"@rsbuild/plugin-react": "^1.4.1",
 		"@rsbuild/plugin-svgr": "^1.2.2",
-		"@rslib/core": "^0.16.1",
-		"@storybook/addon-docs": "^9.1.15",
-		"@storybook/addon-links": "^9.1.15",
-		"@storybook/addon-themes": "^9.1.15",
+		"@rslib/core": "^0.17.0",
+		"@storybook/addon-docs": "^9.1.16",
+		"@storybook/addon-links": "^9.1.16",
+		"@storybook/addon-themes": "^9.1.16",
 		"@storybook/test-runner": "^0.23.0",
 		"@svgr/core": "^8.1.0",
 		"@svgr/plugin-jsx": "^8.1.0",
 		"@svgr/plugin-prettier": "^8.1.0",
-		"@swc/plugin-emotion": "11.5.0",
+		"@swc/plugin-emotion": "12.0.0",
 		"@types/draft-js": "^0.11.18",
 		"@types/jest": "^30.0.0",
 		"@types/ncp": "^2.0.8",
-		"@types/node": "^24.9.2",
+		"@types/node": "^24.10.0",
 		"@types/prompts": "^2.4.9",
 		"@types/randomcolor": "^0.5.9",
 		"@types/react": "^19.2.2",
@@ -89,7 +89,7 @@
 		"@types/webfontloader": "^1.6.38",
 		"chalk": "^5.6.2",
 		"change-case": "^5.4.4",
-		"chromatic": "^13.3.2",
+		"chromatic": "^13.3.3",
 		"jest": "^30.2.0",
 		"lefthook": "^2.0.2",
 		"ncp": "^2.0.0",
@@ -104,8 +104,8 @@
 		"react-dom": "^19.2.0",
 		"replace": "^1.2.2",
 		"signale": "^1.4.0",
-		"storybook": "^9.1.15",
-		"storybook-react-rsbuild": "^2.1.2",
+		"storybook": "^9.1.16",
+		"storybook-react-rsbuild": "^2.1.4",
 		"tsc-files": "^1.1.4",
 		"tslib": "^2.8.1",
 		"tsx": "^4.20.6",