@gobolt/genesis 0.4.45 → 0.5.0

package/dist/components/Table/TableControls/SecondaryTableControlsRow.d.ts

@@ -1,12 +1,8 @@
 import { Change } from '../Table';
 import { InfiniteScrollChangeEvent } from '../InfiniteScrollTable/types';
 import * as React from "react";
-type Item = {
-    label: string;
-    value: unknown;
-};
 export type Groups = {
-    [key: string]: string[] | Item[];
+    [key: string]: string[];
 };
 export interface SecondaryTableControlsRowProps {
     groups: Groups | null;

package/dist/components/Table/TableControls/TableControls.d.ts

@@ -1,12 +1,6 @@
 import { PrimaryTableControlsRowProps } from './PrimaryTableControlsRow';
 import { SecondaryTableControlsRowProps } from './SecondaryTableControlsRow';
 import { ActionEvent, TableEventPayload } from '../../../types/events';
-export declare const TABLE_CONTROLS_EVENTS: {
-    GROUP_ITEM_CLICK: string;
-    ORDER_CLICK: string;
-    PRIMARY_SORT_CHANGE: string;
-    INPUT_CHANGE: string;
-};
 export type TableControlsData = {
     primaryTableRowData: PrimaryTableControlsRowProps;
     secondaryTableRowData?: SecondaryTableControlsRowProps;

package/dist/components/Table/TableControls/index.d.ts

@@ -1,2 +1,2 @@
-export { default, TABLE_CONTROLS_EVENTS } from './TableControls';
+export { default } from './TableControls';
 export type { TableControlsProps } from './TableControls';

package/dist/components/index.d.ts

@@ -68,7 +68,6 @@ export type { TableWithControlsProps } from './TableWithControls';
 export { useTable } from './Table';
 export { useTableWithControls } from './TableWithControls';
 export type { UseTableConfig } from './Table';
-export { TABLE_CONTROLS_EVENTS } from './Table/TableControls';
 export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export { default as Tile } from './Tile';

package/dist/index.cjs

@@ -74768,53 +74768,6 @@ const Solid = (properties) => /* @__PURE__ */ jsxRuntime.jsx(
 const UnitNumber = ({ variant }) => {
   return variant === "outline" ? /* @__PURE__ */ jsxRuntime.jsx(Outline, {}) : /* @__PURE__ */ jsxRuntime.jsx(Solid, {});
 };
-const StyledFormInput = styled(Input2)`
-  /* Ensure the border color matches regular Input using Genesis theme token */
-  &.ant-input,
-  .ant-input-group .ant-input {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Input group wrapper styling - most specific selector for addon scenarios */
-  &.ant-input-group-wrapper .ant-input-group {
-    .ant-input {
-      border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-    }
-
-    .ant-input-group-addon {
-      border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-      background-color: #f5f5f5;
-    }
-  }
-
-  /* When input is in a group wrapper */
-  .ant-input-group-wrapper & {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Direct targeting of input group elements */
-  .ant-input-group .ant-input {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  .ant-input-group-addon {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Hover and focus states should maintain the correct colors */
-  &.ant-input:hover,
-  &.ant-input:focus,
-  .ant-input-group .ant-input:hover,
-  .ant-input-group .ant-input:focus,
-  .ant-input-group-wrapper .ant-input-group:hover .ant-input,
-  .ant-input-group-wrapper .ant-input-group:focus-within .ant-input,
-  .ant-input-group-wrapper .ant-input-group:hover .ant-input-group-addon,
-  .ant-input-group-wrapper
-    .ant-input-group:focus-within
-    .ant-input-group-addon {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-`;
 const defaultValidator = (_rule, value2) => {
   console.log(`Validating value: ${value2}, Type: ${typeof value2}`);
   if (!value2 || /^\d+$/.test(value2)) {
@@ -74835,7 +74788,7 @@ const FormInput = React.forwardRef((props, ref) => {
   const { addonBefore, addonAfter, placeholder } = inputProps;
   if (addonBefore && !addonAfter) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      StyledFormInput,
+      Input2,
       {
         ...inputProps,
         ref,
@@ -74849,7 +74802,7 @@ const FormInput = React.forwardRef((props, ref) => {
   }
   if (addonAfter && !addonBefore) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      StyledFormInput,
+      Input2,
       {
         ...inputProps,
         ref,
@@ -74862,7 +74815,7 @@ const FormInput = React.forwardRef((props, ref) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    StyledFormInput,
+    Input2,
     {
       ...inputProps,
       ref,
@@ -82571,7 +82524,6 @@ const TypographyWideFontSizeBody1 = 16;
 const TypographyMediumFontSizeBody1 = 16;
 const TypographyWideFontSizeHeading3 = Size4;
 const TypographyWideFontSizeSubHeading1 = 20;
-const TypographyWideFontSizeSubHeading2 = 16;
 const TypographyWideFontSizeSubHeading3 = 14;
 const TypographyWideFontSizeBody2 = 14;
 const TypographyWideFontSizeBody3 = 12;
@@ -82770,9 +82722,9 @@ const wideTypography = {
     letterSpacing: "0"
   },
   subHeading2: {
-    fontSize: TypographyWideFontSizeSubHeading2,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
+    fontSize: "24px",
+    lineHeight: "32px",
+    fontWeight: 400,
     letterSpacing: "0"
   },
   subHeading3: {
@@ -85792,7 +85744,7 @@ const GroupItem = ({
   onGroupItemClick,
   getCustomIcon
 }) => {
-  if (!items || items?.length === 0) return null;
+  if (items.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(Tooltip2, { tip: title, isAbsolutePositioned: false, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -85807,21 +85759,18 @@ const GroupItem = ({
         children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => {
-      const isObjectItem = typeof item === "object" && item !== null && "label" in item && "value" in item;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Badge$1,
-        {
-          label: isObjectItem ? item.label : item?.toString() || "Undefined",
-          hasClose: true,
-          hasIcon: false,
-          state: "generic",
-          size: "small",
-          onClick: () => onGroupItemClick(title, item)
-        },
-        !item ? "Undefined" : item?.toString()
-      );
-    }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 4 }, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        label: item,
+        hasClose: true,
+        hasIcon: false,
+        state: "generic",
+        size: "small",
+        onClick: () => onGroupItemClick(title, item)
+      },
+      item.toString()
+    )) })
   ] });
 };
 const GroupsRow = ({
@@ -85838,7 +85787,7 @@ const GroupsRow = ({
     GroupItem,
     {
       title: group.title,
-      items: group?.items,
+      items: group.items,
       onGroupItemClick,
       getCustomIcon
     },
@@ -85939,12 +85888,6 @@ const SecondaryTableControlsRow = ({
     }
   );
 };
-const TABLE_CONTROLS_EVENTS = {
-  GROUP_ITEM_CLICK: "groupItemClick",
-  ORDER_CLICK: "orderClick",
-  PRIMARY_SORT_CHANGE: "primarySortChange",
-  INPUT_CHANGE: "inputChange"
-};
 const TableControls = ({
   primaryTableRowData,
   secondaryTableRowData,
@@ -87444,7 +87387,6 @@ exports.SegmentedControls = SegmentedControls;
 exports.Select = Select;
 exports.Shapes = Shapes;
 exports.Switch = Switch;
-exports.TABLE_CONTROLS_EVENTS = TABLE_CONTROLS_EVENTS;
 exports.Table = TablePagination;
 exports.TableWithControls = TableWithControls;
 exports.Tabs = Tabs;

package/dist/index.js

@@ -74750,53 +74750,6 @@ const Solid = (properties) => /* @__PURE__ */ jsx(
 const UnitNumber = ({ variant }) => {
   return variant === "outline" ? /* @__PURE__ */ jsx(Outline, {}) : /* @__PURE__ */ jsx(Solid, {});
 };
-const StyledFormInput = styled(Input2)`
-  /* Ensure the border color matches regular Input using Genesis theme token */
-  &.ant-input,
-  .ant-input-group .ant-input {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Input group wrapper styling - most specific selector for addon scenarios */
-  &.ant-input-group-wrapper .ant-input-group {
-    .ant-input {
-      border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-    }
-
-    .ant-input-group-addon {
-      border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-      background-color: #f5f5f5;
-    }
-  }
-
-  /* When input is in a group wrapper */
-  .ant-input-group-wrapper & {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Direct targeting of input group elements */
-  .ant-input-group .ant-input {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  .ant-input-group-addon {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-
-  /* Hover and focus states should maintain the correct colors */
-  &.ant-input:hover,
-  &.ant-input:focus,
-  .ant-input-group .ant-input:hover,
-  .ant-input-group .ant-input:focus,
-  .ant-input-group-wrapper .ant-input-group:hover .ant-input,
-  .ant-input-group-wrapper .ant-input-group:focus-within .ant-input,
-  .ant-input-group-wrapper .ant-input-group:hover .ant-input-group-addon,
-  .ant-input-group-wrapper
-    .ant-input-group:focus-within
-    .ant-input-group-addon {
-    border-color: ${({ theme }) => theme.colors.inputs.surface.border} !important;
-  }
-`;
 const defaultValidator = (_rule, value2) => {
   console.log(`Validating value: ${value2}, Type: ${typeof value2}`);
   if (!value2 || /^\d+$/.test(value2)) {
@@ -74817,7 +74770,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
   const { addonBefore, addonAfter, placeholder } = inputProps;
   if (addonBefore && !addonAfter) {
     return /* @__PURE__ */ jsx(
-      StyledFormInput,
+      Input2,
       {
         ...inputProps,
         ref,
@@ -74831,7 +74784,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
   }
   if (addonAfter && !addonBefore) {
     return /* @__PURE__ */ jsx(
-      StyledFormInput,
+      Input2,
       {
         ...inputProps,
         ref,
@@ -74844,7 +74797,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
     );
   }
   return /* @__PURE__ */ jsx(
-    StyledFormInput,
+    Input2,
     {
       ...inputProps,
       ref,
@@ -82553,7 +82506,6 @@ const TypographyWideFontSizeBody1 = 16;
 const TypographyMediumFontSizeBody1 = 16;
 const TypographyWideFontSizeHeading3 = Size4;
 const TypographyWideFontSizeSubHeading1 = 20;
-const TypographyWideFontSizeSubHeading2 = 16;
 const TypographyWideFontSizeSubHeading3 = 14;
 const TypographyWideFontSizeBody2 = 14;
 const TypographyWideFontSizeBody3 = 12;
@@ -82752,9 +82704,9 @@ const wideTypography = {
     letterSpacing: "0"
   },
   subHeading2: {
-    fontSize: TypographyWideFontSizeSubHeading2,
-    lineHeight: "1.25rem",
-    fontWeight: 600,
+    fontSize: "24px",
+    lineHeight: "32px",
+    fontWeight: 400,
     letterSpacing: "0"
   },
   subHeading3: {
@@ -85774,7 +85726,7 @@ const GroupItem = ({
   onGroupItemClick,
   getCustomIcon
 }) => {
-  if (!items || items?.length === 0) return null;
+  if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Tooltip2, { tip: title, isAbsolutePositioned: false, children: /* @__PURE__ */ jsx(
       "div",
@@ -85789,21 +85741,18 @@ const GroupItem = ({
         children: getCustomIcon ? getCustomIcon(title) : getIcon$1(title)
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items?.map((item) => {
-      const isObjectItem = typeof item === "object" && item !== null && "label" in item && "value" in item;
-      return /* @__PURE__ */ jsx(
-        Badge$1,
-        {
-          label: isObjectItem ? item.label : item?.toString() || "Undefined",
-          hasClose: true,
-          hasIcon: false,
-          state: "generic",
-          size: "small",
-          onClick: () => onGroupItemClick(title, item)
-        },
-        !item ? "Undefined" : item?.toString()
-      );
-    }) })
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 4 }, children: items.map((item) => /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        label: item,
+        hasClose: true,
+        hasIcon: false,
+        state: "generic",
+        size: "small",
+        onClick: () => onGroupItemClick(title, item)
+      },
+      item.toString()
+    )) })
   ] });
 };
 const GroupsRow = ({
@@ -85820,7 +85769,7 @@ const GroupsRow = ({
     GroupItem,
     {
       title: group.title,
-      items: group?.items,
+      items: group.items,
       onGroupItemClick,
       getCustomIcon
     },
@@ -85921,12 +85870,6 @@ const SecondaryTableControlsRow = ({
     }
   );
 };
-const TABLE_CONTROLS_EVENTS = {
-  GROUP_ITEM_CLICK: "groupItemClick",
-  ORDER_CLICK: "orderClick",
-  PRIMARY_SORT_CHANGE: "primarySortChange",
-  INPUT_CHANGE: "inputChange"
-};
 const TableControls = ({
   primaryTableRowData,
   secondaryTableRowData,
@@ -87427,7 +87370,6 @@ export {
   Select,
   Shapes,
   Switch,
-  TABLE_CONTROLS_EVENTS,
   TablePagination as Table,
   TableWithControls,
   Tabs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.45",
+  "version": "0.5.0",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -150,7 +150,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.2",
-    "@gobolt/genesis-tokens": "^0.0.9",
+    "@gobolt/genesis-tokens": "^0.0.10",
     "@mdx-js/react": "^3.0.1",
     "@secondcloset/types": "^3.4.6",
     "@types/d3": "^7.4.3",

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

@@ -1,3 +0,0 @@
-export declare const StyledFormInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('..').InputProps & import('react').RefAttributes<import('rc-input').InputRef>, "ref"> & {
-    ref?: ((instance: import('rc-input').InputRef | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<import('rc-input').InputRef> | null | undefined;
-}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('..').InputProps & import('react').RefAttributes<import('rc-input').InputRef>>, keyof import('react').Component<any, {}, any>>;