@epignosis_llc/gnosis 5.3.4 → 5.5.0

package/dist/esm/src/theme/default/config/formElements.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 
@@ -10,6 +10,9 @@ import Color from '../../../../node_modules/color/index.js';
 import { colors } from '../colors.js';
 
 var formElements = {
+  generic: {
+    required: colors.red.base
+  },
   errors: {
     errorBorderColor: colors.red.base
   },

package/dist/esm/src/theme/default/config/formElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"formElements.js","sources":["../../../../../../src/theme/default/config/formElements.ts"],"sourcesContent":["import Color from \"color\";\nimport { colors } from \"../colors\";\n\nexport default {\n  errors: {\n    errorBorderColor: colors.red.base,\n  },\n  input: {\n    placeholderColor: colors.black,\n    borderHoverColor: colors.primary.light,\n    borderFocusColor: colors.primary.base,\n    inputBorderColor: colors.secondary.lighter,\n    background: colors.secondary.lighter,\n    backgroundFocus: colors.white,\n    iconColor: colors.black,\n    iconHoverColor: colors.secondary.base,\n    hoverColor: colors.secondary.lighter,\n    disabledColor: colors.secondary.base,\n    disabledBackground: colors.secondary.lighter,\n    disabledBorder: colors.secondary.base,\n    disabledIcon: colors.secondary.base,\n    borderFocus: colors.primary.base,\n    infoTooltipColor: colors.primary.base,\n    verticalLineColor: colors.secondary.base,\n    textColor: colors.black,\n    textColorFocused: colors.white,\n  },\n  radioButtonGroup: {\n    normalBackground: colors.secondary.lighter,\n    normalFontColor: colors.black,\n    selectedBackground: colors.primary.base,\n    selectedFontColor: colors.white,\n    borderColor: Color(colors.secondary.light).alpha(0.5).string(),\n  },\n  multiSelect: {\n    hover: colors.secondary.lighter,\n  },\n  checkbox: {\n    partiallySelected: colors.white,\n    input: {\n      background: colors.primary.base,\n      borderColor: colors.black,\n      shadowColor: Color(colors.primary.lightest).alpha(0.25).string(),\n    },\n    disabled: {\n      borderColor: colors.secondary.base,\n    },\n  },\n  generalError: {\n    borderColor: colors.red.base,\n    background: Color(colors.red.light).alpha(0.15).string(),\n  },\n};\n"],"names":["errors","errorBorderColor","colors","red","base","input","placeholderColor","black","borderHoverColor","primary","light","borderFocusColor","inputBorderColor","secondary","lighter","background","backgroundFocus","white","iconColor","iconHoverColor","hoverColor","disabledColor","disabledBackground","disabledBorder","disabledIcon","borderFocus","infoTooltipColor","verticalLineColor","textColor","textColorFocused","radioButtonGroup","normalBackground","normalFontColor","selectedBackground","selectedFontColor","borderColor","Color","alpha","string","multiSelect","hover","checkbox","partiallySelected","shadowColor","lightest","disabled","generalError"],"mappings":";;;;;;;;;;;AAGA,mBAAe;AACbA,EAAAA,MAAM,EAAE;AACNC,IAAAA,gBAAgB,EAAEC,MAAM,CAACC,GAAG,CAACC,IAAAA;GAC9B;AACDC,EAAAA,KAAK,EAAE;IACLC,gBAAgB,EAAEJ,MAAM,CAACK,KAAK;AAC9BC,IAAAA,gBAAgB,EAAEN,MAAM,CAACO,OAAO,CAACC,KAAK;AACtCC,IAAAA,gBAAgB,EAAET,MAAM,CAACO,OAAO,CAACL,IAAI;AACrCQ,IAAAA,gBAAgB,EAAEV,MAAM,CAACW,SAAS,CAACC,OAAO;AAC1CC,IAAAA,UAAU,EAAEb,MAAM,CAACW,SAAS,CAACC,OAAO;IACpCE,eAAe,EAAEd,MAAM,CAACe,KAAK;IAC7BC,SAAS,EAAEhB,MAAM,CAACK,KAAK;AACvBY,IAAAA,cAAc,EAAEjB,MAAM,CAACW,SAAS,CAACT,IAAI;AACrCgB,IAAAA,UAAU,EAAElB,MAAM,CAACW,SAAS,CAACC,OAAO;AACpCO,IAAAA,aAAa,EAAEnB,MAAM,CAACW,SAAS,CAACT,IAAI;AACpCkB,IAAAA,kBAAkB,EAAEpB,MAAM,CAACW,SAAS,CAACC,OAAO;AAC5CS,IAAAA,cAAc,EAAErB,MAAM,CAACW,SAAS,CAACT,IAAI;AACrCoB,IAAAA,YAAY,EAAEtB,MAAM,CAACW,SAAS,CAACT,IAAI;AACnCqB,IAAAA,WAAW,EAAEvB,MAAM,CAACO,OAAO,CAACL,IAAI;AAChCsB,IAAAA,gBAAgB,EAAExB,MAAM,CAACO,OAAO,CAACL,IAAI;AACrCuB,IAAAA,iBAAiB,EAAEzB,MAAM,CAACW,SAAS,CAACT,IAAI;IACxCwB,SAAS,EAAE1B,MAAM,CAACK,KAAK;IACvBsB,gBAAgB,EAAE3B,MAAM,CAACe,KAAAA;GAC1B;AACDa,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,gBAAgB,EAAE7B,MAAM,CAACW,SAAS,CAACC,OAAO;IAC1CkB,eAAe,EAAE9B,MAAM,CAACK,KAAK;AAC7B0B,IAAAA,kBAAkB,EAAE/B,MAAM,CAACO,OAAO,CAACL,IAAI;IACvC8B,iBAAiB,EAAEhC,MAAM,CAACe,KAAK;AAC/BkB,IAAAA,WAAW,EAAEC,KAAK,CAAClC,MAAM,CAACW,SAAS,CAACH,KAAK,CAAC,CAAC2B,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,EAAA;GAC7D;AACDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAEtC,MAAM,CAACW,SAAS,CAACC,OAAAA;GACzB;AACD2B,EAAAA,QAAQ,EAAE;IACRC,iBAAiB,EAAExC,MAAM,CAACe,KAAK;AAC/BZ,IAAAA,KAAK,EAAE;AACLU,MAAAA,UAAU,EAAEb,MAAM,CAACO,OAAO,CAACL,IAAI;MAC/B+B,WAAW,EAAEjC,MAAM,CAACK,KAAK;AACzBoC,MAAAA,WAAW,EAAEP,KAAK,CAAClC,MAAM,CAACO,OAAO,CAACmC,QAAQ,CAAC,CAACP,KAAK,CAAC,IAAI,CAAC,CAACC,MAAM,EAAA;KAC/D;AACDO,IAAAA,QAAQ,EAAE;AACRV,MAAAA,WAAW,EAAEjC,MAAM,CAACW,SAAS,CAACT,IAAAA;AAChC,KAAA;GACD;AACD0C,EAAAA,YAAY,EAAE;AACZX,IAAAA,WAAW,EAAEjC,MAAM,CAACC,GAAG,CAACC,IAAI;AAC5BW,IAAAA,UAAU,EAAEqB,KAAK,CAAClC,MAAM,CAACC,GAAG,CAACO,KAAK,CAAC,CAAC2B,KAAK,CAAC,IAAI,CAAC,CAACC,MAAM,EAAA;AACxD,GAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"formElements.js","sources":["../../../../../../src/theme/default/config/formElements.ts"],"sourcesContent":["import Color from \"color\";\nimport { colors } from \"../colors\";\n\nexport default {\n  generic: {\n    required: colors.red.base,\n  },\n  errors: {\n    errorBorderColor: colors.red.base,\n  },\n  input: {\n    placeholderColor: colors.black,\n    borderHoverColor: colors.primary.light,\n    borderFocusColor: colors.primary.base,\n    inputBorderColor: colors.secondary.lighter,\n    background: colors.secondary.lighter,\n    backgroundFocus: colors.white,\n    iconColor: colors.black,\n    iconHoverColor: colors.secondary.base,\n    hoverColor: colors.secondary.lighter,\n    disabledColor: colors.secondary.base,\n    disabledBackground: colors.secondary.lighter,\n    disabledBorder: colors.secondary.base,\n    disabledIcon: colors.secondary.base,\n    borderFocus: colors.primary.base,\n    infoTooltipColor: colors.primary.base,\n    verticalLineColor: colors.secondary.base,\n    textColor: colors.black,\n    textColorFocused: colors.white,\n  },\n  radioButtonGroup: {\n    normalBackground: colors.secondary.lighter,\n    normalFontColor: colors.black,\n    selectedBackground: colors.primary.base,\n    selectedFontColor: colors.white,\n    borderColor: Color(colors.secondary.light).alpha(0.5).string(),\n  },\n  multiSelect: {\n    hover: colors.secondary.lighter,\n  },\n  checkbox: {\n    partiallySelected: colors.white,\n    input: {\n      background: colors.primary.base,\n      borderColor: colors.black,\n      shadowColor: Color(colors.primary.lightest).alpha(0.25).string(),\n    },\n    disabled: {\n      borderColor: colors.secondary.base,\n    },\n  },\n  generalError: {\n    borderColor: colors.red.base,\n    background: Color(colors.red.light).alpha(0.15).string(),\n  },\n};\n"],"names":["generic","required","colors","red","base","errors","errorBorderColor","input","placeholderColor","black","borderHoverColor","primary","light","borderFocusColor","inputBorderColor","secondary","lighter","background","backgroundFocus","white","iconColor","iconHoverColor","hoverColor","disabledColor","disabledBackground","disabledBorder","disabledIcon","borderFocus","infoTooltipColor","verticalLineColor","textColor","textColorFocused","radioButtonGroup","normalBackground","normalFontColor","selectedBackground","selectedFontColor","borderColor","Color","alpha","string","multiSelect","hover","checkbox","partiallySelected","shadowColor","lightest","disabled","generalError"],"mappings":"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"}

package/dist/esm/src/theme/default/config/loader.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/modal.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/pagination.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/progressBar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/result.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/scrollbar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/sidebar.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/table.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/tabs.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/tag.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/config/tooltip.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/default/defaultTheme.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/utils/breakpoints.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/utils/global.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/esm/src/theme/utils/typography.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/dist/types/components/FormElements/CheckboxGroup/Checkbox.d.ts

@@ -10,14 +10,16 @@ export type CheckboxOption = {
 export type CheckboxSize = "md" | "lg";
 export type CheckboxProps = ExtendableProps<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, CheckboxOption & {
     id: string;
+    required?: boolean;
     size?: CheckboxSize;
     inline?: boolean;
     containerAttrs?: React.HTMLAttributes<HTMLDivElement>;
 }>;
 declare const _default: React.ForwardRefExoticComponent<CheckboxOption & {
     id: string;
+    required?: boolean | undefined;
     size?: CheckboxSize | undefined;
     inline?: boolean | undefined;
     containerAttrs?: React.HTMLAttributes<HTMLDivElement> | undefined;
-} & Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, "size" | "id" | "inline" | "containerAttrs" | keyof CheckboxOption> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, "size" | "id" | "inline" | "required" | "containerAttrs" | keyof CheckboxOption> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/types/components/FormElements/CheckboxGroup/Checkbox.stories.d.ts

@@ -5,10 +5,11 @@ declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxOption & {
         id: string;
+        required?: boolean | undefined;
         size?: import("./Checkbox").CheckboxSize | undefined;
         inline?: boolean | undefined;
         containerAttrs?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    } & Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, "size" | "id" | "inline" | "containerAttrs" | keyof import("./Checkbox").CheckboxOption> & React.RefAttributes<HTMLDivElement>>;
+    } & Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">, "size" | "id" | "inline" | "required" | "containerAttrs" | keyof import("./Checkbox").CheckboxOption> & React.RefAttributes<HTMLDivElement>>;
     argTypes: {
         size: {
             control: {
@@ -26,4 +27,6 @@ declare const _default: {
 export default _default;
 type CheckboxStoryProps = Omit<CheckboxProps, "label" | "value" | "name" | "id">;
 export declare const Checkbox: Story<CheckboxStoryProps>;
+export declare const WithRequired: Story<CheckboxStoryProps>;
 export declare const CheckboxWithJSXLabel: Story<CheckboxStoryProps>;
+export declare const WithRequiredWithJSXLabel: Story<CheckboxStoryProps>;

package/dist/types/components/FormElements/Input/Input.d.ts

@@ -6,6 +6,7 @@ export type InputProps = ExtendableProps<React.InputHTMLAttributes<HTMLInputElem
     id: string;
     status?: "valid" | "error";
     size?: InputSize;
+    required?: boolean;
     iconBefore?: IconType;
     iconAfter?: IconType;
     label?: string;
@@ -21,6 +22,7 @@ declare const _default: React.ForwardRefExoticComponent<{
     id: string;
     status?: "error" | "valid" | undefined;
     size?: InputSize | undefined;
+    required?: boolean | undefined;
     iconBefore?: IconType | undefined;
     iconAfter?: IconType | undefined;
     label?: string | undefined;
@@ -31,5 +33,5 @@ declare const _default: React.ForwardRefExoticComponent<{
     showVerticalLine?: boolean | undefined;
     isClearable?: boolean | undefined;
     onClear?: ((e?: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent> | undefined) => void) | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "label" | "size" | "id" | "status" | "iconBefore" | "iconAfter" | "inline" | "css" | "containerAttrs" | "tooltipContent" | "showVerticalLine" | "isClearable" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "label" | "size" | "id" | "status" | "iconBefore" | "iconAfter" | "inline" | "css" | "required" | "containerAttrs" | "tooltipContent" | "showVerticalLine" | "isClearable" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/types/components/FormElements/Input/Input.stories.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
         id: string;
         status?: "error" | "valid" | undefined;
         size?: import("./Input").InputSize | undefined;
+        required?: boolean | undefined;
         iconBefore?: import("../../../types/common").IconType | undefined;
         iconAfter?: import("../../../types/common").IconType | undefined;
         label?: string | undefined;
@@ -17,7 +18,7 @@ declare const _default: {
         showVerticalLine?: boolean | undefined;
         isClearable?: boolean | undefined;
         onClear?: ((e?: React.MouseEvent<HTMLDivElement, MouseEvent> | undefined) => void) | undefined;
-    } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "label" | "size" | "id" | "status" | "iconBefore" | "iconAfter" | "inline" | "css" | "containerAttrs" | "tooltipContent" | "showVerticalLine" | "isClearable" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+    } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "label" | "size" | "id" | "status" | "iconBefore" | "iconAfter" | "inline" | "css" | "required" | "containerAttrs" | "tooltipContent" | "showVerticalLine" | "isClearable" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
     argTypes: {
         size: {
             control: {
@@ -48,6 +49,7 @@ declare const _default: {
 export default _default;
 export declare const Default: Story<InputProps>;
 export declare const Disabled: Story<InputProps>;
+export declare const WithRequired: Story<InputProps>;
 export declare const DisabledWithIcon: Story<InputProps>;
 export declare const WithIconBefore: Story<InputProps>;
 export declare const WithIconAfter: Story<InputProps>;

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

@@ -87,6 +87,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<import("react-
     unstyled: boolean;
 }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<CustomOption> & {
     type?: import("./types").SelectType | undefined;
+    required?: boolean | undefined;
     label?: string | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     inline?: boolean | undefined;

package/dist/types/components/FormElements/Select/Select.stories.d.ts

@@ -89,6 +89,7 @@ declare const _default: {
         unstyled: boolean;
     }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<CustomOption> & {
         type?: import("./types").SelectType | undefined;
+        required?: boolean | undefined;
         label?: string | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         inline?: boolean | undefined;
@@ -161,6 +162,7 @@ declare const _default: {
 export default _default;
 export declare const Default: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;
 export declare const withGroupedOptions: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;
+export declare const WithRequired: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;
 export declare const withInnerSearch: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;
 export declare const withMultipleValues: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;
 export declare const Disabled: Story<CustomSelectProps<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>>;

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

@@ -27,6 +27,7 @@ declare module "react-select/dist/declarations/src/Select" {
 }
 export type CustomSelectProps<Option extends CustomOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group> & {
     type?: SelectType;
+    required?: boolean;
     label?: string;
     size?: "sm" | "md" | "lg";
     inline?: boolean;

package/dist/types/components/FormElements/Textarea/Textarea.d.ts

@@ -4,6 +4,7 @@ export type TextareaResize = "none" | "horizontal" | "vertical" | "both";
 export type TextareaProps = ExtendableProps<InputHTMLAttributes<HTMLTextAreaElement>, {
     id: string;
     label?: string;
+    required?: boolean;
     inline?: boolean;
     resize?: TextareaResize;
     status?: "valid" | "error";
@@ -12,9 +13,10 @@ export type TextareaProps = ExtendableProps<InputHTMLAttributes<HTMLTextAreaElem
 declare const _default: React.ForwardRefExoticComponent<{
     id: string;
     label?: string | undefined;
+    required?: boolean | undefined;
     inline?: boolean | undefined;
     resize?: TextareaResize | undefined;
     status?: "error" | "valid" | undefined;
     containerAttrs?: React.HTMLAttributes<HTMLDivElement> | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "label" | "resize" | "id" | "status" | "inline" | "containerAttrs"> & React.RefAttributes<HTMLTextAreaElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "label" | "resize" | "id" | "status" | "inline" | "required" | "containerAttrs"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default _default;

package/dist/types/components/FormElements/Textarea/Textarea.stories.d.ts

@@ -6,11 +6,12 @@ declare const _default: {
     component: React.ForwardRefExoticComponent<{
         id: string;
         label?: string | undefined;
+        required?: boolean | undefined;
         inline?: boolean | undefined;
         resize?: import("./Textarea").TextareaResize | undefined;
         status?: "error" | "valid" | undefined;
         containerAttrs?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    } & Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "label" | "resize" | "id" | "status" | "inline" | "containerAttrs"> & React.RefAttributes<HTMLTextAreaElement>>;
+    } & Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "label" | "resize" | "id" | "status" | "inline" | "required" | "containerAttrs"> & React.RefAttributes<HTMLTextAreaElement>>;
     args: {
         label: string;
         id: string;
@@ -38,3 +39,4 @@ declare const _default: {
 export default _default;
 export declare const Default: Story<TextareaProps>;
 export declare const Disabled: Story<TextareaProps>;
+export declare const WithRequired: Story<TextareaProps>;

package/dist/types/components/Table/Table.stories.d.ts

@@ -45,5 +45,6 @@ export default _default;
 export declare const Default: Story<Props>;
 export declare const WithSorting: Story<Props>;
 export declare const WithRowSelection: Story<Props>;
+export declare const WithAutoHideRowSelection: Story<Props>;
 export declare const WithOverflowColumns: Story<Props>;
 export declare const WithoutData: Story<Props>;

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

@@ -31,6 +31,7 @@ export type TableProps = {
     rows: Row[];
     emptyState: EmptyState;
     selectable?: boolean;
+    autohide?: boolean;
     sorting?: Sorting;
     onSortingChanged?: (sorting: Sorting) => void;
     onRowSelect?: (selectedRows: Row[]) => void;

package/dist/types/theme/default/config/formElements.d.ts

@@ -1,4 +1,7 @@
 declare const _default: {
+    generic: {
+        required: string;
+    };
     errors: {
         errorBorderColor: string;
     };

package/dist/types/theme/default/defaultTheme.d.ts

@@ -192,6 +192,9 @@ declare const defaultTheme: {
         dialog: string;
     };
     formElements: {
+        generic: {
+            required: string;
+        };
         errors: {
             errorBorderColor: string;
         };

package/icons/index.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.3.3
+   * @epignosis_llc/gnosis.js v5.4.0
    * Released under the MIT license.
    */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epignosis_llc/gnosis",
-  "version": "5.3.4",
+  "version": "5.5.0",
   "description": "Epignosis official react design system.",
   "homepage": "https://github.com/epignosis/gnosis",
   "main": "dist/cjs/index.js",