@creativecodeco/ui 0.4.2 → 0.6.0

package/lib/hooks/use-safe-button-props.hook.d.ts

@@ -6,8 +6,9 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
 }): {
     onClick: (event: ButtonEvent) => void;
     onSubmit: (event: ButtonEvent) => void;
-    name?: string | undefined;
+    children?: import("react").ReactNode;
     color?: string | undefined;
+    name?: string | undefined;
     disabled?: boolean | undefined;
     onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     value?: string | number | readonly string[] | undefined;
@@ -62,7 +63,7 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "search" | "email" | "tel" | "text" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -118,7 +119,6 @@ export default function useSafeButtonProps({ onClick, onSubmit, loading, ...prop
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;

package/lib/theme/css/accordion.css

@@ -0,0 +1,9 @@
+.accordion-type {
+  &-arrow {
+    @apply collapse-arrow;
+  }
+
+  &-plus {
+    @apply collapse-plus;
+  }
+}

package/lib/theme/css/badge.css

@@ -0,0 +1,45 @@
+.badge {
+  &-size {
+    &-lg {
+      @apply badge-lg;
+    }
+
+    &-sm {
+      @apply badge-sm;
+    }
+
+    &-xs {
+      @apply badge-xs;
+    }
+  }
+
+  &-color {
+    &-primary {
+      @apply badge-primary;
+    }
+
+    &-secondary {
+      @apply badge-secondary;
+    }
+
+    &-accent {
+      @apply badge-accent;
+    }
+
+    &-success {
+      @apply badge-success;
+    }
+
+    &-warning {
+      @apply badge-warning;
+    }
+
+    &-info {
+      @apply badge-info;
+    }
+
+    &-error {
+      @apply badge-error;
+    }
+  }
+}

package/lib/theme/css/button.css

@@ -1,6 +1,4 @@
 .button {
-  @apply btn;
-
   &-link {
     @apply btn-link;
   }
@@ -41,6 +39,10 @@
     &-error {
       @apply btn-error;
     }
+
+    &-ghost {
+      @apply btn-ghost;
+    }
   }
 
   &-size {

package/lib/theme/css/main.css

@@ -2,7 +2,9 @@
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
+@import './accordion.css';
 @import './avatar.css';
+@import './badge.css';
 @import './button.css';
 @import './checkbox.css';
 @import './radio.css';