@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/components/footer/utils/getOrderConfiguration.d.ts

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../../../types';
+interface Configuration {
+    [key: string]: {
+        flexReverse: boolean;
+        reverse: boolean;
+    };
+}
+export declare const getOrderConfiguration: (tabInverse: DeviceBreakpointsType[], orderInverse: DeviceBreakpointsType[]) => Configuration;
+export {};

package/dist/cjs/components/functionalitiesModule/functionalitiesModule.styled.d.ts

@@ -0,0 +1,9 @@
+import { FunctionalitiesModuleVariantStylesType } from './types/functionalitiesModuleTheme';
+type FunctionalitiesStylesTypes = {
+    styles: FunctionalitiesModuleVariantStylesType;
+};
+export declare const TabsContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, FunctionalitiesStylesTypes>> & string;
+export declare const ContentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FunctionalitiesStylesTypes>> & string;
+export declare const ButtonContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FunctionalitiesStylesTypes>> & string;
+export declare const ActionBottomSheetContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FunctionalitiesStylesTypes>> & string;
+export {};

package/dist/cjs/components/functionalitiesModule/functionalitiesModuleControlled.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IFunctionalitiesModuleControlled } from './types';
+export declare const FunctionalitiesModuleControlled: React.ForwardRefExoticComponent<IFunctionalitiesModuleControlled & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IFunctionalitiesModuleStandAlone } from './types';
+export declare const FunctionalitiesModuleStandAlone: React.ForwardRefExoticComponent<IFunctionalitiesModuleStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.js

@@ -34,7 +34,7 @@ const text_1 = require("../../components/text");
 const types_1 = require("../../types");
 // styles
 const functionalitiesModule_styled_1 = require("./functionalitiesModule.styled");
-const FunctionalitiesModuleStandAloneComponent = ({ hasTitleSection = false, ...props }, ref) => {
+const FunctionalitiesModuleStandAloneComponent = ({ hasTitleSection = false, dataTestId = 'functionalities-module', ...props }, ref) => {
     const mergeList = () => {
         return (props.sections?.reduce((prev, current) => {
             const currentOptions = current.options ? current.options : [];
@@ -42,16 +42,16 @@ const FunctionalitiesModuleStandAloneComponent = ({ hasTitleSection = false, ...
         }, []) ?? []);
     };
     const buildContentMergeList = () => [
-        (0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ContentContainerStyled, { "data-testid": `${props.dataTestId}ContentTab`, styles: props.styles, children: props.styles.listOptions?.optionVariant && props.styles.listOptions.variant && ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { dataTestId: `${props.dataTestId}ListOptions`, optionVariant: props.styles.listOptions.optionVariant, options: mergeList(), selectedValue: props.selectedValue, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions.variant, onOptionClick: props.onOptionClick })) }, 0),
+        (0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ContentContainerStyled, { "data-testid": `${dataTestId}-content-tab`, styles: props.styles, children: props.styles.listOptions?.optionVariant && props.styles.listOptions.variant && ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { optionVariant: props.styles.listOptions.optionVariant, options: mergeList(), selectedValue: props.selectedValue, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions.variant, onOptionClick: props.onOptionClick })) }, 0),
     ];
     const buildContentList = () => props.sections?.map((section, index) => {
-        return ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ContentContainerStyled, { "data-testid": `${props.dataTestId}ContentTab${index}`, styles: props.styles, children: props.styles.listOptions?.optionVariant && props.styles.listOptions.variant && ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { content: section.optionsContent, dataTestId: `${props.dataTestId}ListOptions`, optionVariant: props.styles.listOptions.optionVariant, options: section.options || [], selectedValue: props.selectedValue, title: { component: text_1.TextComponentType.H6, ...section.optionsTitle }, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions.variant, onOptionClick: props.onOptionClick })) }, index));
+        return ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ContentContainerStyled, { "data-testid": `${dataTestId}-content-tab-${index}`, styles: props.styles, children: props.styles.listOptions?.optionVariant && props.styles.listOptions.variant && ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { content: section.optionsContent, optionVariant: props.styles.listOptions.optionVariant, options: section.options || [], selectedValue: props.selectedValue, title: { component: text_1.TextComponentType.H6, ...section.optionsTitle }, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions.variant, onOptionClick: props.onOptionClick })) }, index));
     });
     const content = hasTitleSection || props.device === types_1.DeviceBreakpointsType.DESKTOP
         ? buildContentList()
         : buildContentMergeList();
     const { title: actionBottomSheetTitle, popover: actionBottomSheetPopover, ...actionBottomSheet } = props.actionBottomSheet ?? {};
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: props.device === types_1.DeviceBreakpointsType.DESKTOP ? ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.TabsContainerStyled, { ref: ref, "aria-label": props.tabsContainerAriaLabel, "data-testid": `${props.dataTestId}Tabs`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { allowFocusTabPanel: false, content: content, tabs: props.sections?.map(({ tab }) => tab), variant: props.styles.tabsVariant, ...props.tabsConfig }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.trigger?.content && ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ButtonContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { dataTestId: `${props.dataTestId}Button`, ...props.trigger, children: props.trigger?.content }) })), (0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ActionBottomSheetContainerStyled, { styles: props.styles, children: props.styles.actionBottomSheet?.variant && ((0, jsx_runtime_1.jsx)(actionBottomSheet_1.ActionBottomSheetControlled, { open: props.open ?? false, popover: {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: props.device === types_1.DeviceBreakpointsType.DESKTOP ? ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.TabsContainerStyled, { ref: ref, "aria-label": props.tabsContainerAriaLabel, "data-testid": `${dataTestId}-tabs`, styles: props.styles, children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { allowFocusTabPanel: false, content: content, tabs: props.sections?.map(({ tab }) => tab), variant: props.styles.tabsVariant, ...props.tabsConfig }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.trigger?.content && ((0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ButtonContainerStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { ...props.trigger, children: props.trigger?.content }) })), (0, jsx_runtime_1.jsx)(functionalitiesModule_styled_1.ActionBottomSheetContainerStyled, { styles: props.styles, children: props.styles.actionBottomSheet?.variant && ((0, jsx_runtime_1.jsx)(actionBottomSheet_1.ActionBottomSheetControlled, { open: props.open ?? false, popover: {
                             preventScrollOnCloseFocus: true,
                             blockBack: true,
                             ...actionBottomSheetPopover,

package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"functionalitiesModuleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/functionalitiesModule/functionalitiesModuleStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"functionalitiesModuleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/functionalitiesModule/functionalitiesModuleStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,sEAAkG;AAClG,uDAAoD;AACpD,0DAA+F;AAC/F,4CAAyC;AACzC,4CAAsD;AACtD,mCAA2D;AAE3D,SAAS;AACT,iFAKwC;AAGxC,MAAM,wCAAwC,GAAG,CAC/C,EACE,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,wBAAwB,EACrC,GAAG,KAAK,EACyB,EACnC,GAA0D,EAC7C,EAAE;IACf,MAAM,SAAS,GAAG,GAA4B,EAAE;QAC9C,OAAO,CACL,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,IAA6B,EAAE,OAAO,EAAE,EAAE;YAChE,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,cAAc,CAAC,CAAC;QACtC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CACb,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC;QAClC,uBAAC,qDAAsB,mBAAsB,GAAG,UAAU,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC3F,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,IAAI,CAC9E,uBAAC,yBAAW,IACV,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EACrD,OAAO,EAAE,SAAS,EAAE,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,6BAAe,CAAC,UAAU,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACH,IAV0B,CAAC,CAWL;KAC1B,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC5B,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACrC,OAAO,CACL,uBAAC,qDAAsB,mBAER,GAAG,UAAU,gBAAgB,KAAK,EAAE,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,IAAI,CAC9E,uBAAC,yBAAW,IACV,OAAO,EAAE,OAAO,CAAC,cAAc,EAC/B,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,EACrD,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE,EAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,KAAK,EAAE,EAAE,SAAS,EAAE,wBAAiB,CAAC,EAAE,EAAE,GAAG,OAAO,CAAC,YAAY,EAAE,EACnE,IAAI,EAAE,6BAAe,CAAC,UAAU,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACH,IAfI,KAAK,CAgBa,CAC1B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,MAAM,OAAO,GACX,eAAe,IAAI,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO;QAC/D,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,qBAAqB,EAAE,CAAC;IAE9B,MAAM,EACJ,KAAK,EAAE,sBAAsB,EAC7B,OAAO,EAAE,wBAAwB,EACjC,GAAG,iBAAiB,EACrB,GAAG,KAAK,CAAC,iBAAiB,IAAI,EAAE,CAAC;IAElC,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,YACV,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,uBAAC,kDAAmB,IAClB,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,sBAAsB,iBAC3B,GAAG,UAAU,OAAO,EACjC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,uBAAC,WAAI,IACH,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAC3C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,KAC7B,KAAK,CAAC,UAAU,GACpB,GACkB,CACvB,CAAC,CAAC,CAAC,CACF,6DACG,KAAK,CAAC,OAAO,EAAE,OAAO,IAAI,CACzB,uBAAC,oDAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACzC,uBAAC,eAAM,OAAK,KAAK,CAAC,OAAO,YAAG,KAAK,CAAC,OAAO,EAAE,OAAO,GAAU,GACtC,CACzB,EACD,uBAAC,+DAAgC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE,OAAO,IAAI,CAC1C,uBAAC,+CAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,EACzB,OAAO,EAAE;4BACP,yBAAyB,EAAE,IAAI;4BAC/B,SAAS,EAAE,IAAI;4BACf,GAAG,wBAAwB;yBAC5B,EACD,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,UAAU,IAAI,iBAAS,CAAC,MAAM;4BACpE,SAAS,EAAE,wBAAiB,CAAC,EAAE;4BAC/B,GAAG,sBAAsB;yBAC1B,EACD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,OAAO,KAC3C,iBAAiB,YAEpB,OAAO,GACU,CACrB,GACgC,IAClC,CACJ,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,+BAA+B,GAAG,KAAK,CAAC,UAAU,CAC7D,wCAAwC,CACzC,CAAC"}

package/dist/cjs/components/functionalitiesModule/functionalitiesModuleUnControlled.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IFunctionalitiesModuleUnControlled } from './types';
+export declare const FunctionalitiesModuleUnControlled: React.ForwardRefExoticComponent<IFunctionalitiesModuleUnControlled & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/functionalitiesModule/index.d.ts

@@ -0,0 +1,3 @@
+export { FunctionalitiesModuleUnControlled as FunctionalitiesModule } from './functionalitiesModuleUnControlled';
+export { FunctionalitiesModuleControlled } from './functionalitiesModuleControlled';
+export * from './types';

package/dist/cjs/components/functionalitiesModule/types/functionalitiesModule.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { IActionBottomSheetControlled } from '../../../components/actionBottomSheet';
+import { IButton } from '../../../components/button';
+import { ListOptionsOptionType, ListOptionsTitleType } from '../../../components/listOptions';
+import { ITabsUnControlled, PrimaryTabTabType } from '../../../components/tabs';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { FunctionalitiesModuleVariantStylesType } from './functionalitiesModuleTheme';
+export type FunctionalitiesModuleTriggerType = Omit<IButton, 'children'> & {
+    content?: ReactNode;
+};
+export type FunctionalitiesModuleActionBottomSheetType = Omit<IActionBottomSheetControlled, 'variant' | 'children' | 'open'> & {
+    variant?: string;
+};
+export type FunctionalitiesModuleSectionType = {
+    tab: PrimaryTabTabType;
+    options?: Omit<ListOptionsOptionType, 'highlighted'>[];
+    optionsTitle?: ListOptionsTitleType;
+    optionsContent?: ReactNode;
+};
+export type FunctionalitiesModuleTabsConfig = Omit<ITabsUnControlled, 'tabs' | 'content' | 'variant'> & {
+    variant?: string;
+};
+export interface IFunctionalitiesModuleStandAlone {
+    styles: FunctionalitiesModuleVariantStylesType;
+    device: DeviceBreakpointsType;
+    tabsContainerAriaLabel?: string;
+    tabsConfig?: FunctionalitiesModuleTabsConfig;
+    sections?: FunctionalitiesModuleSectionType[];
+    hasTitleSection?: boolean;
+    selectedValue?: number | string;
+    trigger?: FunctionalitiesModuleTriggerType;
+    open?: boolean;
+    actionBottomSheet?: FunctionalitiesModuleActionBottomSheetType;
+    dataTestId?: string;
+    onOptionClick?: (value?: string | number) => void;
+}
+export interface IFunctionalitiesModuleControlled extends Omit<IFunctionalitiesModuleStandAlone, 'styles' | 'device'>, Omit<CustomTokenTypes<FunctionalitiesModuleVariantStylesType>, 'cts' | 'extraCt'> {
+    variant: string;
+}
+export interface IFunctionalitiesModuleUnControlled extends Omit<IFunctionalitiesModuleControlled, 'open' | 'defaultTabSelected' | 'selectedValue'> {
+    defaultOpen?: boolean;
+    onOpenClose?: (value: boolean) => void;
+    defaultSelectedValue?: number | string;
+}

package/dist/cjs/components/functionalitiesModule/types/functionalitiesModuleTheme.d.ts

@@ -0,0 +1,20 @@
+import { CommonStyleType, POSITIONS } from '../../../types';
+export type FunctionalitiesModuleVariantStylesType = {
+    tabsContainer?: CommonStyleType;
+    buttonContainer?: CommonStyleType;
+    actionBottomSheetContainer?: CommonStyleType;
+    contentContainer?: CommonStyleType;
+    contentNotLastChild?: CommonStyleType;
+    listOptions?: {
+        variant?: string;
+        optionVariant?: string;
+    };
+    actionBottomSheet?: {
+        variant?: string;
+        alignTitle?: POSITIONS;
+    };
+    tabsVariant?: string;
+};
+export type FunctionalitiesModuleStylesType<P extends string | number | symbol> = {
+    [key in P]?: FunctionalitiesModuleVariantStylesType;
+};

package/dist/cjs/components/functionalitiesModule/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './functionalitiesModuleTheme';
+export { functionalitiesModuleStateTypes } from './states';
+export * from './functionalitiesModule';

package/dist/cjs/components/functionalitiesModule/types/states.d.ts

@@ -0,0 +1,5 @@
+export declare enum functionalitiesModuleStateTypes {
+    DEFAULT = "DEFAULT",
+    SELECTED = "SELECTED",
+    DISABLED = "DISABLED"
+}

package/dist/cjs/components/functionalitiesModule/utils/functionalitiesModule.utils.d.ts

@@ -0,0 +1,2 @@
+import { FunctionalitiesModuleSectionType } from '../types';
+export declare const getDefaultTabSeleted: (selectedValue?: string | number, sections?: FunctionalitiesModuleSectionType[]) => number;

package/dist/cjs/components/functionalitiesModule/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './functionalitiesModule.utils';

package/dist/cjs/components/grid/grid.styled.d.ts

@@ -0,0 +1,6 @@
+import { ContentCustomGridItemType, CustomGridItemType, GridItemType, GridType } from './types';
+export declare const GridStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridType>> & string;
+export declare const GridItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridItemType>> & string;
+export declare const CustomGridStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridType>> & string;
+export declare const CustomGridItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CustomGridItemType>> & string;
+export declare const ContentCustomGridItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentCustomGridItemType>> & string;

package/dist/cjs/components/grid/index.d.ts

@@ -0,0 +1,2 @@
+export { GridStyled as Grid, GridItemStyled as GridItem, CustomGridStyled, CustomGridItem, ContentCustomGridItem, } from './grid.styled';
+export type { GridType, GridItemType, GridConfigType, GridColumns, CustomGridItemType, ContentCustomGridItemType, } from './types';

package/dist/cjs/components/grid/types/grid.d.ts

@@ -0,0 +1,44 @@
+import { DeviceBreakpointsType } from '../../../types/breakpoints';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+export type GridType = {
+    addPaddingForLayout?: boolean;
+    isFullWidth?: boolean;
+    columnsPadding?: number;
+    styles?: CommonStyleType;
+    config?: {
+        [DeviceBreakpointsType.DESKTOP]?: GridConfigType;
+        [DeviceBreakpointsType.TABLET]?: GridConfigType;
+        [DeviceBreakpointsType.MOBILE]?: GridConfigType;
+    };
+};
+export type GridColumns = {
+    start: number;
+    end: number;
+};
+export type GridItemType = {
+    desktop?: number | GridColumns;
+    tablet?: number | GridColumns;
+    mobile?: number | GridColumns;
+};
+export type GridConfigType = {
+    columns?: number;
+    gap?: string;
+    margin?: number;
+    headerStyles?: CommonStyleType;
+    mainStyles?: CommonStyleType;
+    footerStyles?: CommonStyleType;
+};
+export type CustomGridItemType = GridItemType & {
+    paddingRight?: string;
+    paddingLeft?: string;
+    containerColor?: string;
+    height?: string;
+};
+export type ContentCustomGridItemType = {
+    isMainContainer?: boolean;
+    containerWidth?: number;
+    marginsContainer?: number;
+    minMarginRightAndLeft?: string;
+    paddingRight?: string;
+    paddingLeft?: string;
+};

package/dist/cjs/components/grid/types/index.d.ts

@@ -0,0 +1 @@
+export type { GridType, GridItemType, GridConfigType, GridColumns, CustomGridItemType, ContentCustomGridItemType, } from './grid';

package/dist/cjs/components/grid/utils/grid.utils.d.ts

@@ -0,0 +1,4 @@
+import { GridColumns, GridConfigType } from '../types';
+export declare const getMaxWidth: (desktopWidth: number, margin: number | undefined, gap: string | undefined, addPaddingForLayout?: boolean) => string;
+export declare const getGridConfiguration: (config: GridConfigType | undefined) => string;
+export declare const getItemGridConfiguration: (columns: number | GridColumns | undefined) => string;

package/dist/cjs/components/header/header.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IHeader } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
+declare const Header: <V extends string | unknown>(props: IHeader<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+export { Header };

package/dist/cjs/components/header/header.styled.d.ts

@@ -0,0 +1,6 @@
+import { HeaderPropsStyles } from './types';
+export declare const HeaderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>> & string;
+export declare const HeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>> & string;
+export declare const HeaderLeftContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>> & string;
+export declare const HeaderRightContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>> & string;
+export declare const BreadcrumbsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderPropsStyles>> & string;

package/dist/cjs/components/header/headerStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IHeaderStandAlone } from './types/header';
+export declare const HeaderStandAlone: React.ForwardRefExoticComponent<IHeaderStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/header/headerStandAlone.js

@@ -30,7 +30,7 @@ const types_1 = require("../../types");
 const breadcrumbs_1 = require("../breadcrumbs");
 const header_styled_1 = require("./header.styled");
 const position_1 = require("./types/position");
-const HeaderStandAloneComponent = ({ ...props }, ref) => {
+const HeaderStandAloneComponent = ({ dataTestId = 'header', ...props }, ref) => {
     const getPositionContent = (position) => {
         return React.Children.toArray(props.children).filter((child) => {
             return child?.props?.['data-position'] === position;
@@ -38,7 +38,7 @@ const HeaderStandAloneComponent = ({ ...props }, ref) => {
     };
     const leftContent = getPositionContent(position_1.HeaderContentPositionType.LEFT);
     const rightContent = getPositionContent(position_1.HeaderContentPositionType.RIGHT);
-    return ((0, jsx_runtime_1.jsxs)(header_styled_1.HeaderContainerStyled, { ref: ref, "data-testid": `${props.dataTestId}Header`, styles: props.styles, children: [props.crumbs && props.device === types_1.DeviceBreakpointsType.DESKTOP && ((0, jsx_runtime_1.jsx)(header_styled_1.BreadcrumbsWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), (0, jsx_runtime_1.jsxs)(header_styled_1.HeaderContentStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(header_styled_1.HeaderLeftContentStyled, { styles: props.styles, children: leftContent }), rightContent.length !== 0 && ((0, jsx_runtime_1.jsx)(header_styled_1.HeaderRightContentStyled, { styles: props.styles, children: rightContent }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(header_styled_1.HeaderContainerStyled, { ref: ref, "data-testid": dataTestId, styles: props.styles, children: [props.crumbs && props.device === types_1.DeviceBreakpointsType.DESKTOP && ((0, jsx_runtime_1.jsx)(header_styled_1.BreadcrumbsWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), (0, jsx_runtime_1.jsxs)(header_styled_1.HeaderContentStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(header_styled_1.HeaderLeftContentStyled, { styles: props.styles, children: leftContent }), rightContent.length !== 0 && ((0, jsx_runtime_1.jsx)(header_styled_1.HeaderRightContentStyled, { styles: props.styles, children: rightContent }))] })] }));
 };
 exports.HeaderStandAlone = React.forwardRef(HeaderStandAloneComponent);
 //# sourceMappingURL=headerStandAlone.js.map

package/dist/cjs/components/header/headerStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/header/headerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgD;AAEhD,gDAA6C;AAC7C,mDAMyB;AAEzB,+CAA6D;AAE7D,MAAM,yBAAyB,GAAG,CAChC,EAAE,GAAG,KAAK,EAAqB,EAC/B,GAA0D,EAC7C,EAAE;IACf,MAAM,kBAAkB,GAAG,CAAC,QAAmC,EAAE,EAAE;QACjE,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,oCAAyB,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,kBAAkB,CAAC,oCAAyB,CAAC,KAAK,CAAC,CAAC;IAEzE,OAAO,CACL,wBAAC,qCAAqB,IACpB,GAAG,EAAE,GAAG,iBACK,GAAG,KAAK,CAAC,UAAU,QAAQ,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,CACjE,uBAAC,kCAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,uBAAC,yBAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,wBAAC,mCAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACvC,uBAAC,uCAAuB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,WAAW,GAA2B,EACrF,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,uBAAC,wCAAwB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,YAAY,GAA4B,CAC1F,IACmB,IACA,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
+{"version":3,"file":"headerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/header/headerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgD;AAEhD,gDAA6C;AAC7C,mDAMyB;AAEzB,+CAA6D;AAE7D,MAAM,yBAAyB,GAAG,CAChC,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAqB,EACtD,GAA0D,EAC7C,EAAE;IACf,MAAM,kBAAkB,GAAG,CAAC,QAAmC,EAAE,EAAE;QACjE,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,oCAAyB,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,kBAAkB,CAAC,oCAAyB,CAAC,KAAK,CAAC,CAAC;IAEzE,OAAO,CACL,wBAAC,qCAAqB,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aAC3E,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,CACjE,uBAAC,kCAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,uBAAC,yBAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,wBAAC,mCAAmB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACvC,uBAAC,uCAAuB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,WAAW,GAA2B,EACrF,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,uBAAC,wCAAwB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAAG,YAAY,GAA4B,CAC1F,IACmB,IACA,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/cjs/components/header/hook/useHeaderShadow.d.ts

@@ -0,0 +1,14 @@
+import { ForwardedRef, Ref } from 'react';
+type HeaderShadowType = {
+    boxShadow?: string;
+    showShadowFrom?: number;
+};
+type HeaderShadowProps = {
+    ref: ForwardedRef<HTMLDivElement> | undefined;
+    shadow?: HeaderShadowType;
+};
+type HeaderShadowReturnValues = {
+    headerRef: Ref<HTMLDivElement> | undefined;
+};
+export declare const useHeaderShadow: ({ ref, shadow }: HeaderShadowProps) => HeaderShadowReturnValues;
+export {};

package/dist/cjs/components/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './header';
+export * from './types';

package/dist/cjs/components/header/types/header.d.ts

@@ -0,0 +1,16 @@
+import { CrumbType, IBreadcrumbsControlled } from '../../../components/breadcrumbs/types/breadcrumbs';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { HeaderPropsStylesType } from './headerTheme';
+export type HeaderBreadcrumbsType = Omit<IBreadcrumbsControlled, 'crumbs'>;
+export interface IHeaderStandAlone {
+    styles: HeaderPropsStylesType;
+    children: JSX.Element[] | JSX.Element;
+    configBreadcrumbs?: HeaderBreadcrumbsType;
+    crumbs?: CrumbType[];
+    device: DeviceBreakpointsType;
+    dataTestId?: string;
+    showShadowFrom?: number;
+}
+export interface IHeader<V = undefined extends string ? unknown : string> extends Omit<IHeaderStandAlone, 'styles' | 'device'>, Omit<CustomTokenTypes<HeaderPropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

package/dist/cjs/components/header/types/headerTheme.d.ts

@@ -0,0 +1,16 @@
+import { CommonStyleType } from '../../../types';
+export type HeaderPropsStyles = {
+    styles?: HeaderPropsStylesType;
+};
+export type HeaderPropsStylesType = {
+    container?: CommonStyleType & {
+        scrollShadow?: Pick<CommonStyleType, 'box_shadow'>;
+    };
+    breadcrumbs?: CommonStyleType;
+    content?: CommonStyleType;
+    leftContent?: CommonStyleType;
+    rightContent?: CommonStyleType;
+};
+export type HeaderStylesType<P extends string | number | symbol> = {
+    [variant in P]?: HeaderPropsStylesType;
+};

package/dist/cjs/components/header/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './header';
+export * from './headerTheme';
+export * from './position';

package/dist/cjs/components/header/types/position.d.ts

@@ -0,0 +1,4 @@
+export declare enum HeaderContentPositionType {
+    RIGHT = "RIGHT",
+    LEFT = "LEFT"
+}

package/dist/cjs/components/headerStructure/components/headerContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { CommonStyleType } from '../../../types';
+import { HeaderStructureContentPositionType } from '../types';
+interface IHeaderContent {
+    styles?: CommonStyleType;
+    contentDirection?: HeaderStructureContentPositionType;
+    children: React.ReactNode[];
+}
+export declare const HeaderContent: (props: IHeaderContent) => React.JSX.Element;
+export {};

package/dist/cjs/components/headerStructure/components/index.d.ts

@@ -0,0 +1 @@
+export * from './headerContent';

package/dist/cjs/components/headerStructure/headerStructure.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IHeaderStructure } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the NavBar component
+ */
+declare const HeaderStructure: <V extends string | unknown>(props: IHeaderStructure<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => React.JSX.Element;
+export { HeaderStructure };

package/dist/cjs/components/headerStructure/headerStructure.styled.d.ts

@@ -0,0 +1,12 @@
+import { CommonStyleType } from '../../types/styles';
+import { HeaderStructurePropsStyles } from './types';
+export declare const HeaderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles & {
+    containerHeight?: string;
+    scrolling?: boolean;
+    backgroundColor?: string;
+}>> & string;
+export declare const HeaderContainerContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles>> & string;
+export declare const HeaderContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles?: CommonStyleType;
+}>> & string;
+export declare const BreadcrumbsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderStructurePropsStyles>> & string;

package/dist/cjs/components/headerStructure/headerStructureStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IHeaderStructureStandAlone } from './types';
+export declare const HeaderStandAlone: React.ForwardRefExoticComponent<IHeaderStructureStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/headerStructure/headerStructureStandAlone.js

@@ -31,7 +31,7 @@ const breadcrumbs_1 = require("../breadcrumbs");
 const components_1 = require("./components");
 const headerStructure_styled_1 = require("./headerStructure.styled");
 const types_2 = require("./types");
-const HeaderStructureStandAloneComponent = ({ ...props }, ref) => {
+const HeaderStructureStandAloneComponent = ({ dataTestId = 'header-structure', ...props }, ref) => {
     const getPositionContent = (position) => {
         return React.Children.toArray(props.children).filter((child) => {
             return child?.props?.['data-position'] === position;
@@ -40,7 +40,7 @@ const HeaderStructureStandAloneComponent = ({ ...props }, ref) => {
     const leftContent = getPositionContent(types_2.HeaderStructureContentPositionType.LEFT);
     const rightContent = getPositionContent(types_2.HeaderStructureContentPositionType.RIGHT);
     const centerContent = getPositionContent(types_2.HeaderStructureContentPositionType.CENTER);
-    return ((0, jsx_runtime_1.jsxs)(headerStructure_styled_1.HeaderContainerStyled, { ref: ref, backgroundColor: props.backgroundColor, containerHeight: props.containerHeight, "data-testid": `${props.dataTestId}Header`, scrolling: props.scrolling, styles: props.styles, children: [props.crumbs && props.device === types_1.DeviceBreakpointsType.DESKTOP && ((0, jsx_runtime_1.jsx)(headerStructure_styled_1.BreadcrumbsWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), (0, jsx_runtime_1.jsxs)(headerStructure_styled_1.HeaderContainerContentStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.leftContent, children: leftContent }), (0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.centerContent, children: centerContent }), (0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.rightContent, children: rightContent })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(headerStructure_styled_1.HeaderContainerStyled, { ref: ref, backgroundColor: props.backgroundColor, containerHeight: props.containerHeight, "data-testid": dataTestId, scrolling: props.scrolling, styles: props.styles, children: [props.crumbs && props.device === types_1.DeviceBreakpointsType.DESKTOP && ((0, jsx_runtime_1.jsx)(headerStructure_styled_1.BreadcrumbsWrapper, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(breadcrumbs_1.Breadcrumbs, { crumbs: props.crumbs, variant: props.configBreadcrumbs?.variant, ...props.configBreadcrumbs }) })), (0, jsx_runtime_1.jsxs)(headerStructure_styled_1.HeaderContainerContentStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.leftContent, children: leftContent }), (0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.centerContent, children: centerContent }), (0, jsx_runtime_1.jsx)(components_1.HeaderContent, { styles: props.styles.rightContent, children: rightContent })] })] }));
 };
 exports.HeaderStandAlone = React.forwardRef(HeaderStructureStandAloneComponent);
 //# sourceMappingURL=headerStructureStandAlone.js.map

package/dist/cjs/components/headerStructure/headerStructureStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerStructureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructureStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgD;AAEhD,gDAA6C;AAC7C,6CAA6C;AAC7C,qEAIkC;AAClC,mCAAyF;AAEzF,MAAM,kCAAkC,GAAG,CACzC,EAAE,GAAG,KAAK,EAA8B,EACxC,GAA0D,EACvC,EAAE;IACrB,MAAM,kBAAkB,GAAG,CAAC,QAA4C,EAAE,EAAE;QAC1E,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,KAAK,CAAC,CAAC;IAClF,MAAM,aAAa,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,MAAM,CAAC,CAAC;IAEpF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,eAAe,EAAE,KAAK,CAAC,eAAe,iBACzB,GAAG,KAAK,CAAC,UAAU,QAAQ,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,CACjE,uBAAC,2CAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,uBAAC,yBAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,wBAAC,qDAA4B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAChD,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,YAAG,WAAW,GAAiB,EAC9E,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAAG,aAAa,GAAiB,EAClF,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,YAAG,YAAY,GAAiB,IACnD,IACT,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
+{"version":3,"file":"headerStructureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/headerStructure/headerStructureStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgD;AAEhD,gDAA6C;AAC7C,6CAA6C;AAC7C,qEAIkC;AAClC,mCAAyF;AAEzF,MAAM,kCAAkC,GAAG,CACzC,EAAE,UAAU,GAAG,kBAAkB,EAAE,GAAG,KAAK,EAA8B,EACzE,GAA0D,EACvC,EAAE;IACrB,MAAM,kBAAkB,GAAG,CAAC,QAA4C,EAAE,EAAE;QAC1E,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC9E,OAAQ,KAAqB,EAAE,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,QAAQ,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,KAAK,CAAC,CAAC;IAClF,MAAM,aAAa,GAAG,kBAAkB,CAAC,0CAAkC,CAAC,MAAM,CAAC,CAAC;IAEpF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,eAAe,EAAE,KAAK,CAAC,eAAe,iBACzB,UAAU,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,CACjE,uBAAC,2CAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACtC,uBAAC,yBAAW,IACV,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,KACrC,KAAK,CAAC,iBAAiB,GAC3B,GACiB,CACtB,EACD,wBAAC,qDAA4B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAChD,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,YAAG,WAAW,GAAiB,EAC9E,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAAG,aAAa,GAAiB,EAClF,uBAAC,0BAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,YAAG,YAAY,GAAiB,IACnD,IACT,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}

package/dist/cjs/components/headerStructure/index.d.ts

@@ -0,0 +1,2 @@
+export * from './headerStructure';
+export * from './types';

package/dist/cjs/components/headerStructure/types/headerStructure.d.ts

@@ -0,0 +1,18 @@
+import { CrumbType, IBreadcrumbsControlled } from '../../../components/breadcrumbs/types/breadcrumbs';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { HeaderStructurePropsStylesType } from './headerStructureTheme';
+export type HeaderStructureBreadcrumbsType = Omit<IBreadcrumbsControlled, 'crumbs'>;
+export interface IHeaderStructureStandAlone {
+    styles: HeaderStructurePropsStylesType;
+    children: JSX.Element[] | JSX.Element;
+    device: DeviceBreakpointsType;
+    scrolling: boolean;
+    dataTestId?: string;
+    containerHeight?: string;
+    crumbs?: CrumbType[];
+    backgroundColor?: string;
+    configBreadcrumbs?: HeaderStructureBreadcrumbsType;
+}
+export interface IHeaderStructure<V = undefined extends string ? unknown : string> extends Omit<IHeaderStructureStandAlone, 'styles' | 'device' | 'scrolling'>, Omit<CustomTokenTypes<HeaderStructurePropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

package/dist/cjs/components/headerStructure/types/headerStructureTheme.d.ts

@@ -0,0 +1,15 @@
+import { CommonStyleType } from '../../../types';
+export type HeaderStructurePropsStyles = {
+    styles?: HeaderStructurePropsStylesType;
+};
+export type HeaderStructurePropsStylesType = {
+    container?: CommonStyleType;
+    breadcrumbs?: CommonStyleType;
+    content?: CommonStyleType;
+    leftContent?: CommonStyleType;
+    rightContent?: CommonStyleType;
+    centerContent?: CommonStyleType;
+};
+export type HeaderStructureStylesType<P extends string | number | symbol> = {
+    [variant in P]: HeaderStructurePropsStylesType;
+};

package/dist/cjs/components/headerStructure/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './headerStructure';
+export * from './headerStructureTheme';
+export * from './position';

package/dist/cjs/components/headerStructure/types/position.d.ts

@@ -0,0 +1,5 @@
+export declare enum HeaderStructureContentPositionType {
+    RIGHT = "RIGHT",
+    LEFT = "LEFT",
+    CENTER = "CENTER"
+}

package/dist/cjs/components/icon/icon.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const IconBasic: React.ForwardRefExoticComponent<Omit<import("./types").IIconStandAlone, "onKeyDown"> & {
+    screenReaderText?: string;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/cjs/components/icon/icon.js

@@ -32,7 +32,7 @@ const aria_1 = require("../../utils/aria/aria");
 const type_1 = require("../button/types/type");
 const icon_styled_1 = require("./icon.styled");
 const iconStandAlone_1 = require("./iconStandAlone");
-const IconBasicComponent = ({ ...props }, ref) => {
+const IconBasicComponent = ({ dataTestId = 'icon', ...props }, ref) => {
     const device = (0, index_1.useMediaDevice)();
     const ariaProps = (0, aria_1.pickAriaProps)(props);
     const { disabled, altText, onClick, screenReaderText, ...iconProps } = props;
@@ -41,9 +41,9 @@ const IconBasicComponent = ({ ...props }, ref) => {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
     if (props.onClick) {
-        return ((0, jsx_runtime_1.jsxs)(icon_styled_1.IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": iconProps.dataTestId, disabled: disabled, id: props.id, tabIndex: props.tabIndex, title: props.title || '', type: type_1.ButtonType.BUTTON, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: screenReaderText }), (0, jsx_runtime_1.jsx)(iconStandAlone_1.IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, id: undefined, linearIcon: isLinearIcon })] }));
+        return ((0, jsx_runtime_1.jsxs)(icon_styled_1.IconButtonStyled, { ...ariaProps, "$customIconStyles": props.customIconStyles, "$height": props.height, "$width": props.width, "aria-disabled": disabled, "aria-label": props['aria-label'] || altText, "data-testid": dataTestId, disabled: disabled, id: props.id, tabIndex: props.tabIndex, title: props.title || '', type: type_1.ButtonType.BUTTON, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: screenReaderText }), (0, jsx_runtime_1.jsx)(iconStandAlone_1.IconStandAlone, { ...iconProps, ref: ref, dataTestId: undefined, id: undefined, linearIcon: isLinearIcon })] }));
     }
-    return (0, jsx_runtime_1.jsx)(iconStandAlone_1.IconStandAlone, { ...iconProps, ref: ref, altText: altText, linearIcon: isLinearIcon });
+    return ((0, jsx_runtime_1.jsx)(iconStandAlone_1.IconStandAlone, { ...iconProps, ref: ref, altText: altText, dataTestId: dataTestId, linearIcon: isLinearIcon }));
 };
 exports.IconBasic = React.forwardRef(IconBasicComponent);
 //# sourceMappingURL=icon.js.map

package/dist/cjs/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,yCAA+C;AAC/C,4CAAkD;AAElD,+CAAkD;AAClD,+CAAiD;AACjD,qDAAkD;AAGlD,MAAM,kBAAkB,GAAG,CACzB,EAAE,GAAG,KAAK,EAAS,EACnB,GAAwC,EACpB,EAAE;IACtB,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,YAAY,GAChB,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAEhG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,kDAAK,CAAC;IACf,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,CACL,wBAAC,8BAAgB,OACX,SAAS,uBACM,KAAK,CAAC,gBAAgB,aAChC,KAAK,CAAC,MAAM,YACb,KAAK,CAAC,KAAK,mBACJ,QAAQ,gBACX,KAAK,CAAC,YAAY,CAAC,IAAI,OAAO,iBAC7B,SAAS,CAAC,UAAU,EACjC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,IAAI,EAAE,iBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,OAAO,aAEhB,uBAAC,mCAAgB,cAAE,gBAAgB,GAAoB,EACvD,uBAAC,+BAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,SAAS,EACrB,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,YAAY,GACxB,IACe,CACpB,CAAC;IACJ,CAAC;IAED,OAAO,uBAAC,+BAAc,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,GAAI,CAAC;AACjG,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../src/components/icon/icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,yCAA+C;AAC/C,4CAAkD;AAElD,+CAAkD;AAClD,+CAAiD;AACjD,qDAAkD;AAGlD,MAAM,kBAAkB,GAAG,CACzB,EAAE,UAAU,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EACxC,GAAwC,EACpB,EAAE;IACtB,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,YAAY,GAChB,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAEhG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,kDAAK,CAAC;IACf,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,CACL,wBAAC,8BAAgB,OACX,SAAS,uBACM,KAAK,CAAC,gBAAgB,aAChC,KAAK,CAAC,MAAM,YACb,KAAK,CAAC,KAAK,mBACJ,QAAQ,gBACX,KAAK,CAAC,YAAY,CAAC,IAAI,OAAO,iBAC7B,UAAU,EACvB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,IAAI,EAAE,iBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,OAAO,aAEhB,uBAAC,mCAAgB,cAAE,gBAAgB,GAAoB,EACvD,uBAAC,+BAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,SAAS,EACrB,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,YAAY,GACxB,IACe,CACpB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,+BAAc,OACT,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,YAAY,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/cjs/components/icon/icon.styled.d.ts

@@ -0,0 +1,29 @@
+import { IconTypes } from '../../types/index';
+type ImgTypes = {
+    $moveRound: string;
+    $transitionDuration: string;
+    $height?: string;
+    $width?: string;
+    $customIconStyles?: IconTypes;
+};
+type SvgTypes = {
+    $srcImage: string;
+    $width?: string;
+    $height?: string;
+    $moveRound?: string;
+    $transitionDuration?: string;
+    twistIconAnimation?: boolean;
+    twistAnimationTransformValue?: string | null | undefined;
+    $color?: string;
+    $customIconStyles?: IconTypes;
+};
+export declare const IconSVGStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, SvgTypes>> & string;
+export declare const IconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImgTypes>> & string;
+export declare const IconComplexStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SvgTypes>> & string;
+export declare const IconButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $width?: string;
+    $height?: string;
+    $customIconStyles?: IconTypes;
+}>> & string;
+export declare const IconTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export {};

package/dist/cjs/components/icon/iconHost.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ *
+ * IconHost is a component that serves as a host for icons.
+ * @param {React.PropsWithChildren<IIconHost>} props
+ * @returns {JSX.Element}
+ */
+export declare const IconHost: React.ForwardRefExoticComponent<Omit<import("./types").IIconStandAlone, "onKeyDown"> & {
+    screenReaderText?: string;
+} & React.RefAttributes<HTMLSpanElement>>;