@epignosis_llc/gnosis 5.4.0 → 5.5.1

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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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.4
+   * @epignosis_llc/gnosis.js v5.5.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

@@ -1,7 +1,7 @@
 import React from "react";
 import { GroupBase, SelectInstance } from "react-select";
 import { CustomOption } from "./types";
-declare const _default: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "isRtl" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;
@@ -43,7 +43,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<import("react-
     tabIndex: number;
     tabSelectsValue: boolean;
     unstyled: boolean;
-}, never>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
+}, never>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "isRtl" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
     'aria-live': string;
     backspaceRemovesValue: boolean;
     blurInputOnSelect: boolean;
@@ -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

@@ -3,7 +3,7 @@ import { Story } from "@storybook/react";
 import { CustomSelectProps, CustomOption } from "./types";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
+    component: React.ForwardRefExoticComponent<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "isRtl" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;
@@ -45,7 +45,7 @@ declare const _default: {
         tabIndex: number;
         tabSelectsValue: boolean;
         unstyled: boolean;
-    }, never>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "isRtl" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
+    }, never>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "theme" | "form" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "group" | "name" | "type" | "autoFocus" | "value" | "required" | "isClearable" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "innerPlaceholder" | "hasInnerSearch" | "asyncOptions" | "onMenuInputFocus"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<CustomOption, boolean, import("react-select").GroupBase<CustomOption>>, "styles" | "placeholder" | "tabIndex" | "aria-live" | "isLoading" | "pageSize" | "isRtl" | "classNames" | "isSearchable" | "options" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "components" | "controlShouldRenderValue" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isDisabled" | "isOptionDisabled" | "isMulti" | "loadingMessage" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuPlacement" | "menuPosition" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "noOptionsMessage" | "openMenuOnFocus" | "openMenuOnClick" | "screenReaderStatus" | "tabSelectsValue" | "unstyled">> & Partial<Pick<{
         'aria-live': string;
         backspaceRemovesValue: boolean;
         blurInputOnSelect: boolean;
@@ -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/Pagination/Pagination.stories.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Story } from "@storybook/react";
-import { PaginationProps, RowsPerPageOption } from "./types";
+import { PaginationProps, PaginationDropDownOptions } from "./types";
 declare const _default: {
     component: React.FC<PaginationProps>;
     title: string;
@@ -16,7 +16,7 @@ declare const _default: {
         page: number;
         pageSize: number;
         totalPages: number;
-        rowsPerPageOptions: RowsPerPageOption[];
+        rowsPerPageOptions: PaginationDropDownOptions[];
     };
 };
 export default _default;

package/dist/types/components/Pagination/components/PaginationSelector.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { PaginationDropDownOptions } from "../types";
+type PaginationSelectorProps = {
+    items: PaginationDropDownOptions[];
+    selected: number;
+    onClickItemHandler: (item: number) => void;
+};
+declare const PaginationSelector: FC<PaginationSelectorProps>;
+export default PaginationSelector;

package/dist/types/components/Pagination/components/styles.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles, Theme } from "@emotion/react";
+export declare const PaginationSelectorStyles: ({ pagination }: Theme, { isOpen }: {
+    isOpen: boolean;
+}) => SerializedStyles;

package/dist/types/components/Pagination/styles.d.ts

@@ -1,4 +1,2 @@
 import { SerializedStyles, Theme } from "@emotion/react";
-export declare const container: ({ pagination }: Theme, { isOpen }: {
-    isOpen: boolean;
-}) => SerializedStyles;
+export declare const container: ({ pagination }: Theme) => SerializedStyles;

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

@@ -3,13 +3,13 @@ import { ExtendableProps } from "types/utils";
 export type PaginationProps = ExtendableProps<React.HTMLAttributes<HTMLDivElement>, {
     page: number;
     pageSize: number;
+    perPageText: string;
     totalPages: number;
-    rowsPerPageOptions: RowsPerPageOption[];
-    selectionText: string;
+    rowsPerPageOptions: PaginationDropDownOptions[];
     onPageChange: (page: number) => void;
     onPageSizeChange: (pageSize: number) => void;
 }>;
-export type RowsPerPageOption = {
+export type PaginationDropDownOptions = {
     value: number;
     label: string;
 };

package/dist/types/icons/index.d.ts

@@ -116,7 +116,11 @@ export { default as ArrowDownLeftSVG } from "./arrow_down_left.svg";
 export { default as IconChevronDownSVG } from "./icon_chevron_down.svg";
 export { default as IconChevronUpSVG } from "./icon_chevron_up.svg";
 export { default as IconEmptyStateSVG } from "./empty_state.svg";
-export { default as RightArrowSVG } from "./right-arrow-icon.svg";
 export { default as GroupsFilterSVG } from "./groups-filter.svg";
 export { default as BranchesFilterSVG } from "./branches-filter.svg";
 export { default as UserFilterSVG } from "./user-avatar.svg";
+export { default as ChevronArrowLineLeftSVG } from "./chevron_arrow_line_left.svg";
+export { default as ChevronArrowLineRightSVG } from "./chevron_arrow_line_right.svg";
+export { default as ChevronArrowLeftSVG } from "./chevron_arrow_left.svg";
+export { default as ChevronArrowRightSVG } from "./chevron_arrow_right.svg";
+export { default as ChevronArrowDownSVG } from "./chevron_arrow_down.svg";

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/config/pagination.d.ts

@@ -3,8 +3,11 @@ declare const _default: {
     background: string;
     boxShadowColor: string;
     hoverBackground: string;
-    hoverPaginationList: string;
+    dropdownBackground: string;
     emptyState: string;
     textColor: string;
+    iconColor: string;
+    white: string;
+    scrollBar: string;
 };
 export default _default;

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

@@ -192,6 +192,9 @@ declare const defaultTheme: {
         dialog: string;
     };
     formElements: {
+        generic: {
+            required: string;
+        };
         errors: {
             errorBorderColor: string;
         };
@@ -293,9 +296,12 @@ declare const defaultTheme: {
         background: string;
         boxShadowColor: string;
         hoverBackground: string;
-        hoverPaginationList: string;
+        dropdownBackground: string;
         emptyState: string;
         textColor: string;
+        iconColor: string;
+        white: string;
+        scrollBar: string;
     };
     dropdown: {
         boxShadowColor: string;