@gobolt/genesis 0.4.20 → 0.4.21

package/dist/components/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export type State = "success" | "warning" | "error" | "info" | "generic" | "hollow";
 export interface BadgeProps {
     label?: string;

package/dist/components/Badge/styles.d.ts

@@ -3,6 +3,7 @@ import { State } from './Badge';
 interface StyledBadgeProperties {
     theme?: GenesisTheme;
     state?: State;
+    $state?: State;
     label?: string;
     disabled?: boolean;
     $backgroundColor?: string;

package/dist/index.cjs

@@ -60537,6 +60537,7 @@ const Badge$2 = styled.div`
   ${({
   theme,
   state,
+  $state,
   label,
   disabled: disabled2,
   $backgroundColor,
@@ -60544,7 +60545,7 @@ const Badge$2 = styled.div`
 }) => {
   return getGenesisClass$c(
     theme,
-    state || "info",
+    $state || state || "info",
     label,
     disabled2,
     $backgroundColor,
@@ -60863,7 +60864,7 @@ const Badge$1 = ({
       {
         label,
         role: "badge",
-        state,
+        $state: state,
         disabled: isDisabled,
         style: {
           padding: "4px 4px"
@@ -60896,7 +60897,7 @@ const Badge$1 = ({
       label,
       role,
       onClick,
-      state,
+      $state: state,
       disabled: isDisabled,
       style: { cursor: role === "button" ? "pointer" : "default" },
       $backgroundColor: backgroundColor || void 0,

package/dist/index.js

@@ -60519,6 +60519,7 @@ const Badge$2 = styled.div`
   ${({
   theme,
   state,
+  $state,
   label,
   disabled: disabled2,
   $backgroundColor,
@@ -60526,7 +60527,7 @@ const Badge$2 = styled.div`
 }) => {
   return getGenesisClass$c(
     theme,
-    state || "info",
+    $state || state || "info",
     label,
     disabled2,
     $backgroundColor,
@@ -60845,7 +60846,7 @@ const Badge$1 = ({
       {
         label,
         role: "badge",
-        state,
+        $state: state,
         disabled: isDisabled,
         style: {
           padding: "4px 4px"
@@ -60878,7 +60879,7 @@ const Badge$1 = ({
       label,
       role,
       onClick,
-      state,
+      $state: state,
       disabled: isDisabled,
       style: { cursor: role === "button" ? "pointer" : "default" },
       $backgroundColor: backgroundColor || void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.20",
+  "version": "0.4.21",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",