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

package/dist/cjs/components/navigationCard/types/navigationCardTheme.d.ts

@@ -0,0 +1,53 @@
+import { IconHighlightedSizeType } from '../../../components/iconHighlighted';
+import { TextComponentType } from '../../../components/text';
+import { CommonStyleType, DeviceBreakpointsType, IconTypes, IllustrationTypes, TypographyTypes } from '../../../types';
+export type NavigationCardStylesPropsType = {
+    container?: CommonStyleType;
+    containerExpandedContent?: boolean;
+    contentContainer?: CommonStyleType;
+    rightContentContainer?: CommonStyleType;
+    decorativeElementContainer?: CommonStyleType;
+    icon?: IconTypes & {
+        margin_right?: string;
+    };
+    iconHighlighted?: {
+        variant?: string;
+        size?: IconHighlightedSizeType;
+        color?: string;
+        backgroundColor?: string;
+        margin_right?: string;
+    };
+    illustration?: IllustrationTypes & {
+        margin_right?: string;
+    };
+    avatar?: {
+        margin_right?: string;
+    };
+    title?: Omit<TypographyTypes, 'DESKTOP' | 'TABLET' | 'MOBILE'> & {
+        component?: TextComponentType;
+        linesNumber?: number;
+    } & {
+        [key in DeviceBreakpointsType]?: TypographyTypes & {
+            component?: TextComponentType;
+            linesNumber?: number;
+        };
+    };
+    arrowIcon?: IconTypes;
+    arrowIconText?: TypographyTypes;
+    descriptionContainer?: CommonStyleType;
+    description?: Omit<TypographyTypes, 'DESKTOP' | 'TABLET' | 'MOBILE'> & {
+        linesNumber?: number;
+    } & {
+        [key in DeviceBreakpointsType]?: TypographyTypes & {
+            linesNumber?: number;
+        };
+    };
+    tagContainer?: CommonStyleType;
+    tag?: {
+        variant?: string;
+        option?: string;
+    };
+};
+export type NavigationCardStylesType<P extends string | number | symbol> = {
+    [variant in P]?: NavigationCardStylesPropsType;
+};

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

@@ -0,0 +1,2 @@
+export { NavigationRow } from './navigationRow';
+export * from './types';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { INavigationRow } from './types';
+declare const NavigationRowBoundary: <V extends string | unknown>(props: INavigationRow<V>, ref: React.ForwardedRef<HTMLButtonElement> | undefined | null) => JSX.Element;
+declare const NavigationRow: <V extends string | unknown>(props: React.PropsWithChildren<INavigationRow<V>> & {
+    ref?: React.ForwardedRef<HTMLButtonElement> | undefined | null;
+}) => ReturnType<typeof NavigationRowBoundary>;
+export { NavigationRow };

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

@@ -0,0 +1,12 @@
+import { LineSeparatorLinePropsStylesType } from '../../components/lineSeparator';
+import { INavigationRowStyled } from './types';
+type NavigationRowStylesProps = {
+    topLine?: boolean;
+    bottomLine?: boolean;
+    lineSeparatorLineStyles?: LineSeparatorLinePropsStylesType;
+};
+export declare const NavigationRowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, INavigationRowStyled & NavigationRowStylesProps>> & string;
+export declare const TextSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, INavigationRowStyled>> & string;
+export declare const IconAndIconHighlightedContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, INavigationRowStyled>> & string;
+export declare const DecorativeElementContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, INavigationRowStyled>> & string;
+export {};

package/dist/cjs/components/navigationRow/navigationRow.styled.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconAndIconHighlightedContainerStyled = exports.TextSectionStyled = exports.NavigationRowStyled = void 0;
+exports.DecorativeElementContainerStyled = exports.IconAndIconHighlightedContainerStyled = exports.TextSectionStyled = exports.NavigationRowStyled = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const lineSeparator_1 = require("../../components/lineSeparator");
 const utils_1 = require("../../utils");
@@ -18,4 +18,7 @@ exports.TextSectionStyled = styled_components_1.default.span `
 exports.IconAndIconHighlightedContainerStyled = styled_components_1.default.span `
   ${({ styles }) => (0, utils_1.getStyles)(styles?.iconTextContainer)}
 `;
+exports.DecorativeElementContainerStyled = styled_components_1.default.span `
+  ${({ styles }) => (0, utils_1.getStyles)(styles?.decorativeElementContainer)}
+`;
 //# sourceMappingURL=navigationRow.styled.js.map

package/dist/cjs/components/navigationRow/navigationRow.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRow.styled.js","sourceRoot":"","sources":["../../../../src/components/navigationRow/navigationRow.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,8DAGoC;AACpC,mCAAoC;AAUvB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,MAAM,CAAiD;IAC7F,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;IAC5C,CAAC,EAAE,uBAAuB,EAAE,OAAO,EAAE,EAAE,EAAE,CACzC,OAAO,IAAI,uBAAuB,EAAE,eAAe,EAAE,CAAC,yCAAyB,CAAC,GAAG,CAAC;IACpF,CAAC,EAAE,uBAAuB,EAAE,UAAU,EAAE,EAAE,EAAE,CAC5C,UAAU,IAAI,uBAAuB,EAAE,eAAe,EAAE,CAAC,yCAAyB,CAAC,MAAM,CAAC;CAC7F,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAsB;IAC9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,oBAAoB,CAAC;CAC1D,CAAC;AAEW,QAAA,qCAAqC,GAAG,2BAAM,CAAC,IAAI,CAAsB;IAClF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,iBAAiB,CAAC;CACvD,CAAC"}
+{"version":3,"file":"navigationRow.styled.js","sourceRoot":"","sources":["../../../../src/components/navigationRow/navigationRow.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,8DAGoC;AACpC,mCAAoC;AAUvB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,MAAM,CAAiD;IAC7F,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;IAC5C,CAAC,EAAE,uBAAuB,EAAE,OAAO,EAAE,EAAE,EAAE,CACzC,OAAO,IAAI,uBAAuB,EAAE,eAAe,EAAE,CAAC,yCAAyB,CAAC,GAAG,CAAC;IACpF,CAAC,EAAE,uBAAuB,EAAE,UAAU,EAAE,EAAE,EAAE,CAC5C,UAAU,IAAI,uBAAuB,EAAE,eAAe,EAAE,CAAC,yCAAyB,CAAC,MAAM,CAAC;CAC7F,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAsB;IAC9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,oBAAoB,CAAC;CAC1D,CAAC;AAEW,QAAA,qCAAqC,GAAG,2BAAM,CAAC,IAAI,CAAsB;IAClF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,iBAAiB,CAAC;CACvD,CAAC;AAEW,QAAA,gCAAgC,GAAG,2BAAM,CAAC,IAAI,CAAsB;IAC7E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,EAAE,0BAA0B,CAAC;CAChE,CAAC"}

package/dist/cjs/components/navigationRow/navigationRowStandAlone.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { INavigationRowStandAlone } from './types';
+export declare const NavigationRowStandalone: React.ForwardRefExoticComponent<INavigationRowStandAlone & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/navigationRow/navigationRowStandAlone.js

@@ -9,9 +9,9 @@ const text_1 = require("../../components/text/text");
 const component_1 = require("../../components/text/types/component");
 const iconHighlighted_1 = require("../iconHighlighted");
 const navigationRow_styled_1 = require("./navigationRow.styled");
-const NavigationRowStandaloneComponent = ({ dataTestId = 'NavigationRow', topLine = false, bottomLine = false, ...props }, ref) => {
+const NavigationRowStandaloneComponent = ({ dataTestId = 'navigation-row', topLine = false, bottomLine = false, ...props }, ref) => {
     const iconHighlightedSize = props.iconHighlighted?.size ?? props.styles.iconHighlighted?.size;
-    return ((0, jsx_runtime_1.jsxs)(navigationRow_styled_1.NavigationRowStyled, { ref: ref, bottomLine: bottomLine, "data-testid": dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, topLine: topLine, type: button_1.ButtonType.BUTTON, onClick: props.onClick, children: [(0, jsx_runtime_1.jsxs)(navigationRow_styled_1.IconAndIconHighlightedContainerStyled, { styles: props.styles, children: [props.decorativeIcon && !props.iconHighlighted && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.decorativeIcon, dataTestId: `${dataTestId}DecorativeIcon`, ...props.decorativeIcon })), props.iconHighlighted && props.styles.iconHighlighted && iconHighlightedSize && ((0, jsx_runtime_1.jsx)(iconHighlighted_1.IconHighlighted, { backgroundColor: props.styles.iconHighlighted?.backgroundColor, color: props.styles.iconHighlighted?.color, dataTestId: `${dataTestId}IconHighlighted`, variant: props.styles.iconHighlighted?.variant, ...props.iconHighlighted, size: iconHighlightedSize }))] }), (0, jsx_runtime_1.jsxs)(navigationRow_styled_1.TextSectionStyled, { styles: props.styles, children: [props.text && ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.text, dataTestId: `${dataTestId}Text`, ...props.text, children: props.text.content })), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${dataTestId}Description`, ...props.description, children: props.description?.content })] }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.arrowIcon, dataTestId: `${dataTestId}ArrowIcon`, ...props.arrowIcon })] }));
+    return ((0, jsx_runtime_1.jsxs)(navigationRow_styled_1.NavigationRowStyled, { ref: ref, bottomLine: bottomLine, "data-testid": dataTestId, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles, topLine: topLine, type: button_1.ButtonType.BUTTON, onClick: props.onClick, children: [(0, jsx_runtime_1.jsxs)(navigationRow_styled_1.IconAndIconHighlightedContainerStyled, { styles: props.styles, children: [props.decorativeIcon && !props.iconHighlighted && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.decorativeIcon, ...props.decorativeIcon })), props.iconHighlighted && props.styles.iconHighlighted && iconHighlightedSize && ((0, jsx_runtime_1.jsx)(iconHighlighted_1.IconHighlighted, { backgroundColor: props.styles.iconHighlighted?.backgroundColor, color: props.styles.iconHighlighted?.color, variant: props.styles.iconHighlighted?.variant, ...props.iconHighlighted, size: iconHighlightedSize }))] }), (0, jsx_runtime_1.jsx)(navigationRow_styled_1.DecorativeElementContainerStyled, { styles: props.styles, children: props.decorativeElement }), (0, jsx_runtime_1.jsxs)(navigationRow_styled_1.TextSectionStyled, { styles: props.styles, children: [props.text && ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.text, ...props.text, children: props.text.content })), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.description, ...props.description, children: props.description?.content })] }), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles.arrowIcon, ...props.arrowIcon })] }));
 };
 exports.NavigationRowStandalone = (0, react_1.forwardRef)(NavigationRowStandaloneComponent);
 //# sourceMappingURL=navigationRowStandAlone.js.map

package/dist/cjs/components/navigationRow/navigationRowStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationRow/navigationRowStandAlone.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAE1C,gDAAiD;AACjD,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AAEtE,wDAAqD;AACrD,iEAIgC;AAGhC,MAAM,gCAAgC,GAAG,CACvC,EACE,UAAU,GAAG,eAAe,EAC5B,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACiB,EAC3B,GAA6D,EAChD,EAAE;IACf,MAAM,mBAAmB,GAAG,KAAK,CAAC,eAAe,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;IAC9F,OAAO,CACL,wBAAC,0CAAmB,IAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,iBACT,UAAU,EACvB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,mBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,wBAAC,4DAAqC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACxD,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CACjD,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAC7C,UAAU,EAAE,GAAG,UAAU,gBAAgB,KACrC,KAAK,CAAC,cAAc,GACxB,CACH,EACA,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,IAAI,mBAAmB,IAAI,CAC/E,uBAAC,iCAAe,IACd,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,EAC9D,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,KAAK,EAC1C,UAAU,EAAE,GAAG,UAAU,iBAAiB,EAC1C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,KAC1C,KAAK,CAAC,eAAe,EACzB,IAAI,EAAE,mBAAmB,GACzB,CACH,IACqC,EACxC,wBAAC,wCAAiB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACpC,KAAK,CAAC,IAAI,IAAI,CACb,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACnC,UAAU,EAAE,GAAG,UAAU,MAAM,KAC3B,KAAK,CAAC,IAAI,YAEb,KAAK,CAAC,IAAI,CAAC,OAAO,GACd,CACR,EACD,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC1C,UAAU,EAAE,GAAG,UAAU,aAAa,KAClC,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,EAAE,OAAO,GACtB,IACW,EAEpB,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EACxC,UAAU,EAAE,GAAG,UAAU,WAAW,KAChC,KAAK,CAAC,SAAS,GACnB,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAAC,gCAAgC,CAAC,CAAC"}
+{"version":3,"file":"navigationRowStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationRow/navigationRowStandAlone.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAE1C,gDAAiD;AACjD,8DAA2D;AAC3D,iDAA8C;AAC9C,iEAAsE;AAEtE,wDAAqD;AACrD,iEAKgC;AAGhC,MAAM,gCAAgC,GAAG,CACvC,EACE,UAAU,GAAG,gBAAgB,EAC7B,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACiB,EAC3B,GAA6D,EAChD,EAAE;IACf,MAAM,mBAAmB,GAAG,KAAK,CAAC,eAAe,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;IAC9F,OAAO,CACL,wBAAC,0CAAmB,IAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,iBACT,UAAU,EACvB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,mBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,aAEtB,wBAAC,4DAAqC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACxD,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CACjD,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,KAAM,KAAK,CAAC,cAAc,GAAI,CAC3F,EACA,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe,IAAI,mBAAmB,IAAI,CAC/E,uBAAC,iCAAe,IACd,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,EAC9D,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,KAAK,EAC1C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,OAAO,KAC1C,KAAK,CAAC,eAAe,EACzB,IAAI,EAAE,mBAAmB,GACzB,CACH,IACqC,EACxC,uBAAC,uDAAgC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,KAAK,CAAC,iBAAiB,GACS,EACnC,wBAAC,wCAAiB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACpC,KAAK,CAAC,IAAI,IAAI,CACb,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,KAC/B,KAAK,CAAC,IAAI,YAEb,KAAK,CAAC,IAAI,CAAC,OAAO,GACd,CACR,EACD,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,KACtC,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,EAAE,OAAO,GACtB,IACW,EAEpB,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,KAAM,KAAK,CAAC,SAAS,GAAI,IAC5D,CACvB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,kBAAU,EAAC,gCAAgC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './navigationRow';
+export * from './navigationRowTheme';

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

@@ -0,0 +1,39 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IIconHighlighted, IconHighlightedSizeType } from '../../../components/iconHighlighted/types';
+import { LineSeparatorLinePropsStylesType } from '../../../components/lineSeparator';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes } from '../../../types';
+import { NavigationRowStylesPropsType } from './navigationRowTheme';
+export interface INavigationRowStyled {
+    styles?: NavigationRowStylesPropsType;
+}
+export type NavigationRowTextAndDescriptionType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export type NavigationRowIconHighlightedType = Omit<IIconHighlighted, 'variant' | 'size'> & {
+    variant?: string;
+    size?: IconHighlightedSizeType;
+};
+export interface INavigationRowStandAlone {
+    styles: NavigationRowStylesPropsType;
+    text?: NavigationRowTextAndDescriptionType;
+    description?: NavigationRowTextAndDescriptionType;
+    arrowIcon: IElementOrIcon;
+    /**
+     * @deprecated this prop will be removed in the next major version. Use decorativeElement to send the IconHighlighted
+     */
+    iconHighlighted?: NavigationRowIconHighlightedType;
+    /**
+     * @deprecated this prop will be removed in the next major version. Use decorativeElement to send the ElementOrIcon
+     */
+    decorativeIcon?: IElementOrIcon;
+    decorativeElement?: React.ReactNode;
+    topLine?: boolean;
+    bottomLine?: boolean;
+    lineSeparatorLineStyles?: LineSeparatorLinePropsStylesType;
+    dataTestId?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export interface INavigationRow<V = undefined extends string ? unknown : string> extends Omit<INavigationRowStandAlone, 'styles' | 'lineSeparatorLineStyles'>, Omit<CustomTokenTypes<NavigationRowStylesPropsType, undefined, LineSeparatorLinePropsStylesType>, 'cts'> {
+    variant: V;
+}

package/dist/cjs/components/navigationRow/types/navigationRowTheme.d.ts

@@ -0,0 +1,33 @@
+import { IconHighlightedSizeType } from '../../../components/iconHighlighted';
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+export type NavigationRowStylesPropsType = {
+    container?: CommonStyleType;
+    textSectionContainer?: CommonStyleType;
+    iconTextContainer?: CommonStyleType;
+    text?: TypographyTypes;
+    descriptionContainer?: CommonStyleType;
+    description?: TypographyTypes;
+    decorativeElementContainer?: CommonStyleType;
+    arrowIcon?: IconTypes;
+    /**
+     * @deprecated remove when deconrativeIcon props is removed in the next major version.
+     */
+    decorativeIcon?: IconTypes;
+    /**
+     * @deprecated remove when deconrativeIcon props is removed in the next major version.
+     */
+    iconHighlighted?: {
+        variant: string;
+        color: string;
+        backgroundColor: string;
+        size?: IconHighlightedSizeType;
+    };
+    lineSeparatorLineVariant?: string;
+};
+export type NavigationRowStylesVariant<P extends string | number | symbol> = {
+    [key in P]: NavigationRowStylesPropsType;
+};
+export type NavigationRowStylesDimension<S extends string | number | symbol> = {
+    [key in S]: NavigationRowStylesPropsType;
+};
+export type NavigationRowStylesType<P extends string | number | symbol, S extends string | number | symbol> = NavigationRowStylesVariant<P> & NavigationRowStylesDimension<S>;

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

@@ -0,0 +1,2 @@
+export { OliveMenu } from './oliveMenu';
+export * from './types';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IOliveMenu } from './types';
+declare const OliveMenuBoundary: <V extends string | unknown>(props: IOliveMenu<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const OliveMenu: <V extends string | unknown>(props: React.PropsWithChildren<IOliveMenu<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof OliveMenuBoundary>;
+export { OliveMenu };

package/dist/cjs/components/oliveMenu/oliveMenu.js

@@ -29,6 +29,7 @@ const React = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
 const errorBoundary_1 = require("../../provider/errorBoundary");
+const types_1 = require("../../types");
 const oliveMenuStandAlone_1 = require("./oliveMenuStandAlone");
 const OLIVE_MENU_STYLES = 'OLIVE_MENU_STYLES';
 const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBottomSheetStructure, onOpenClose, ...props }, ref) => {
@@ -36,6 +37,7 @@ const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBott
     const styles = (0, useStyles_1.useStyles)(OLIVE_MENU_STYLES, variant, ctv);
     const device = (0, hooks_1.useMediaDevice)();
     const innerRef = React.useRef(null);
+    const actionBottomSheetRef = React.useRef(null);
     React.useImperativeHandle(ref, () => innerRef.current, []);
     const handlePressScape = React.useCallback(() => {
         // Do nothing if already closed
@@ -44,8 +46,13 @@ const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBott
         }
         setOpen(false);
         onOpenClose?.(false);
+        // Focus the trigger button since its not handled automatically by the popover
+        // and the focus in inside the component that is going to be closed
+        const trigger = innerRef.current?.querySelector('button');
+        trigger?.focus();
     }, [open]);
-    (0, hooks_1.useEscPressed)({ execute: handlePressScape, element: innerRef });
+    // It is handled internally by the component to allow close when the focus is on the button
+    (0, hooks_1.useEscPressedV2)({ ref: innerRef, onEscPress: handlePressScape });
     const handleTriggerClick = e => {
         setOpen(!open);
         onOpenClose?.(!open, e);
@@ -56,18 +63,41 @@ const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBott
         onOpenClose?.(false, e);
         actionBottomSheetStructure?.closeIcon?.onClick?.(e);
     };
+    const handleCloseInternally = () => {
+        setOpen(false);
+        onOpenClose?.(false);
+        props.popover?.onCloseInternally?.();
+    };
     const handleBlur = e => {
-        // Do nothing if the new focus is inside the component or already closed
-        if (e.currentTarget.contains(e.relatedTarget) || !open) {
+        // Do nothing if:
+        // * Is device with popover (mobile or tablet)
+        // * the new focus is inside the component
+        // * it is already closed
+        if ([types_1.DeviceBreakpointsType.MOBILE, types_1.DeviceBreakpointsType.TABLET].includes(device) ||
+            e.currentTarget.contains(e.relatedTarget) ||
+            !open) {
             return;
         }
         setOpen(false);
         onOpenClose?.(false, e);
     };
+    const { setPopoverRef, setDragIconRef } = (0, hooks_1.useSwipeDown)(props.popover?.animationOptions, handleCloseInternally);
+    const setInnerRef = React.useCallback(node => {
+        actionBottomSheetRef.current = node;
+        const dragIcon = actionBottomSheetRef.current?.querySelector('[data-drag-icon]');
+        if (dragIcon instanceof HTMLElement) {
+            setDragIconRef(dragIcon);
+        }
+    }, []);
     return ((0, jsx_runtime_1.jsx)(oliveMenuStandAlone_1.OliveMenuStandAlone, { ...props, ref: innerRef, actionBottomSheetStructure: {
             ...actionBottomSheetStructure,
+            forwardedRef: setInnerRef,
             closeIcon: { ...actionBottomSheetStructure?.closeIcon, onClick: handleCloseIconClick },
-        }, device: device, open: open, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick }, onBlur: handleBlur }));
+        }, device: device, open: open, popover: {
+            ...props.popover,
+            forwardedRef: setPopoverRef,
+            onCloseInternally: handleCloseInternally,
+        }, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick }, onBlur: handleBlur }));
 });
 OliveMenuComponent.displayName = 'OliveMenuComponent';
 const OliveMenuBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(oliveMenuStandAlone_1.OliveMenuStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(OliveMenuComponent, { ...props, ref: ref }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { OliveMenuGlobalStylesType } from './types/oliveMenuTheme';
+type OliveMenuStylesProps = {
+    styles: OliveMenuGlobalStylesType;
+};
+export declare const OliveMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OliveMenuStylesProps>> & string;
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OliveMenuStylesProps>> & string;
+export declare const ListboxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OliveMenuStylesProps>> & string;
+export {};

package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.d.ts

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

package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js

@@ -36,26 +36,25 @@ const hooks_1 = require("../../hooks");
 const types_2 = require("../../types");
 const oliveMenu_styled_1 = require("./oliveMenu.styled");
 const utils_1 = require("./utils");
-const OliveMenuStandAloneComponent = (props, ref) => {
+const OliveMenuStandAloneComponent = ({ dataTestId = 'olive-menu', ...props }, ref) => {
     const uniqueId = (0, hooks_1.useId)('oliveMenu');
     const buttonRef = React.useRef(null);
     const ariaControls = `${uniqueId}List`;
     const popoverAsModal = [types_2.DeviceBreakpointsType.MOBILE, types_2.DeviceBreakpointsType.TABLET].includes(props.device);
     const { title: actionBottomSheetTitle, ...actionBottomSheet } = props.actionBottomSheetStructure ?? {};
     const titleId = actionBottomSheetTitle?.id ?? `${uniqueId}Title`;
-    return ((0, jsx_runtime_1.jsxs)(oliveMenu_styled_1.OliveMenuStyled, { ref: ref, "data-testid": `${props.dataTestId}Container`, styles: props.styles, onBlur: props.onBlur, children: [props.trigger?.content &&
-                (props.styles.button?.[props.device]?.size || props.trigger?.size) && ((0, jsx_runtime_1.jsx)(oliveMenu_styled_1.ButtonContainer, { ref: buttonRef, styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { "aria-controls": props.open ? (0, utils_1.getAriaControls)(props.sections, ariaControls) : undefined, "aria-expanded": props.open, dataTestId: `${props.dataTestId}Button`, size: props.styles.button?.[props.device]?.size, ...props.trigger, children: props.trigger?.content }) })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: types_2.AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.screenReaderText }), (0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": popoverAsModal ? titleId : undefined, "aria-modal": popoverAsModal ? props.open : undefined, 
-                // It is handled internally by the onBlur function of the container
-                clickOverlayClose: false, component: popoverAsModal ? popover_1.PopoverComponentType.DIALOG : popover_1.PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, extraAlignGap: props.styles.buttonContainer?.[props.device]?.margin_bottom, focusFirstDescendantAutomatically: popoverAsModal, focusLastElementFocusedAfterClose: popoverAsModal, hasBackDrop: true, open: props.open, 
+    const ariaControlIds = (0, utils_1.getAriaControls)(props.sections, ariaControls);
+    return ((0, jsx_runtime_1.jsxs)(oliveMenu_styled_1.OliveMenuStyled, { ref: ref, "data-testid": dataTestId, styles: props.styles, onBlur: props.onBlur, children: [props.trigger?.content &&
+                (props.styles.button?.[props.device]?.size || props.trigger?.size) && ((0, jsx_runtime_1.jsx)(oliveMenu_styled_1.ButtonContainer, { ref: buttonRef, styles: props.styles, children: (0, jsx_runtime_1.jsx)(button_1.Button, { "aria-controls": props.open ? ariaControlIds?.join(' ') : undefined, "aria-expanded": props.open, size: props.styles.button?.[props.device]?.size, ...props.trigger, children: props.trigger?.content }) })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: types_2.AriaLiveOptionType.POLITE, children: props.screenReaderText }), (0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": popoverAsModal ? titleId : undefined, "aria-modal": popoverAsModal ? props.open : undefined, clickOverlayClose: true, component: popover_1.PopoverComponentType.DIV, extraAlignGap: props.styles.buttonContainer?.[props.device]?.margin_bottom, focusFirstDescendantAutomatically: popoverAsModal, focusLastElementFocusedAfterClose: popoverAsModal, hasBackDrop: true, open: props.open, 
                 // It is handled internally by the controlled component to allow close when the focus is on the button
-                pressEscapeClose: false, trapFocusInsideModal: popoverAsModal, variant: props.styles.popoverVariant, ...props.popover, children: (0, jsx_runtime_1.jsx)(actionBottomSheetControlled_1.ActionBottomSheetControlledStructure, { dataTestId: `${props.dataTestId}ActionButtonSheet`, title: {
+                pressEscapeClose: false, preventCloseOnClickElements: [buttonRef.current], role: popoverAsModal ? types_2.ROLES.DIALOG : undefined, trapFocusInsideModal: popoverAsModal, variant: props.styles.popoverVariant, ...props.popover, children: (0, jsx_runtime_1.jsx)(actionBottomSheetControlled_1.ActionBottomSheetControlledStructure, { ref: actionBottomSheet.forwardedRef, title: {
                         component: types_1.TextComponentType.H5,
                         align: props.styles.actionBottomSheet?.[props.device]?.alignTitle,
                         ...actionBottomSheetTitle,
                         id: titleId,
                     }, variant: props.styles.actionBottomSheet?.variant, ...actionBottomSheet, children: (0, jsx_runtime_1.jsx)(oliveMenu_styled_1.ListboxStyled, { styles: props.styles, children: props.styles.listOptions?.optionVariant &&
                             props.styles.listOptions?.variant &&
-                            props.sections?.map(({ title, ...section }, index) => ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}${section.id ? `${section.id}` : ''}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: types_1.TextComponentType.H6, ...title }, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
+                            props.sections?.map(({ title, ...section }, index) => ((0, jsx_runtime_1.jsx)(listOptions_1.ListOptions, { optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: types_1.TextComponentType.H6, ...title }, type: listOptions_1.ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section, id: ariaControlIds?.[index] }, section.id))) }) }) })] }));
 };
 exports.OliveMenuStandAlone = React.forwardRef(OliveMenuStandAloneComponent);
 //# sourceMappingURL=oliveMenuStandAlone.js.map

package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './oliveMenu';
+export * from './oliveMenuTheme';

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

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { IActionBottomSheetControlledStructure } from '../../../components/actionBottomSheet';
+import { IButton } from '../../../components/button';
+import { IListOptions } from '../../../components/listOptions';
+import { IPopoverControlled } from '../../../components/popover';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { OliveMenuGlobalStylesType } from './oliveMenuTheme';
+export type OliveMenuTriggerType = Omit<IButton, 'children' | 'size'> & {
+    content?: ReactNode;
+    size?: string;
+};
+export type OliveMenuActionBottomSheetStructure = Omit<IActionBottomSheetControlledStructure, 'children' | 'variant' | 'dragIconRef'> & {
+    variant?: string;
+    forwardedRef?: (node: HTMLDivElement) => void;
+};
+export type OliveMenuListOptions = Omit<IListOptions, 'variant' | 'optionVariant' | 'onOptionClick' | 'selectedValue'> & {
+    variant?: string;
+    optionVariant?: string;
+};
+export type OliveMenuPopover = Omit<IPopoverControlled, 'children' | 'open'>;
+export interface IOliveMenuStandAlone {
+    styles: OliveMenuGlobalStylesType;
+    device: DeviceBreakpointsType;
+    open?: boolean;
+    trigger?: OliveMenuTriggerType;
+    screenReaderText?: string;
+    popover?: OliveMenuPopover;
+    actionBottomSheetStructure?: OliveMenuActionBottomSheetStructure;
+    sections?: OliveMenuListOptions[];
+    selectedValue?: string | number;
+    dataTestId?: string;
+    onOptionClick?: (value?: string | number) => void;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+}
+export interface IOliveMenu<V = undefined extends string ? unknown : string> extends Omit<IOliveMenuStandAlone, 'styles' | 'device' | 'open' | 'active' | 'onBlur'>, Omit<CustomTokenTypes<OliveMenuGlobalStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLDivElement>) => void;
+}

package/dist/cjs/components/oliveMenu/types/oliveMenuTheme.d.ts

@@ -0,0 +1,27 @@
+import { CommonStyleType, DeviceBreakpointsType, POSITIONS } from '../../../types';
+export type OliveMenuGlobalStylesType = {
+    container?: CommonStyleType;
+    buttonContainer?: CommonStyleType;
+    button?: CommonStyleType & {
+        [key in DeviceBreakpointsType]?: {
+            size?: string;
+        };
+    };
+    listOptionsContainer?: CommonStyleType;
+    popover?: CommonStyleType;
+    popoverVariant?: string;
+    actionBottomSheet?: {
+        variant?: string;
+    } & {
+        [key in DeviceBreakpointsType]?: {
+            alignTitle?: POSITIONS;
+        };
+    };
+    listOptions?: {
+        variant?: string;
+        optionVariant?: string;
+    };
+};
+export type OliveMenuStylesType<P extends string | number | symbol> = {
+    [key in P]?: OliveMenuGlobalStylesType;
+};

package/dist/cjs/components/oliveMenu/utils/getAriaControls.d.ts

@@ -0,0 +1,2 @@
+import { OliveMenuListOptions } from '../types';
+export declare const getAriaControls: (sections: OliveMenuListOptions[] | undefined, ariaControls: string) => string[] | undefined;

package/dist/cjs/components/oliveMenu/utils/getAriaControls.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAriaControls = void 0;
 const getAriaControls = (sections, ariaControls) => {
-    let newAriaControls = '';
-    sections?.forEach((_section, index) => (newAriaControls += ` ${ariaControls}${index}${_section.id ? `${_section.id}` : ''}`));
-    return newAriaControls.trimStart();
+    const ariaControlsIds = sections?.map(({ title, ...section }, index) => {
+        return `${ariaControls}${index}${section.id ? `${section.id}` : ''}`;
+    });
+    return ariaControlsIds;
 };
 exports.getAriaControls = getAriaControls;
 //# sourceMappingURL=getAriaControls.js.map

package/dist/cjs/components/oliveMenu/utils/getAriaControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAriaControls.js","sourceRoot":"","sources":["../../../../../src/components/oliveMenu/utils/getAriaControls.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAAG,CAC7B,QAA4C,EAC5C,YAAoB,EACZ,EAAE;IACV,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,QAAQ,EAAE,OAAO,CACf,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAClB,CAAC,eAAe,IAAI,IAAI,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxF,CAAC;IACF,OAAO,eAAe,CAAC,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B"}
+{"version":3,"file":"getAriaControls.js","sourceRoot":"","sources":["../../../../../src/components/oliveMenu/utils/getAriaControls.ts"],"names":[],"mappings":";;;AAEO,MAAM,eAAe,GAAG,CAC7B,QAA4C,EAC5C,YAAoB,EACE,EAAE;IACxB,MAAM,eAAe,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;QACrE,OAAO,GAAG,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

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

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

package/dist/cjs/components/operativeLayout/helpers/getBgColor.d.ts

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../../../types';
+import { IOperativeLayoutBiColor } from '../types';
+type getBgColorReturnValuesType = {
+    bgColor?: string;
+    leftBgColor?: string;
+    rightBgColor?: string;
+};
+export declare const getBgColor: (mainContainerWidth: number | null, asideContainerPosition: number | null, contentBgColor: string | IOperativeLayoutBiColor | undefined, contentOverflowColor: boolean | undefined, themeLeftColor: string | undefined, themeRightColor: string | undefined, device: DeviceBreakpointsType) => getBgColorReturnValuesType;
+export {};

package/dist/cjs/components/operativeLayout/helpers/getHorizontalMargin.d.ts

@@ -0,0 +1,2 @@
+import { IOperativeLayoutHorizontalMargin } from '../types';
+export declare const getHorizontalMargin: (padding: string | IOperativeLayoutHorizontalMargin | undefined) => string | undefined;

package/dist/cjs/components/operativeLayout/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { getBgColor } from './getBgColor';
+export { getHorizontalMargin } from './getHorizontalMargin';

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

@@ -0,0 +1,2 @@
+export { OperativeLayout } from './operativeLayout';
+export * from './types';

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

@@ -0,0 +1,5 @@
+import { IOperativeLayout } from './types';
+/**
+ *  @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ */
+export declare const OperativeLayout: (props: IOperativeLayout) => JSX.Element;

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

@@ -0,0 +1,21 @@
+import { DeviceBreakpointsType } from '../../types';
+type OperativeLayoutContainerType = {
+    maxWidthParentContainer?: {
+        [key in DeviceBreakpointsType]?: string;
+    };
+    $width: string;
+};
+type OperativeLayoutColors = {
+    $color?: string;
+    $align?: string;
+    $paddingBottom?: string;
+    $margin?: string;
+    $height?: string;
+    $width?: {
+        [key in DeviceBreakpointsType]?: string;
+    };
+    $contentOverflowColor?: boolean;
+};
+export declare const OperativeLayoutColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OperativeLayoutColors>> & string;
+export declare const OperativeLayoutContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OperativeLayoutContainerType>> & string;
+export {};

package/dist/cjs/components/operativeLayout/operativeLayoutStandAlone.d.ts

@@ -0,0 +1,2 @@
+import { IOperativeLayoutStandAlone } from './types';
+export declare const OperativeLayoutStandAlone: ({ contentBgColor, contentPosition, contentOverflowColor, contentHeight, asideContent, mainContent, styles, columnsConfig, gridConfig, minMarginRightAndLeft, maxWidthToApply, device, horizontalExternalMargin, }: IOperativeLayoutStandAlone) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './operativeLayout';
+export * from './operativeLayoutTheme';