@gobolt/genesis 0.2.20 → 0.2.21

package/dist/_virtual/index5.cjs

@@ -1,6 +1,6 @@
 "use strict";
 var _commonjsHelpers = require("./_commonjsHelpers.cjs");
-var index = require("../node_modules/debounce/index.cjs");
-var debounceExports = /* @__PURE__ */ index.__require();
-var debounce = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(debounceExports);
-module.exports = debounce;
+var index = require("../node_modules/copy-to-clipboard/index.cjs");
+var copyToClipboardExports = index.__require();
+var copy = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(copyToClipboardExports);
+module.exports = copy;

package/dist/_virtual/index5.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireDebounce } from "../node_modules/debounce/index.js";
-var debounceExports = /* @__PURE__ */ requireDebounce();
-var debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
+import { __require as requireCopyToClipboard } from "../node_modules/copy-to-clipboard/index.js";
+var copyToClipboardExports = requireCopyToClipboard();
+var copy = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
 export {
-  debounce as default
+  copy as default
 };

package/dist/_virtual/index6.cjs

@@ -1,6 +1,6 @@
 "use strict";
 var _commonjsHelpers = require("./_commonjsHelpers.cjs");
-var index = require("../node_modules/copy-to-clipboard/index.cjs");
-var copyToClipboardExports = index.__require();
-var copy = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(copyToClipboardExports);
-module.exports = copy;
+var index = require("../node_modules/debounce/index.cjs");
+var debounceExports = /* @__PURE__ */ index.__require();
+var debounce = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(debounceExports);
+module.exports = debounce;

package/dist/_virtual/index6.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireCopyToClipboard } from "../node_modules/copy-to-clipboard/index.js";
-var copyToClipboardExports = requireCopyToClipboard();
-var copy = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+import { __require as requireDebounce } from "../node_modules/debounce/index.js";
+var debounceExports = /* @__PURE__ */ requireDebounce();
+var debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
 export {
-  copy as default
+  debounce as default
 };

package/dist/components/Badge/Badge.cjs

@@ -34,7 +34,7 @@ const Badge = ({
         style: {
           padding: "4px 4px"
         },
-        hasHover,
+        $hasHover: hasHover,
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -65,8 +65,8 @@ const Badge = ({
       state,
       disabled: isDisabled,
       style: { cursor: role === "button" ? "pointer" : "default" },
-      backgroundColor,
-      hasHover,
+      $backgroundColor: backgroundColor,
+      $hasHover: hasHover,
       ...rest,
       children: [
         iconUtil.getBadgeStateIcon(

package/dist/components/Badge/Badge.js

@@ -33,7 +33,7 @@ const Badge = ({
         style: {
           padding: "4px 4px"
         },
-        hasHover,
+        $hasHover: hasHover,
         ...rest,
         children: /* @__PURE__ */ jsx(
           "div",
@@ -64,8 +64,8 @@ const Badge = ({
       state,
       disabled: isDisabled,
       style: { cursor: role === "button" ? "pointer" : "default" },
-      backgroundColor,
-      hasHover,
+      $backgroundColor: backgroundColor,
+      $hasHover: hasHover,
       ...rest,
       children: [
         getBadgeStateIcon(

package/dist/components/Badge/styles.cjs

@@ -6,8 +6,8 @@ const getBorderColor = (theme, state) => {
   }
   return theme.colors.status[state].surface;
 };
-const getGenesisClass = (theme, state, label, disabled, backgroundColor, textColor, hasHover) => `
-  display: flex;
+const getGenesisClass = (theme, state, label, disabled, $backgroundColor, $hasHover) => `
+  display: inline-flex; // inline-flex is used to prevent the badge from taking up the full width of the container
   gap: 4px;
   justify-content: center;
   align-items: center;
@@ -18,10 +18,10 @@ const getGenesisClass = (theme, state, label, disabled, backgroundColor, textCol
   padding-right: ${theme.components.badge["right-padding"]}px;
   border-radius: ${theme.components.badge.radius}px;
   border: 1px solid ${getBorderColor(theme, state)};
-  background-color: ${backgroundColor || theme.colors.status[state].surface};
+  background-color: ${$backgroundColor || theme.colors.status[state].surface};
 
   &:not(:disabled):hover {
-    ${hasHover ? `background-color: ${theme.colors.status[state]["surface-hover"]};` : ""}
+    ${$hasHover ? `background-color: ${theme.colors.status[state]["surface-hover"]};` : ""}
   }
 
   ${disabled ? `
@@ -41,18 +41,16 @@ const Badge = styled.div`
   state,
   label,
   disabled,
-  backgroundColor,
-  textColor,
-  hasHover
+  $backgroundColor,
+  $hasHover
 }) => {
   return getGenesisClass(
     theme,
     state,
     label,
     disabled,
-    backgroundColor,
-    textColor,
-    hasHover
+    $backgroundColor,
+    $hasHover
   );
 }}
 `;

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

@@ -5,10 +5,9 @@ interface StyledBadgeProps {
     state?: State;
     label?: string;
     disabled?: boolean;
-    backgroundColor?: string;
-    textColor?: string;
-    hasHover?: boolean;
+    $backgroundColor?: string;
+    $hasHover?: boolean;
 }
-export declare const getGenesisClass: (theme: GenesisTheme, state: State, label?: string, disabled?: boolean, backgroundColor?: string, textColor?: string, hasHover?: boolean) => string;
+export declare const getGenesisClass: (theme: GenesisTheme, state: State, label?: string, disabled?: boolean, $backgroundColor?: string, $hasHover?: boolean) => string;
 export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBadgeProps>> & string;
 export {};

package/dist/components/Badge/styles.js

@@ -5,8 +5,8 @@ const getBorderColor = (theme, state) => {
   }
   return theme.colors.status[state].surface;
 };
-const getGenesisClass = (theme, state, label, disabled, backgroundColor, textColor, hasHover) => `
-  display: flex;
+const getGenesisClass = (theme, state, label, disabled, $backgroundColor, $hasHover) => `
+  display: inline-flex; // inline-flex is used to prevent the badge from taking up the full width of the container
   gap: 4px;
   justify-content: center;
   align-items: center;
@@ -17,10 +17,10 @@ const getGenesisClass = (theme, state, label, disabled, backgroundColor, textCol
   padding-right: ${theme.components.badge["right-padding"]}px;
   border-radius: ${theme.components.badge.radius}px;
   border: 1px solid ${getBorderColor(theme, state)};
-  background-color: ${backgroundColor || theme.colors.status[state].surface};
+  background-color: ${$backgroundColor || theme.colors.status[state].surface};
 
   &:not(:disabled):hover {
-    ${hasHover ? `background-color: ${theme.colors.status[state]["surface-hover"]};` : ""}
+    ${$hasHover ? `background-color: ${theme.colors.status[state]["surface-hover"]};` : ""}
   }
 
   ${disabled ? `
@@ -40,18 +40,16 @@ const Badge = styled.div`
   state,
   label,
   disabled,
-  backgroundColor,
-  textColor,
-  hasHover
+  $backgroundColor,
+  $hasHover
 }) => {
   return getGenesisClass(
     theme,
     state,
     label,
     disabled,
-    backgroundColor,
-    textColor,
-    hasHover
+    $backgroundColor,
+    $hasHover
   );
 }}
 `;

package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs

@@ -3,7 +3,7 @@ var jsxRuntime = require("react/jsx-runtime");
 var index$1 = require("../../../node_modules/react-icons/hi2/index.cjs");
 var index = require("../../../node_modules/react-icons/hi/index.cjs");
 var index$2 = require("../../../node_modules/react-icons/fi/index.cjs");
-var index$3 = require("../../../_virtual/index5.cjs");
+var index$3 = require("../../../_virtual/index6.cjs");
 var Input = require("../../Input/Input.cjs");
 var UtilityButton = require("../../Button/UtilityButton.cjs");
 var Typography = require("../../Typography/Typography.cjs");

package/dist/components/Table/TableControls/PrimaryTableControlsRow.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { HiMiniAdjustmentsVertical } from "../../../node_modules/react-icons/hi2/index.js";
 import { HiSearch, HiOutlineSortDescending, HiOutlineSortAscending } from "../../../node_modules/react-icons/hi/index.js";
 import { FiSettings } from "../../../node_modules/react-icons/fi/index.js";
-import debounce from "../../../_virtual/index5.js";
+import debounce from "../../../_virtual/index6.js";
 import Input from "../../Input/Input.js";
 import UtilityButton from "../../Button/UtilityButton.js";
 import Typography from "../../Typography/Typography.js";

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -1,6 +1,6 @@
 "use strict";
 var React = require("react");
-var index = require("../../../../../_virtual/index6.cjs");
+var index = require("../../../../../_virtual/index5.cjs");
 var useEvent = require("../../../../rc-util/es/hooks/useEvent.cjs");
 var toList = require("../../_util/toList.cjs");
 function _interopNamespaceDefault(e) {

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import copy from "../../../../../_virtual/index6.js";
+import copy from "../../../../../_virtual/index5.js";
 import useEvent from "../../../../rc-util/es/hooks/useEvent.js";
 import toList from "../../_util/toList.js";
 var __awaiter = function(thisArg, _arguments, P, generator) {

package/package.json

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