@gobolt/genesis 0.2.17 → 0.2.19

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/Avatar/Avatar.cjs

@@ -16,7 +16,6 @@ const Avatar = ({
   backgroundColor = "#00282B",
   user = null
 }) => {
-  console.log("Avatar", user);
   if (!user) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       styles.Avatar,

package/dist/components/Avatar/Avatar.js

@@ -15,7 +15,6 @@ const Avatar = ({
   backgroundColor = "#00282B",
   user = null
 }) => {
-  console.log("Avatar", user);
   if (!user) {
     return /* @__PURE__ */ jsx(
       Avatar$1,

package/dist/components/Card/__stories__/Card.stories.d.ts

@@ -4,5 +4,4 @@ declare const meta: Meta<typeof Card>;
 export default meta;
 type Story = StoryObj<typeof Card>;
 export declare const CardStory: Story;
-export declare const SalesVersion2: Story;
 export declare const SalesCardStory: Story;

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -11,7 +11,8 @@ const DateRangerPicker = (props) => {
       ...props,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
-        padding: "8px"
+        padding: "8px",
+        width: "100%"
       }
     }
   );

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -10,7 +10,8 @@ const DateRangerPicker = (props) => {
       ...props,
       style: {
         border: `1px solid ${theme.colors.inputs.surface.border}`,
-        padding: "8px"
+        padding: "8px",
+        width: "100%"
       }
     }
   );

package/dist/components/DateRangePicker/__stories__/DateRangePicker.stories.d.ts

@@ -6,4 +6,5 @@ type Story = StoryObj<typeof DateRangePicker>;
 export declare const DateRange: Story;
 export declare const DateTimeRange: Story;
 export declare const SetDateRange: Story;
+export declare const FillParentWidth: Story;
 export declare const CommplexRow: Story;

package/dist/components/Filters/Filter.d.ts

@@ -0,0 +1,23 @@
+import { RangePickerProps } from 'antd/lib/date-picker';
+export declare const FILTER_TYPE: {
+    readonly input: "input";
+    readonly select: "select";
+    readonly dateRange: "date-range";
+    readonly multiSelectCount: "multi-select-count";
+};
+export type Option = {
+    value: string;
+    label: string;
+};
+export interface FilterProps {
+    id: string;
+    label: string;
+    type: "input" | "select" | "date-range" | "multi-select-count";
+    value: string | string[] | number | RangePickerProps["value"];
+    options?: Option[];
+    onChange: (updatedFilter: FilterProps) => void;
+    selectedValues?: string[];
+    colSpan?: number;
+}
+declare const Filter: ({ id, label, type, value, options, onChange, selectedValues, colSpan, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export default Filter;

package/dist/components/Filters/FilterRow.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { FilterProps } from './Filter';
+export interface FilterRowProps {
+    filters: FilterProps[];
+    onChange?: (filters: any) => void;
+}
+declare const FilterRow: React.FC<FilterRowProps>;
+export default FilterRow;

package/dist/components/Filters/Filters.d.ts

@@ -0,0 +1,8 @@
+import { FilterProps } from './Filter';
+import { FilterRowProps } from './FilterRow';
+export interface FiltersProps {
+    onChange?: (newFilter: FilterProps, newFilters: FilterRowProps[]) => void;
+    filterRows: FilterRowProps[];
+}
+declare const Filters: ({ filterRows, onChange }: FiltersProps) => import("react/jsx-runtime").JSX.Element;
+export default Filters;

package/dist/components/Filters/__stories__/Filters.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Filters } from '../Filters';
+import { FilterRowProps } from '../FilterRow';
+declare const meta: Meta<typeof Filters>;
+export default meta;
+type Story = StoryObj<typeof Filters>;
+export declare const oneFilterRow: FilterRowProps[];
+export declare const OneFilterRowStory: Story;
+export declare const ThreeFilterRowsStory: Story;

package/dist/components/Filters/__tests__/Filters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Filters/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Filters';
+export type { FiltersProps } from './Filters';

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

@@ -0,0 +1,26 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+interface StyledFiltersProps {
+    theme?: GenesisTheme;
+    type?: "primary" | "secondary";
+    state?: "active" | "disabled";
+}
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const StyledFilters: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFiltersProps>> & string;
+export declare const LinkButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const FilterRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const FilterRowNoDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').RowProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').InputProps, never>> & string & Omit<({ state, size, ...rest }: import('..').InputProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').SelectProps, never>> & string & Omit<({ type, state, variant, defaultValue, onChange, size, width, value, ...rest }: import('..').SelectProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const StyledCol: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('antd').ColProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').ColProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const HelperText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/components/Select/MultiSelectCount.cjs

@@ -6,8 +6,9 @@ const MultiSelectCount = ({
   options,
   onChange,
   width = 320,
-  selectedValues,
-  placeholder = "0 selected"
+  selectedValues = [],
+  placeholder = "0 selected",
+  variant = "multiSelectCount"
 }) => {
   const renderMultiSelectValue = () => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -19,7 +20,7 @@ const MultiSelectCount = ({
           paddingTop: "2px"
         },
         children: [
-          selectedValues.length,
+          (selectedValues || []).length,
           " selected"
         ]
       }
@@ -31,13 +32,16 @@ const MultiSelectCount = ({
       options,
       mode: "multiple",
       value: selectedValues,
+      defaultValue: selectedValues,
       onChange,
       maxTagCount: 0,
       suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(DropdownChevron, {}),
       labelInValue: false,
       showSearch: false,
       maxTagPlaceholder: renderMultiSelectValue,
-      placeholder
+      placeholder,
+      variant,
+      style: { width }
     }
   ) });
 };

package/dist/components/Select/MultiSelectCount.d.ts

@@ -4,9 +4,10 @@ export interface MultiSelectCountProps {
         label: string;
     }[];
     onChange: (values: string[]) => void;
-    width?: number;
+    width?: number | string;
     selectedValues?: string[];
     placeholder?: string;
+    variant?: "multiSelectCount" | "none";
 }
-declare const MultiSelectCount: ({ options, onChange, width, selectedValues, placeholder, }: MultiSelectCountProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelectCount: ({ options, onChange, width, selectedValues, placeholder, variant, }: MultiSelectCountProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectCount;

package/dist/components/Select/MultiSelectCount.js

@@ -5,8 +5,9 @@ const MultiSelectCount = ({
   options,
   onChange,
   width = 320,
-  selectedValues,
-  placeholder = "0 selected"
+  selectedValues = [],
+  placeholder = "0 selected",
+  variant = "multiSelectCount"
 }) => {
   const renderMultiSelectValue = () => {
     return /* @__PURE__ */ jsxs(
@@ -18,7 +19,7 @@ const MultiSelectCount = ({
           paddingTop: "2px"
         },
         children: [
-          selectedValues.length,
+          (selectedValues || []).length,
           " selected"
         ]
       }
@@ -30,13 +31,16 @@ const MultiSelectCount = ({
       options,
       mode: "multiple",
       value: selectedValues,
+      defaultValue: selectedValues,
       onChange,
       maxTagCount: 0,
       suffixIcon: /* @__PURE__ */ jsx(DropdownChevron, {}),
       labelInValue: false,
       showSearch: false,
       maxTagPlaceholder: renderMultiSelectValue,
-      placeholder
+      placeholder,
+      variant,
+      style: { width }
     }
   ) });
 };

package/dist/components/Select/Select.cjs

@@ -12,39 +12,68 @@ const Select = ({
   defaultValue,
   onChange,
   size = "normal",
+  width = 320,
+  value,
   ...rest
 }) => {
   const { breakpoint } = useGenesis.useGenesis();
   const [isFocused, setIsFocused] = React.useState(false);
   React.useEffect(() => {
-    const style = document.createElement("style");
-    style.textContent = `
+    const style2 = document.createElement("style");
+    style2.textContent = `
       .ant-select-dropdown {
         padding: 0px !important;
         border-radius: 0px !important;
       }
+      .ant-select-selection-placeholder {
+        inset-inline-start: 0px !important;
+      }
     `;
-    document.head.appendChild(style);
+    document.head.appendChild(style2);
     return () => {
-      document.head.removeChild(style);
+      document.head.removeChild(style2);
     };
   }, []);
   const customDropdownRender = (menu) => /* @__PURE__ */ jsxRuntime.jsx(styles.SelectDropdown, { type, state, children: /* @__PURE__ */ jsxRuntime.jsx(styles.StyledMenuItem, { type, state, children: menu }) });
-  return /* @__PURE__ */ jsxRuntime.jsx(styles.SelectWrapper, { $isFocused: isFocused, type, children: /* @__PURE__ */ jsxRuntime.jsx(
-    styles.Select,
+  const isMultiSelectCountAtZero = variant === "multiSelectCount" && Array.isArray(value);
+  const totalSelected = Array.isArray(value) ? value == null ? void 0 : value.length : 0;
+  const shiftHackStyle = {
+    display: "block",
+    position: "absolute",
+    top: totalSelected === 0 ? 0 : 12,
+    left: 0,
+    width
+  };
+  const normalStyle = {
+    display: "block",
+    position: "relative",
+    width
+  };
+  const style = isMultiSelectCountAtZero ? shiftHackStyle : normalStyle;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style, children: /* @__PURE__ */ jsxRuntime.jsx(
+    styles.SelectWrapper,
     {
-      ...rest,
-      size,
-      defaultValue,
-      $variant: variant,
-      suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(DropdownChevron, {}),
-      dropdownRender: customDropdownRender,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      onChange: (value) => {
-        setIsFocused(false);
-        onChange == null ? void 0 : onChange(value);
-      }
+      $isFocused: isFocused,
+      type,
+      $isMultiSelectCountAtZero: isMultiSelectCountAtZero,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        styles.Select,
+        {
+          ...rest,
+          size,
+          defaultValue,
+          $variant: variant,
+          suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(DropdownChevron, {}),
+          dropdownRender: customDropdownRender,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
+          onChange: (value2) => {
+            setIsFocused(false);
+            onChange == null ? void 0 : onChange(value2);
+          },
+          style: { width }
+        }
+      )
     }
   ) });
 };

package/dist/components/Select/Select.d.ts

@@ -8,10 +8,12 @@ export interface SelectProps extends Omit<AntSelectProps, "variant" | "size"> {
         value: string;
         label: React.ReactNode;
     }[];
-    variant?: "simple" | "none";
+    variant?: "simple" | "none" | "multiSelectCount";
     defaultValue?: string | string[] | number | number[] | unknown;
     onChange?: (value: string | string[]) => void;
     size?: "normal" | "small" | "large";
+    value?: string[] | string | number[] | number;
+    width?: number;
 }
-declare const Select: ({ type, state, variant, defaultValue, onChange, size, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ type, state, variant, defaultValue, onChange, size, width, value, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/components/Select/Select.js

@@ -11,39 +11,68 @@ const Select = ({
   defaultValue,
   onChange,
   size = "normal",
+  width = 320,
+  value,
   ...rest
 }) => {
   const { breakpoint } = useGenesis();
   const [isFocused, setIsFocused] = React__default.useState(false);
   useEffect(() => {
-    const style = document.createElement("style");
-    style.textContent = `
+    const style2 = document.createElement("style");
+    style2.textContent = `
       .ant-select-dropdown {
         padding: 0px !important;
         border-radius: 0px !important;
       }
+      .ant-select-selection-placeholder {
+        inset-inline-start: 0px !important;
+      }
     `;
-    document.head.appendChild(style);
+    document.head.appendChild(style2);
     return () => {
-      document.head.removeChild(style);
+      document.head.removeChild(style2);
     };
   }, []);
   const customDropdownRender = (menu) => /* @__PURE__ */ jsx(SelectDropdown, { type, state, children: /* @__PURE__ */ jsx(StyledMenuItem, { type, state, children: menu }) });
-  return /* @__PURE__ */ jsx(SelectWrapper, { $isFocused: isFocused, type, children: /* @__PURE__ */ jsx(
-    Select$1,
+  const isMultiSelectCountAtZero = variant === "multiSelectCount" && Array.isArray(value);
+  const totalSelected = Array.isArray(value) ? value == null ? void 0 : value.length : 0;
+  const shiftHackStyle = {
+    display: "block",
+    position: "absolute",
+    top: totalSelected === 0 ? 0 : 12,
+    left: 0,
+    width
+  };
+  const normalStyle = {
+    display: "block",
+    position: "relative",
+    width
+  };
+  const style = isMultiSelectCountAtZero ? shiftHackStyle : normalStyle;
+  return /* @__PURE__ */ jsx("div", { style, children: /* @__PURE__ */ jsx(
+    SelectWrapper,
     {
-      ...rest,
-      size,
-      defaultValue,
-      $variant: variant,
-      suffixIcon: /* @__PURE__ */ jsx(DropdownChevron, {}),
-      dropdownRender: customDropdownRender,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      onChange: (value) => {
-        setIsFocused(false);
-        onChange == null ? void 0 : onChange(value);
-      }
+      $isFocused: isFocused,
+      type,
+      $isMultiSelectCountAtZero: isMultiSelectCountAtZero,
+      children: /* @__PURE__ */ jsx(
+        Select$1,
+        {
+          ...rest,
+          size,
+          defaultValue,
+          $variant: variant,
+          suffixIcon: /* @__PURE__ */ jsx(DropdownChevron, {}),
+          dropdownRender: customDropdownRender,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
+          onChange: (value2) => {
+            setIsFocused(false);
+            onChange == null ? void 0 : onChange(value2);
+          },
+          style: { width }
+        }
+      )
     }
   ) });
 };

package/dist/components/Select/__stories__/MultiSelectCount.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof MultiSelectCount>;
 export declare const Default: Story;
 export declare const ThreeSelected: Story;
+export declare const AntDesignSelect: Story;

package/dist/components/Select/__stories__/Select.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof Select>;
 export declare const Default: Story;
-export declare const Filled: Story;
+export declare const DefaultSelectedValue: Story;
 export declare const Focussed: Story;
 export declare const Disabled: Story;
 export declare const Simple: Story;

package/dist/components/Select/styles.cjs

@@ -3,17 +3,18 @@ var styled = require("styled-components");
 var index = require("../../node_modules/antd/es/select/index.cjs");
 const SelectWrapper = styled.div`
   position: relative;
-  border: 2px solid transparent;
+  //border: 2px solid transparent;
   background-color: transparent;
   border-radius: 8px;
-  padding: 1px;
+  //padding: 1px;
   width: auto;
+  margin-top: ${({ $isMultiSelectCountAtZero }) => $isMultiSelectCountAtZero ? "-12px" : "0px"};
 
   ${({ $isFocused, theme: theme2, type = "primary" }) => $isFocused && `
     border: 2px solid ${theme2.colors[type].focussed.ringColor};
     background-color: transparent;
     border-radius: 8px;
-    padding: 1px;
+    //padding: 1px;
   `}
 
   .ant-select-dropdown {
@@ -57,7 +58,7 @@ const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius },
       min-width: 250px;
       height: ${size === "normal" || size === "large" ? "40px" : "32px"};
 
-      //background-color:  ${colors[type][state].backgroundColor}
+      background-color:  ${colors[type][state].backgroundColor}
       background-color: #fff;
       
       border-radius: ${borderRadius.BorderRadiusMd}px;
@@ -107,6 +108,8 @@ const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius },
 
           &.ant-select-selection-placeholder {
             padding-top: 6px;
+            inset-inline-end: 0px;
+            inset-inline-start: 0px;
           }
         }
 

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

@@ -12,6 +12,7 @@ interface SelectWrapperProps {
     type: keyof typeof TYPE;
     variant?: "simple" | "none";
     size?: "normal" | "small" | "large";
+    $isMultiSelectCountAtZero?: boolean;
 }
 export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectWrapperProps>> & string;
 export declare const getGenesisClass: ({ colors, sizing, typography, borderRadius }: {

package/dist/components/Select/styles.js

@@ -2,17 +2,18 @@ import styled from "styled-components";
 import Select$1 from "../../node_modules/antd/es/select/index.js";
 const SelectWrapper = styled.div`
   position: relative;
-  border: 2px solid transparent;
+  //border: 2px solid transparent;
   background-color: transparent;
   border-radius: 8px;
-  padding: 1px;
+  //padding: 1px;
   width: auto;
+  margin-top: ${({ $isMultiSelectCountAtZero }) => $isMultiSelectCountAtZero ? "-12px" : "0px"};
 
   ${({ $isFocused, theme: theme2, type = "primary" }) => $isFocused && `
     border: 2px solid ${theme2.colors[type].focussed.ringColor};
     background-color: transparent;
     border-radius: 8px;
-    padding: 1px;
+    //padding: 1px;
   `}
 
   .ant-select-dropdown {
@@ -56,7 +57,7 @@ const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius },
       min-width: 250px;
       height: ${size === "normal" || size === "large" ? "40px" : "32px"};
 
-      //background-color:  ${colors[type][state].backgroundColor}
+      background-color:  ${colors[type][state].backgroundColor}
       background-color: #fff;
       
       border-radius: ${borderRadius.BorderRadiusMd}px;
@@ -106,6 +107,8 @@ const getGenesisClass = ({ colors, sizing: sizing2, typography, borderRadius },
 
           &.ant-select-selection-placeholder {
             padding-top: 6px;
+            inset-inline-end: 0px;
+            inset-inline-start: 0px;
           }
         }
 

package/dist/components/Stories/position-checker.d.ts

@@ -0,0 +1,6 @@
+export declare const PositionChecker: ({ children, width, isVisible, }: {
+    children: React.ReactNode;
+    width?: number;
+    isVisible?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PositionChecker;

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/components/Table/TableWithControls/TableWithControls.cjs

@@ -13,7 +13,6 @@ const TableWithControls = ({
     onChange(event);
   };
   const onTableChange = (pagination, filters, sorter) => {
-    console.log("Table changed:", pagination, filters, sorter);
     onChange({
       event: "tableChange",
       payload: { pagination, filters, sorter }

package/dist/components/Table/TableWithControls/TableWithControls.js

@@ -12,7 +12,6 @@ const TableWithControls = ({
     onChange(event);
   };
   const onTableChange = (pagination, filters, sorter) => {
-    console.log("Table changed:", pagination, filters, sorter);
     onChange({
       event: "tableChange",
       payload: { pagination, filters, sorter }

package/dist/components/index.d.ts

@@ -25,8 +25,6 @@ export { default as ErrorBoundaryFallback } from './ErrorBoundaryFallback';
 export type { ErrorBoundaryFallbackProps } from './ErrorBoundaryFallback';
 export { default as Form } from './Form';
 export type { FormProps } from './Form';
-export { default as GoBolt } from './GoBolt';
-export type { GoBoltProps } from './GoBolt';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as Layout } from './Layout';

package/dist/index.cjs

@@ -14,7 +14,6 @@ var DateRangePicker = require("./components/DateRangePicker/DateRangePicker.cjs"
 var ErrorBoundary = require("./components/ErrorBoundary/ErrorBoundary.cjs");
 var ErrorBoundaryFallback = require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs");
 var Form = require("./components/Form/Form.cjs");
-var GoBolt = require("./components/GoBolt/GoBolt.cjs");
 var Input = require("./components/Input/Input.cjs");
 var Layout = require("./components/Layout/Layout.cjs");
 var Message = require("./components/Message/Message.cjs");
@@ -55,7 +54,6 @@ exports.DateRangePicker = DateRangePicker;
 exports.ErrorBoundary = ErrorBoundary;
 exports.ErrorBoundaryFallback = ErrorBoundaryFallback;
 exports.Form = Form.default;
-exports.GoBolt = GoBolt;
 exports.Input = Input;
 exports.Layout = Layout;
 exports.Message = Message;

package/dist/index.js

@@ -13,27 +13,26 @@ import { default as default12 } from "./components/DateRangePicker/DateRangePick
 import { default as default13 } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as default14 } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
 import { default as default15 } from "./components/Form/Form.js";
-import { default as default16 } from "./components/GoBolt/GoBolt.js";
-import { default as default17 } from "./components/Input/Input.js";
-import { default as default18 } from "./components/Layout/Layout.js";
-import { default as default19 } from "./components/Message/Message.js";
-import { default as default20 } from "./components/Notification/Notification.js";
-import { default as default21 } from "./components/Popover/Popover.js";
-import { default as default22 } from "./components/Progress/Progress.js";
-import { default as default23 } from "./components/Radio/RadioGroup.js";
-import { default as default24 } from "./components/Row/Row.js";
-import { default as default25 } from "./components/SegmentedControls/SegmentedControls.js";
-import { default as default26 } from "./components/Select/Select.js";
-import { default as default27 } from "./components/Select/MultiSelectCount.js";
-import { default as default28 } from "./components/Shapes/Shapes.js";
-import { default as default29 } from "./components/Switch/Switch.js";
-import { default as default30 } from "./components/Table/Table.js";
-import { default as default31 } from "./components/Table/TableWithControls/TableWithControls.js";
-import { default as default32 } from "./components/Tabs/Tabs.js";
-import { default as default33 } from "./components/Tile/Tile.js";
-import { default as default34 } from "./components/Toast/Toast.js";
-import { default as default35 } from "./components/Tooltip/Tooltip.js";
-import { default as default36 } from "./components/Typography/Typography.js";
+import { default as default16 } from "./components/Input/Input.js";
+import { default as default17 } from "./components/Layout/Layout.js";
+import { default as default18 } from "./components/Message/Message.js";
+import { default as default19 } from "./components/Notification/Notification.js";
+import { default as default20 } from "./components/Popover/Popover.js";
+import { default as default21 } from "./components/Progress/Progress.js";
+import { default as default22 } from "./components/Radio/RadioGroup.js";
+import { default as default23 } from "./components/Row/Row.js";
+import { default as default24 } from "./components/SegmentedControls/SegmentedControls.js";
+import { default as default25 } from "./components/Select/Select.js";
+import { default as default26 } from "./components/Select/MultiSelectCount.js";
+import { default as default27 } from "./components/Shapes/Shapes.js";
+import { default as default28 } from "./components/Switch/Switch.js";
+import { default as default29 } from "./components/Table/Table.js";
+import { default as default30 } from "./components/Table/TableWithControls/TableWithControls.js";
+import { default as default31 } from "./components/Tabs/Tabs.js";
+import { default as default32 } from "./components/Tile/Tile.js";
+import { default as default33 } from "./components/Toast/Toast.js";
+import { default as default34 } from "./components/Tooltip/Tooltip.js";
+import { default as default35 } from "./components/Typography/Typography.js";
 import { GenesisProvider } from "./providers/GenesisProvider.js";
 import { useTable } from "./components/Table/useTable.js";
 import { useTableWithControls } from "./components/Table/TableWithControls/useTableWithControls.js";
@@ -54,28 +53,27 @@ export {
   default2 as GENESIS,
   GenesisProvider,
   GlobalStyles,
-  default16 as GoBolt,
   default8 as IconButton,
-  default17 as Input,
-  default18 as Layout,
-  default19 as Message,
-  default27 as MultiSelectCount,
-  default20 as Notification,
-  default21 as Popover,
-  default22 as Progress,
-  default23 as RadioGroup,
-  default24 as Row,
-  default25 as SegmentedControls,
-  default26 as Select,
-  default28 as Shapes,
-  default29 as Switch,
-  default30 as Table,
-  default31 as TableWithControls,
-  default32 as Tabs,
-  default33 as Tile,
-  default34 as Toast,
-  default35 as Tooltip,
-  default36 as Typography,
+  default16 as Input,
+  default17 as Layout,
+  default18 as Message,
+  default26 as MultiSelectCount,
+  default19 as Notification,
+  default20 as Popover,
+  default21 as Progress,
+  default22 as RadioGroup,
+  default23 as Row,
+  default24 as SegmentedControls,
+  default25 as Select,
+  default27 as Shapes,
+  default28 as Switch,
+  default29 as Table,
+  default30 as TableWithControls,
+  default31 as Tabs,
+  default32 as Tile,
+  default33 as Toast,
+  default34 as Tooltip,
+  default35 as Typography,
   TypographySizeKey,
   default7 as UtilityButton,
   baseTokens,

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.17",
+  "version": "0.2.19",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",

package/dist/components/GoBolt/GoBolt.cjs

@@ -1,6 +0,0 @@
-"use strict";
-var jsxRuntime = require("react/jsx-runtime");
-const GoBolt = ({ hello = "hello world" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { children: hello });
-};
-module.exports = GoBolt;

package/dist/components/GoBolt/GoBolt.d.ts

@@ -1,7 +0,0 @@
-export interface GoBoltProps {
-    hello?: string;
-}
-declare const GoBolt: ({ hello }: {
-    hello?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default GoBolt;

package/dist/components/GoBolt/GoBolt.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const GoBolt = ({ hello = "hello world" }) => {
-  return /* @__PURE__ */ jsx("p", { children: hello });
-};
-export {
-  GoBolt as default
-};

package/dist/components/GoBolt/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './GoBolt';
-export type { GoBoltProps } from './GoBolt';