@gobolt/genesis 0.4.41 → 0.4.43

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

@@ -0,0 +1,3 @@
+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>>;

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

@@ -1,6 +1,12 @@
 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 } from './TableControls';
+export { default, TABLE_CONTROLS_EVENTS } from './TableControls';
 export type { TableControlsProps } from './TableControls';

package/dist/components/index.d.ts

@@ -68,6 +68,7 @@ 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

@@ -60721,6 +60721,9 @@ function HiSearch(props) {
 function HiXCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
+function HiOutlineAdjustments(props) {
+  return GenIcon({ "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" }, "child": [] }] })(props);
+}
 function HiOutlineCheckCircle(props) {
   return GenIcon({ "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }, "child": [] }] })(props);
 }
@@ -74765,6 +74768,53 @@ 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)) {
@@ -74785,7 +74835,7 @@ const FormInput = React.forwardRef((props, ref) => {
   const { addonBefore, addonAfter, placeholder } = inputProps;
   if (addonBefore && !addonAfter) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Input2,
+      StyledFormInput,
       {
         ...inputProps,
         ref,
@@ -74799,7 +74849,7 @@ const FormInput = React.forwardRef((props, ref) => {
   }
   if (addonAfter && !addonBefore) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Input2,
+      StyledFormInput,
       {
         ...inputProps,
         ref,
@@ -74812,7 +74862,7 @@ const FormInput = React.forwardRef((props, ref) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Input2,
+    StyledFormInput,
     {
       ...inputProps,
       ref,
@@ -85580,9 +85630,6 @@ const useTable = (useTableConfig) => {
     retry
   };
 };
-function HiMiniAdjustmentsVertical(props) {
-  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "d": "M17 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM17 15.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM3.75 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75ZM4.5 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM10 11a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 10 11ZM10.75 2.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM10 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3.75 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM16.25 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }, "child": [] }] })(props);
-}
 function FiSettings(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }, { "tag": "path", "attr": { "d": "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" }, "child": [] }] })(props);
 }
@@ -85663,7 +85710,7 @@ const PrimaryTableControlsRow = ({
             UtilityButton,
             {
               isIconButton: true,
-              icon: /* @__PURE__ */ jsxRuntime.jsx(HiMiniAdjustmentsVertical, { color: "#222222" }),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(HiOutlineAdjustments, { color: "#222222", size: 24 }),
               onClick: onFilterClick
             }
           ) }),
@@ -85889,6 +85936,12 @@ const SecondaryTableControlsRow = ({
     }
   );
 };
+const TABLE_CONTROLS_EVENTS = {
+  GROUP_ITEM_CLICK: "groupItemClick",
+  ORDER_CLICK: "orderClick",
+  PRIMARY_SORT_CHANGE: "primarySortChange",
+  INPUT_CHANGE: "inputChange"
+};
 const TableControls = ({
   primaryTableRowData,
   secondaryTableRowData,
@@ -87388,6 +87441,7 @@ 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

@@ -60703,6 +60703,9 @@ function HiSearch(props) {
 function HiXCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
+function HiOutlineAdjustments(props) {
+  return GenIcon({ "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" }, "child": [] }] })(props);
+}
 function HiOutlineCheckCircle(props) {
   return GenIcon({ "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }, "child": [] }] })(props);
 }
@@ -74747,6 +74750,53 @@ 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)) {
@@ -74767,7 +74817,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
   const { addonBefore, addonAfter, placeholder } = inputProps;
   if (addonBefore && !addonAfter) {
     return /* @__PURE__ */ jsx(
-      Input2,
+      StyledFormInput,
       {
         ...inputProps,
         ref,
@@ -74781,7 +74831,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
   }
   if (addonAfter && !addonBefore) {
     return /* @__PURE__ */ jsx(
-      Input2,
+      StyledFormInput,
       {
         ...inputProps,
         ref,
@@ -74794,7 +74844,7 @@ const FormInput = React__default.forwardRef((props, ref) => {
     );
   }
   return /* @__PURE__ */ jsx(
-    Input2,
+    StyledFormInput,
     {
       ...inputProps,
       ref,
@@ -85562,9 +85612,6 @@ const useTable = (useTableConfig) => {
     retry
   };
 };
-function HiMiniAdjustmentsVertical(props) {
-  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "d": "M17 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM17 15.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM3.75 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75ZM4.5 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM10 11a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 10 11ZM10.75 2.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM10 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3.75 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM16.25 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }, "child": [] }] })(props);
-}
 function FiSettings(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }, { "tag": "path", "attr": { "d": "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" }, "child": [] }] })(props);
 }
@@ -85645,7 +85692,7 @@ const PrimaryTableControlsRow = ({
             UtilityButton,
             {
               isIconButton: true,
-              icon: /* @__PURE__ */ jsx(HiMiniAdjustmentsVertical, { color: "#222222" }),
+              icon: /* @__PURE__ */ jsx(HiOutlineAdjustments, { color: "#222222", size: 24 }),
               onClick: onFilterClick
             }
           ) }),
@@ -85871,6 +85918,12 @@ const SecondaryTableControlsRow = ({
     }
   );
 };
+const TABLE_CONTROLS_EVENTS = {
+  GROUP_ITEM_CLICK: "groupItemClick",
+  ORDER_CLICK: "orderClick",
+  PRIMARY_SORT_CHANGE: "primarySortChange",
+  INPUT_CHANGE: "inputChange"
+};
 const TableControls = ({
   primaryTableRowData,
   secondaryTableRowData,
@@ -87371,6 +87424,7 @@ 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.41",
+  "version": "0.4.43",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",