@gobolt/genesis 0.4.19 → 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,
@@ -85374,7 +85375,7 @@ const SecondaryTableControlsRow = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(GroupsRow, { groups, onGroupItemClick }),
         (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
-        infiniteScrollData ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `Loaded ${infiniteScrollData.resultsShown} of ${infiniteScrollData.totalResults} Results` }) : null
+        infiniteScrollData ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${infiniteScrollData.resultsShown} results` }) : null
       ]
     }
   );

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,
@@ -85356,7 +85357,7 @@ const SecondaryTableControlsRow = ({
       children: [
         /* @__PURE__ */ jsx(GroupsRow, { groups, onGroupItemClick }),
         (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
-        infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `Loaded ${infiniteScrollData.resultsShown} of ${infiniteScrollData.totalResults} Results` }) : null
+        infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${infiniteScrollData.resultsShown} results` }) : null
       ]
     }
   );

package/package.json

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