@wavv/ui 2.8.3 → 2.9.0

package/build/components/Checkbox.d.ts

@@ -5,6 +5,8 @@ type Props = {
     id?: string;
     /** Places a label element beside the checkbox. The value will set the text of the label */
     label?: string;
+    /** Sets a class name on the label text */
+    labelClassName?: string;
     /** Sets the label on the left or right of the checkbox */
     labelPosition?: 'left' | 'right';
     /** Sets the color of the label */
@@ -29,7 +31,7 @@ type Props = {
     className?: CheckboxProps['className'];
     style?: CheckboxProps['style'];
 } & Margin & Omit<CheckboxProps, 'value' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'isIndeterminate'>;
-declare const Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlContainer: import("@emotion/styled").StyledComponent<CheckboxProps & import("react").RefAttributes<HTMLLabelElement> & {
     theme?: import("@emotion/react").Theme;
 } & {

package/build/components/Checkbox.js

@@ -8,7 +8,7 @@ import { ControlLabel } from "./FormControl.js";
 import getFlexPosition from "./helpers/getFlexPosition.js";
 import { marginProps } from "./helpers/styledProps.js";
 import Icon from "./Icon/index.js";
-const Checkbox_Checkbox = ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props })=>{
+const Checkbox_Checkbox = ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props })=>{
     const labelRight = 'right' === labelPosition;
     const isControlled = 'boolean' == typeof checked;
     const iconSize = small ? 14 : tiny ? 12 : void 0;
@@ -34,6 +34,7 @@ const Checkbox_Checkbox = ({ label, labelPosition, checked, partial, disabled, r
             return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     label && /*#__PURE__*/ jsx(ControlLabel, {
+                        className: labelClassName,
                         disabled: disabled,
                         color: labelColor,
                         children: label

package/build/components/Form.d.ts

@@ -38,9 +38,10 @@ declare const Form: {
         className?: import("react-aria-components").SwitchProps["className"];
         style?: import("react-aria-components").SwitchProps["style"];
     } & Margin & Omit<import("react-aria-components").SwitchProps, "isDisabled" | "isSelected">) => import("react/jsx-runtime").JSX.Element;
-    Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: {
+    Checkbox: ({ label, labelClassName, labelPosition, checked, partial, disabled, readOnly, onChange, align, labelColor, tiny, small, ...props }: {
         id?: string;
         label?: string;
+        labelClassName?: string;
         labelPosition?: "left" | "right";
         labelColor?: string;
         disabled?: boolean;

package/build/components/Icon/icons.d.ts

@@ -170,6 +170,7 @@ declare const icons: {
     readonly 'warning-circle': ComponentType<WrappedIconProps>;
     readonly automation: ComponentType<WrappedIconProps>;
     readonly youtube: ComponentType<WrappedIconProps>;
+    readonly zap: ComponentType<WrappedIconProps>;
 };
 export type IconNames = keyof typeof icons;
 export default icons;

package/build/components/Icon/icons.js

@@ -1,4 +1,4 @@
-import { ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowLeftFromLine, ArrowLeftToLine, ArrowRight, ArrowRightFromLine, ArrowRightLeft, ArrowRightToLine, ArrowUp, ArrowUpWideNarrow, BadgeCheck, Ban, Bell, BellDot, Bold, Bot, Braces, Bug, CalendarDays, Camera, ChartColumn, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, CircleDotDashed, CirclePause, CirclePlay, CirclePlus, CircleQuestionMark, CircleStop, CircleUserRound, CircleX, Clapperboard, Clock, Copy, CopyCheck, CopyPlus, CreditCard, Database, Delete, Download, Ear, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, FileText, FileType, Flag, FlaskConical, Folder, FolderInput, FolderOutput, FolderPlus, FolderX, Frown, Funnel, Globe, GripVertical, Hash, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Headset, Heart, Highlighter, Hourglass, House, IdCard, Info, Instagram, Italic, Kanban, Layers2, LayoutDashboard, Lightbulb, Link, Linkedin, List, ListChecks, ListFilter, ListOrdered, ListTodo, Loader, LockKeyhole, LockKeyholeOpen, LogIn, LogOut, MapPin, MapPinned, Maximize2, Megaphone, Meh, Menu, Merge, MessageSquareMore, Mic, MicOff, Minimize2, Minus, MonitorSmartphone, NotebookPen, Paperclip, Pause, Pencil, Percent, Pilcrow, Pin, PinOff, Play, Plus, Redo, RefreshCcwDot, RefreshCw, Rocket, RotateCw, Search, Send, Settings, Share, Share2, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShoppingCart, Smartphone, Smile, Sparkles, Square, SquareKanban, SquarePen, SquareStack, Star, Strikethrough, Tag, TextQuote, Trash2, TriangleAlert, Trophy, Underline, Undo, Upload, UserRound, UserRoundCheck, UserRoundPlus, UserRoundX, Users, Video, Voicemail, Volume2, Workflow, X, Youtube } from "lucide-react";
+import { ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowLeftFromLine, ArrowLeftToLine, ArrowRight, ArrowRightFromLine, ArrowRightLeft, ArrowRightToLine, ArrowUp, ArrowUpWideNarrow, BadgeCheck, Ban, Bell, BellDot, Bold, Bot, Braces, Bug, CalendarDays, Camera, ChartColumn, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, CircleDotDashed, CirclePause, CirclePlay, CirclePlus, CircleQuestionMark, CircleStop, CircleUserRound, CircleX, Clapperboard, Clock, Copy, CopyCheck, CopyPlus, CreditCard, Database, Delete, Download, Ear, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, FileText, FileType, Flag, FlaskConical, Folder, FolderInput, FolderOutput, FolderPlus, FolderX, Frown, Funnel, Globe, GripVertical, Hash, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Headset, Heart, Highlighter, Hourglass, House, IdCard, Info, Instagram, Italic, Kanban, Layers2, LayoutDashboard, Lightbulb, Link, Linkedin, List, ListChecks, ListFilter, ListOrdered, ListTodo, Loader, LockKeyhole, LockKeyholeOpen, LogIn, LogOut, MapPin, MapPinned, Maximize2, Megaphone, Meh, Menu, Merge, MessageSquareMore, Mic, MicOff, Minimize2, Minus, MonitorSmartphone, NotebookPen, Paperclip, Pause, Pencil, Percent, Pilcrow, Pin, PinOff, Play, Plus, Redo, RefreshCcwDot, RefreshCw, Rocket, RotateCw, Search, Send, Settings, Share, Share2, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShoppingCart, Smartphone, Smile, Sparkles, Square, SquareKanban, SquarePen, SquareStack, Star, Strikethrough, Tag, TextQuote, Trash2, TriangleAlert, Trophy, Underline, Undo, Upload, UserRound, UserRoundCheck, UserRoundPlus, UserRoundX, Users, Video, Voicemail, Volume2, Workflow, X, Youtube, Zap } from "lucide-react";
 import createWrappedIcon from "./createWrappedIcon.js";
 const icons = {
     'activity-history': createWrappedIcon(IdCard),
@@ -169,7 +169,8 @@ const icons = {
     warning: createWrappedIcon(TriangleAlert),
     'warning-circle': createWrappedIcon(CircleAlert),
     automation: createWrappedIcon(Workflow),
-    youtube: createWrappedIcon(Youtube)
+    youtube: createWrappedIcon(Youtube),
+    zap: createWrappedIcon(Zap)
 };
 const Icon_icons = icons;
 export { Icon_icons as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.8.3",
+	"version": "2.9.0",
 	"type": "module",
 	"exports": {
 		".": {