@kubit-ui-web/react-components 1.12.0 → 1.13.1

package/dist/esm/components/progressBar/progressBar.styled.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils/getStyles/getStyles';
+export const ParentContainerStyled = styled.div `
+  ${props => getStyles(props.styles.container)}
+`;
+export const BarContainerStyled = styled.div `
+  ${props => getStyles(props.styles.barContainer)}
+`;
+export const BarStyled = styled.div `
+  ${props => getStyles(props.styles.bar)}
+  ${props => getStyles(props.sizeStyles?.bar)}
+`;
+export const ProgressBarStyled = styled.div `
+  ${props => getStyles(props.styles.progressBar)}
+  ${props => getStyles(props.sizeStyles?.progressBar)}
+  width: ${({ progressCompleted }) => `${progressCompleted}%`};
+`;
+//# sourceMappingURL=progressBar.styled.js.map

package/dist/esm/components/progressBar/progressBar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AASxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAClE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAuB;IACtD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwD;IAC/F,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC;WAC1C,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,GAAG,iBAAiB,GAAG;CAC5D,CAAC"}

package/dist/esm/components/progressBar/progressBarStandAlone.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IProgressBarStandAlone } from './types';
+/**
+ * @description
+ * ProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IProgressBarStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const ProgressBarStandalone: React.ForwardRefExoticComponent<IProgressBarStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/progressBar/progressBarStandAlone.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slider } from '../slider/slider';
+import { SliderType } from '../slider/types/type';
+import { BarContainerStyled, BarStyled, ParentContainerStyled, ProgressBarStyled, } from './progressBar.styled';
+const SLIDER_MAX_VALUE = 1000;
+const SLIDER_MIN_VALUE = 0;
+const SLIDER_PERCENTAGE_CONVERSION = 10;
+const ProgressBarStandaloneComponent = (props, ref) => {
+    return (_jsx(ParentContainerStyled, { ref: ref, styles: props.styles, children: _jsx(BarContainerStyled, { styles: props.styles, children: props.styles.useAsSlider && props.styles.sliderVariant ? (_jsx(Slider, { ariaLabel: props.barAriaLabel, max: SLIDER_MAX_VALUE, min: SLIDER_MIN_VALUE, tooltip: props.tooltip, type: SliderType.CONTINUOUS, 
+                // Convert 0-100 values to 0 - 1000
+                value: props.progressCompleted * SLIDER_PERCENTAGE_CONVERSION, variant: props.styles.sliderVariant, onChange: (newValue) => {
+                    if (props.onChange && !Array.isArray(newValue)) {
+                        // in order to retun a value 0 - 100
+                        props.onChange(newValue / SLIDER_PERCENTAGE_CONVERSION);
+                    }
+                }, onDragEnd: props.onDragEnd, onDragStart: props.onDragStart })) : (_jsxs(_Fragment, { children: [_jsx(BarStyled, { "data-testid": `${props.dataTestIdBar}`, sizeStyles: props.sizeStyles, styles: props.styles }), _jsx(ProgressBarStyled, { "data-testid": `${props.dataTestIdProgressBar}`, progressCompleted: props.progressCompleted, sizeStyles: props.sizeStyles, styles: props.styles })] })) }) }));
+};
+/**
+ * @description
+ * ProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IProgressBarStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export const ProgressBarStandalone = React.forwardRef(ProgressBarStandaloneComponent);
+//# sourceMappingURL=progressBarStandAlone.js.map

package/dist/esm/components/progressBar/progressBarStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/progressBar/progressBarStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAExC,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACnD,KAAC,kBAAkB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACrC,KAAK,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,KAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,YAAY,EAC7B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAE,gBAAgB,EACrB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,UAAU,CAAC,UAAU;gBAC3B,mCAAmC;gBACnC,KAAK,EAAE,KAAK,CAAC,iBAAiB,GAAG,4BAA4B,EAC7D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EACnC,QAAQ,EAAE,CAAC,QAA2B,EAAE,EAAE;oBACxC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;wBAC/C,oCAAoC;wBACpC,KAAK,CAAC,QAAQ,CAAC,QAAQ,GAAG,4BAA4B,CAAC,CAAC;oBAC1D,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,SAAS,mBACK,GAAG,KAAK,CAAC,aAAa,EAAE,EACrC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,qBAAqB,EAAE,EAC7C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACD,CACJ,GACkB,GACC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

package/dist/esm/components/progressBar/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './progressBarTheme';
+export * from './progressBar';

package/dist/esm/components/progressBar/types/index.js

@@ -0,0 +1,3 @@
+export * from './progressBarTheme';
+export * from './progressBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/progressBar/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/esm/components/progressBar/types/progressBar.d.ts

@@ -0,0 +1,20 @@
+import { SliderTooltipType } from '../../../components/slider';
+import { CustomTokenTypes } from '../../../types';
+import { ProgressBarSizeStylesType, ProgressBarVariantStylesType } from './progressBarTheme';
+export interface IProgressBarStandAlone {
+    styles: ProgressBarVariantStylesType;
+    sizeStyles: ProgressBarSizeStylesType;
+    barAriaLabel?: string;
+    dataTestIdBar?: string;
+    dataTestIdProgressBar?: string;
+    progressCompleted: number;
+    onChange?: (value: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    tooltip?: SliderTooltipType;
+}
+export interface IProgressBar<V = undefined extends string | unknown ? string | undefined : string | unknown, S = undefined extends string | unknown ? string | undefined : string | unknown> extends Omit<IProgressBarStandAlone, 'styles' | 'sizeStyles' | 'progressCompleted'>, Omit<CustomTokenTypes<ProgressBarVariantStylesType>, 'extraCt'> {
+    variant: V;
+    size: S;
+    percentProgressCompleted?: number;
+}

package/dist/esm/components/progressBar/types/progressBar.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progressBar.js.map

package/dist/esm/components/progressBar/types/progressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/progressBar.ts"],"names":[],"mappings":""}

package/dist/esm/components/progressBar/types/progressBarTheme.d.ts

@@ -0,0 +1,41 @@
+import { CommonStyleType } from '../../../types';
+/**
+ * @description
+ * interface for the ProgressBarVariantStylesType
+ * @interface ProgressBarVariantStylesType
+ */
+export type ProgressBarVariantStylesType = {
+    container?: CommonStyleType;
+    barContainer?: CommonStyleType;
+    bar?: CommonStyleType;
+    progressBar?: CommonStyleType;
+    useAsSlider?: boolean;
+    sliderVariant?: string;
+};
+/**
+ * @description
+ * interface for the ProgressBarSizePropsType
+ * @interface ProgressBarSizePropsType
+ */
+export type ProgressBarSizeStylesType = {
+    progressBar?: CommonStyleType;
+    bar?: CommonStyleType;
+};
+/**
+ * @interface IProgressBarStyled
+ */
+export type ProgressBarStylesVariantType<P extends string | number | symbol> = {
+    [key in P]?: ProgressBarVariantStylesType;
+};
+/**
+ * @interface IProgressBarStyled
+ */
+export type ProgressBarSizeType<S extends string | number | symbol> = {
+    [key in S]?: ProgressBarSizeStylesType;
+};
+/**
+ * @description
+ * interface for the ProgressBarStylesType
+ * @interface ProgressBarStylesType
+ */
+export type ProgressBarStylesType<P extends string | number | symbol, S extends string | number | symbol> = ProgressBarStylesVariantType<P> & ProgressBarSizeType<S>;

package/dist/esm/components/progressBar/types/progressBarTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progressBarTheme.js.map

package/dist/esm/components/progressBar/types/progressBarTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBarTheme.js","sourceRoot":"","sources":["../../../../../src/components/progressBar/types/progressBarTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/quickButton/quickButton.js

@@ -5,7 +5,7 @@ import { useManageState } from '../../hooks';
 //hooks
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
-import { ButtonType } from '../button';
+import { ButtonType } from '../button/types';
 //components
 import { QuickButtonStandAlone } from './quickButtonStandAlone';
 import { QuickButtonState, } from './types';

package/dist/esm/components/quickButton/quickButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickButton.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButton.tsx"],"names":[],"mappings":";AAAA,SAAS;AACT,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,cAAc,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,YAAY;AACZ,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAGL,gBAAgB,GAEjB,MAAM,SAAS,CAAC;AAEjB,OAAO;AAEP,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAElD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAC9E,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,mBAAmB,EACnB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAW;QACjD,GAAG,EAAE,GAAyD;QAC9D,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,qBAAqB,OAChB,KAAK,EACT,GAAG,EAAE,MAA+C,EACpD,KAAK,EAAE,KAAoC,EAC3C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA6D,EAChD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,KAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"quickButton.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButton.tsx"],"names":[],"mappings":";AAAA,SAAS;AACT,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,cAAc,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY;AACZ,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAGL,gBAAgB,GAEjB,MAAM,SAAS,CAAC;AAEjB,OAAO;AAEP,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAElD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAC9E,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,mBAAmB,EACnB,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAW;QACjD,GAAG,EAAE,GAAyD;QAC9D,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,qBAAqB,OAChB,KAAK,EACT,GAAG,EAAE,MAA+C,EACpD,KAAK,EAAE,KAAoC,EAC3C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA6D,EAChD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,KAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/components/quickButton/quickButtonStandAlone.js

@@ -5,7 +5,7 @@ import { LabelStandAlone as Label } from '../label/labelStandAlone';
 import { QuickButtonContainerStyled, QuickButtonStyled } from './quickButton.styled';
 import { QuickButtonState } from './types';
 const QuickButtonStandAloneComponent = (props, ref) => {
-    const button = (_jsx(QuickButtonStyled, { ref: ref, "aria-label": props.label ? '' : props['aria-label'], "data-testid": props.dataTestId, disabled: props.state === QuickButtonState.DISABLED, id: props.buttonId, styles: props.styles, type: props.type, onClick: props.onClick, children: _jsx(ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }) }));
+    const button = (_jsx(QuickButtonStyled, { ref: ref, "aria-label": props.label ? '' : props['aria-label'], "data-testid": props.dataTestId, disabled: props.state === QuickButtonState.DISABLED, id: props.buttonId, role: props.role, styles: props.styles, type: props.type, onClick: props.onClick, children: _jsx(ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }) }));
     return props.label ? (_jsxs(QuickButtonContainerStyled, { maxWidth: props.maxWidth, styles: props.styles, children: [button, _jsx(Label, { color: props.styles?.[props.state]?.label?.color, inputId: props.buttonId, textVariant: props.styles?.[props.state]?.label?.font_family, weight: props.styles?.[props.state]?.label?.font_weight, ...props.label, children: props.label.content })] })) : (button);
 };
 /**

package/dist/esm/components/quickButton/quickButtonStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickButtonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAEzE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAA0B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,CACb,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,iBACrC,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,gBAAgB,CAAC,QAAQ,EACnD,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,GACd,GACgB,CACrB,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,MAAC,0BAA0B,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACvE,MAAM,EACP,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAChD,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAC5D,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,KACnD,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACmB,CAC9B,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"quickButtonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/quickButton/quickButtonStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAEzE,OAAO,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAA0B,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,8BAA8B,GAAG,CACrC,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,CACb,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,gBACI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,iBACrC,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,gBAAgB,CAAC,QAAQ,EACnD,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,GACd,GACgB,CACrB,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,MAAC,0BAA0B,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACvE,MAAM,EACP,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAChD,OAAO,EAAE,KAAK,CAAC,QAAQ,EACvB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAC5D,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,KACnD,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACd,IACmB,CAC9B,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC"}

package/dist/esm/components/quickButton/types/quickButton.d.ts

@@ -23,6 +23,7 @@ export interface IQuickButtonStandAlone {
     dataTestId?: string;
     type?: ButtonType;
     ['aria-label']?: string;
+    role?: string;
 }
 /**
  * @description

package/dist/esm/components/text/types/component.d.ts

@@ -26,5 +26,6 @@ export declare enum TextComponentType {
     H6 = "h6",
     DL = "dl",
     DT = "dt",
-    DD = "dd"
+    DD = "dd",
+    DIV = "div"
 }

package/dist/esm/components/text/types/component.js

@@ -28,5 +28,6 @@ export var TextComponentType;
     TextComponentType["DL"] = "dl";
     TextComponentType["DT"] = "dt";
     TextComponentType["DD"] = "dd";
+    TextComponentType["DIV"] = "div";
 })(TextComponentType || (TextComponentType = {}));
 //# sourceMappingURL=component.js.map

package/dist/esm/components/text/types/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/text/types/component.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,iBAyBX;AAzBD,WAAY,iBAAiB;IAC3B,+BAAU,CAAA;IACV,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,oCAAe,CAAA;IACf,qCAAgB,CAAA;IAChB,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,oCAAe,CAAA;IACf,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;AACX,CAAC,EAzBW,iBAAiB,KAAjB,iBAAiB,QAyB5B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/text/types/component.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,iBA0BX;AA1BD,WAAY,iBAAiB;IAC3B,+BAAU,CAAA;IACV,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,iCAAY,CAAA;IACZ,sCAAiB,CAAA;IACjB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,oCAAe,CAAA;IACf,qCAAgB,CAAA;IAChB,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,oCAAe,CAAA;IACf,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,gCAAW,CAAA;AACb,CAAC,EA1BW,iBAAiB,KAAjB,iBAAiB,QA0B5B"}

package/dist/esm/components/text/types/text.d.ts

@@ -14,7 +14,7 @@ export interface ITextStyled {
     $transform?: TextTransformType;
     customTypography?: TypographyTypes;
 }
-type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden'>;
+type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level'>;
 export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
     children: React.ReactNode;
     component?: TextComponentType | GenericLinkType;

package/dist/esm/components/tooltip/tooltip.styled.d.ts

@@ -1,9 +1,10 @@
-import { TooltipVariantStylesProps } from './types';
+import { TooltipAlignType, TooltipVariantStylesProps } from './types';
 type TooltipStylesPropsTypes = {
     styles: TooltipVariantStylesProps;
     hasCloseIcon?: boolean;
     hasTitle?: boolean;
     hasBorder?: boolean;
+    align?: TooltipAlignType;
 };
 export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipAsModal?: boolean;

package/dist/esm/components/tooltip/tooltip.styled.js

@@ -1,6 +1,7 @@
 import styled, { css } from 'styled-components';
 import { focusVisibleAlt } from '../../styles/mixins';
 import { getStyles } from '../../utils/getStyles/getStyles';
+import { TooltipAlignType } from './types';
 export const TooltipStyled = styled.div `
   display: inline-block;
 `;
@@ -42,6 +43,7 @@ export const TooltipCloseIconStyled = styled.div `
 export const TooltipArrowStyled = styled.div `
   position: absolute;
   ${({ styles }) => getStyles(styles.arrowContainer)}
+  ${({ styles, align = TooltipAlignType.TOP }) => getStyles(styles.arrowContainer?.tooltipAlignStyles?.[align])}
   width: ${props => props.styles.arrowContainer?.arrow_size};
   height: ${props => props.styles.arrowContainer?.arrow_size};
   transform: rotate(45deg);

package/dist/esm/components/tooltip/tooltip.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAA6B,MAAM,SAAS,CAAC;AAUtE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA8B;;CAEpE,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAE7E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAyB;IAC7E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC;CAC7D,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAyB;;CAE3E,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;CAEpE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAErE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,8FAA8F;AAC9F,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;IAIrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;IACtD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM,CAAC,oBAAoB,EAAE,UAAU;IACvC,GAAG,CAAA;;UAEG,eAAe,EAAE;;KAEtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAEjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;IAChD,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,CAC7C,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;WACtD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU;YAC/C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,UAAU;;CAE3D,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAyB;;IAEzE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;;IAEvC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IAC/B,IAAI,QAAQ,IAAI,YAAY,EAAE,CAAC;QAC7B,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,GAAG,CAAA;;OAET,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAA;;KAET,CAAC;AACJ,CAAC;;IAEC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;CAUvD,CAAC"}

package/dist/esm/components/tooltip/tooltipStandAlone.js

@@ -15,6 +15,9 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
     const titleId = `${uniqueId}Title`;
     const contentId = `${uniqueId}Content`;
     const isTextContent = typeof props.content?.content === 'string';
+    const isDesktop = props.mediaDevice === DeviceBreakpointsType.DESKTOP;
+    const isMobile = props.mediaDevice === DeviceBreakpointsType.MOBILE;
+    const isTablet = props.mediaDevice === DeviceBreakpointsType.TABLET;
     if (props.disabled) {
         return (_jsx(TooltipStyled, { "data-testid": `${props.dataTestId}Tooltip`, children: _jsx(TooltipTrigger, { disabled: true, childrenAsButton: childrenAsButton, children: props.children }) }));
     }
@@ -27,9 +30,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
     const Tooltip = (_jsxs(TooltipExternalContainerStyled, { ref: props.tooltipRef, "aria-label": props.tooltipAriaLabel, "aria-labelledby": titleId, as: getHtmlTagForTooltip({
             mediaDevice: props.mediaDevice,
             tooltipAsModal: props.tooltipAsModal,
-        }), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: props.mediaDevice === DeviceBreakpointsType.DESKTOP && !props.tooltipAsModal
-            ? ROLES.TOOLTIP
-            : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [props.dragIcon && (_jsx(TooltipDragIconStyled, { "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
+        }), "data-testid": `${props.dataTestId}TooltipContent`, id: uniqueId, role: isDesktop && !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, styles: props.styles, onFocus: props.onTooltipFocus, onKeyDown: props.onTooltipKeyDown, children: [_jsxs(TooltipInternalContainerStyled, { styles: props.styles, children: [(isMobile || isTablet) && props.dragIcon && (_jsx(TooltipDragIconStyled, { ref: props.dragIconRef, "data-testid": `${props.dataTestId}TooltipDrag`, styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.dragIcon, ...props.dragIcon }) })), _jsxs(TooltipHeaderContentStyled, { hasCloseIcon: !!props.closeIcon?.icon, hasTitle: !!props.title, styles: props.styles, children: [props.closeIcon?.icon && (_jsx(TooltipCloseIconStyled, { styles: props.styles, children: _jsx(Icon, { customIconStyles: props.styles?.closeButtonIcon, dataTestId: `${props.dataTestId}TooltipContentCloseIcon`, ...props.closeIcon, onClick: props.onCloseIconClick }) })), props.title?.content && (_jsx(TooltipTitleStyled, { hasCloseIcon: !!props.closeIcon?.icon, id: titleId, styles: props.styles, children: _jsx(Text, { component: TextComponentType.H2, customTypography: props.styles?.title, dataTestId: `${props.dataTestId}TooltipContentTitle`, variant: props.styles.title?.font_variant, ...props.title, children: props.title.content }) }))] }), _jsx(TooltipInnerContentStyled, { styles: props.styles, children: props.content && (_jsx(TooltipParagraphStyled, { hasBorder: !!props.title?.content, id: contentId, styles: props.styles, children: isTextContent ? (_jsx(Text, { customTypography: props.styles?.paragraph, dataTestId: `${props.dataTestId}TooltipContentContent`, variant: props.styles.paragraph?.font_variant, ...props.content, children: props.content.content })) : (props.content.content) })) })] }), _jsx(TooltipArrowStyled, { align: props.align, styles: props.styles, children: _jsx(TooltipArrowContentStyled, { styles: props.styles }) })] }));
     return (_jsxs(TooltipStyled, { ref: props.labelRef, "data-testid": `${props.dataTestId}Tooltip`, tooltipAsModal: props.tooltipAsModal, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, onKeyDown: props.onKeyDown, onMouseDown: props.onMouseDown, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: [_jsx(TooltipTrigger
             // Aria describedby is used when the tooltip is not used as a modal
             // When no focusable elements screenReaders may read the text when focus and then using arrows
@@ -40,10 +41,7 @@ const TooltipStandAlone = ({ childrenAsButton = true, ...props }) => {
                 // When no focusable elements screenReaders may read the text when focus and then using arrows
                 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role
                 // or https://dequeuniversity.com/library/aria/tooltip
-                ariaDescribedBy: !props.tooltipAsModal &&
-                    (props.mediaDevice === DeviceBreakpointsType.DESKTOP || props.popoverOpen)
-                    ? ariaDescriptorsBy
-                    : undefined, childrenAsButton: childrenAsButton, children: props.children }), props.mediaDevice === DeviceBreakpointsType.DESKTOP ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
+                ariaDescribedBy: !props.tooltipAsModal && (isDesktop || props.popoverOpen) ? ariaDescriptorsBy : undefined, childrenAsButton: childrenAsButton, children: props.children }), isDesktop ? (Tooltip) : (_jsx(Popover, { component: !props.tooltipAsModal ? PopoverComponentType.DIV : PopoverComponentType.DIALOG, dataTestId: `${props.dataTestId}Popover`, focusLastElementFocusedAfterClose: false, hasBackDrop: props.styles.showOverlay?.[props.mediaDevice], open: props.popoverOpen, positionVariant: PopoverPositionVariantType.ABSOLUTE, preventCloseOnClickElements: [props.labelRef?.current], role: !props.tooltipAsModal ? ROLES.TOOLTIP : undefined, trapFocusInsideModal: true, variant: props.styles.popoverVariant?.[props.mediaDevice], ...props.popover, "aria-label": props.popover?.['aria-label'] || props.tooltipAriaLabel, "aria-modal": props.tooltipAsModal || undefined, onCloseInternally: props.onPopoverCloseInternally, children: Tooltip }))] }));
 };
 /**
  * @description

package/dist/esm/components/tooltip/tooltipStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltipStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltipStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC5B,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,SAAS;AACT,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,0BAA0B,EAC1B,yBAAyB,EACzB,8BAA8B,EAC9B,sBAAsB,EACtB,aAAa,EACb,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,EACzB,gBAAgB,GAAG,IAAI,EACvB,GAAG,KAAK,EACW,EAAe,EAAE;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,GAAG,QAAQ,SAAS,CAAC;IACvC,MAAM,aAAa,GAAG,OAAO,KAAK,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC;IAEjE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,OAAO,CAAC;IACtE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,MAAM,CAAC;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,qBAAqB,CAAC,MAAM,CAAC;IAEpE,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACL,KAAC,aAAa,mBAAc,GAAG,KAAK,CAAC,UAAU,SAAS,YACtD,KAAC,cAAc,IAAC,QAAQ,QAAC,gBAAgB,EAAE,gBAAgB,YACxD,KAAK,CAAC,QAAQ,GACA,GACH,CACjB,CAAC;IACJ,CAAC;IAED,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO;QAC/B,OAAO;QACP,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CACd,MAAC,8BAA8B,IAC7B,GAAG,EAAE,KAAK,CAAC,UAAU,gBACT,KAAK,CAAC,gBAAgB,qBACjB,OAAO,EACxB,EAAE,EAAE,oBAAoB,CAAC;YACvB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;SACrC,CAAC,iBACW,GAAG,KAAK,CAAC,UAAU,gBAAgB,EAChD,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACpE,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,SAAS,EAAE,KAAK,CAAC,gBAAgB,aAEjC,MAAC,8BAA8B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACjD,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC3C,KAAC,qBAAqB,IACpB,GAAG,EAAE,KAAK,CAAC,WAAW,iBACT,GAAG,KAAK,CAAC,UAAU,aAAa,EAC7C,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACzD,CACzB,EACD,MAAC,0BAA0B,IACzB,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,aAGnB,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CACxB,KAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1C,KAAC,IAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,EAC/C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,yBAAyB,KACpD,KAAK,CAAC,SAAS,EACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,GAC/B,GACqB,CAC1B,EACA,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CACvB,KAAC,kBAAkB,IACjB,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EACrC,EAAE,EAAE,OAAO,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EACrC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,qBAAqB,EACpD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,KACrC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,CAAC,OAAO,GACf,GACY,CACtB,IAC0B,EAC7B,KAAC,yBAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5C,KAAK,CAAC,OAAO,IAAI,CAChB,KAAC,sBAAsB,IACrB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EACjC,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EACzC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,uBAAuB,EACtD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,KACzC,KAAK,CAAC,OAAO,YAEhB,KAAK,CAAC,OAAO,CAAC,OAAO,GACjB,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,OAAO,CACtB,GACsB,CAC1B,GACyB,IACG,EACjC,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1D,KAAC,yBAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,GAChC,IACU,CAClC,CAAC;IAEF,OAAO,CACL,MAAC,aAAa,IACZ,GAAG,EAAE,KAAK,CAAC,QAAQ,iBACN,GAAG,KAAK,CAAC,UAAU,SAAS,EACzC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,aAEhC,KAAC,cAAc;YACb,mEAAmE;YACnE,8FAA8F;YAC9F,qFAAqF;YACrF,sDAAsD;;gBAHtD,mEAAmE;gBACnE,8FAA8F;gBAC9F,qFAAqF;gBACrF,sDAAsD;gBACtD,eAAe,EACb,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAE3F,gBAAgB,EAAE,gBAAgB,YAEjC,KAAK,CAAC,QAAQ,GACA,EAChB,SAAS,CAAC,CAAC,CAAC,CACX,OAAO,CACR,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IACN,SAAS,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,EACzF,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EACxC,iCAAiC,EAAE,KAAK,EACxC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAC1D,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,eAAe,EAAE,0BAA0B,CAAC,QAAQ,EACpD,2BAA2B,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,EACtD,IAAI,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvD,oBAAoB,EAAE,IAAI,EAC1B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KACrD,KAAK,CAAC,OAAO,gBACL,KAAK,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,gBAAgB,gBACvD,KAAK,CAAC,cAAc,IAAI,SAAS,EAC7C,iBAAiB,EAAE,KAAK,CAAC,wBAAwB,YAEhD,OAAO,GACA,CACX,IACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/esm/components/tooltip/tooltipUnControlled.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useMediaDevice } from '../../hooks';
+import { useMediaDevice, useSwipeDown } from '../../hooks';
 import { useStyles } from '../../hooks/useStyles/useStyles';
 import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
 import { DeviceBreakpointsType } from '../../types';
@@ -11,7 +11,7 @@ import { useTooltip } from './hooks';
 import { useTooltipAsModalAriaLabel } from './hooks/useTooltipAsModalAriaLabel';
 import { TooltipStandAlone } from './tooltipStandAlone';
 import { useTooltipAsModal } from './utils';
-const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, align, onOpenClose, variant, tooltipAriaLabel, ...props }, ref) => {
+const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, onOpenClose, variant, tooltipAriaLabel, ...props }, ref) => {
     const styles = useStyles(TOOLTIP_STYLES, variant, ctv);
     const mediaDevice = useMediaDevice();
     const labelRef = React.useRef(null);
@@ -29,7 +29,7 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, al
         tooltipRef,
         variant,
         onOpenClose,
-        align,
+        align: props.align,
         ctv,
     });
     const handleFocus = () => {
@@ -108,9 +108,13 @@ const TooltipUnControlledComponent = React.forwardRef(({ ctv, tooltipAsModal, al
         props.popover?.onCloseInternally?.();
         hideTooltip();
     };
+    const { setDragIconRef, setPopoverRef } = useSwipeDown(props.popover?.animationOptions, hideTooltip);
     // It is used TooltipStandAlone instead of TooltipControlled
     // The reason is that TooltipControlled only provides the styles and mediaDevice props that are used and needed in this component
-    return (_jsx(TooltipStandAlone, { ...props, labelRef: labelRef, mediaDevice: mediaDevice, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip, onTooltipKeyDown: handleKeyDownTooltip }));
+    return (_jsx(TooltipStandAlone, { ...props, dragIconRef: setDragIconRef, labelRef: labelRef, mediaDevice: mediaDevice, popover: {
+            ...props.popover,
+            forwardedRef: setPopoverRef,
+        }, popoverOpen: open, styles: styles, tooltipAriaLabel: tooltipAriaLabel, tooltipAsModal: tooltipAsModalValue, tooltipRef: tooltipRef, onBlur: handleBlur, onClick: handleClick, onCloseIconClick: handleCloseIconClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onPopoverCloseInternally: handlePopoverCloseInternally, onTooltipFocus: handleFocusTooltip, onTooltipKeyDown: handleKeyDownTooltip }));
 });
 TooltipUnControlledComponent.displayName = 'TooltipUnControlledComponent';
 const TooltipUnControlledBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(TooltipStandAlone, { ...props }) }), children: _jsx(TooltipUnControlledComponent, { ...props, ref: ref }) }));

package/dist/esm/components/tooltip/tooltipUnControlled.js.map

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

package/dist/esm/components/tooltip/types/tooltip.d.ts

@@ -24,6 +24,7 @@ export type TooltipPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
 export interface ITooltipStandAlone {
     disabled?: boolean;
     mediaDevice: DeviceBreakpointsType;
+    align?: TooltipAlignType;
     title?: TooltipTitleType;
     content?: TooltipContentType;
     onFocus?: React.FocusEventHandler<HTMLElement>;
@@ -48,6 +49,7 @@ export interface ITooltipStandAlone {
     onTooltipKeyDown?: React.KeyboardEventHandler<HTMLElement>;
     popover?: TooltipPopoverType;
     dragIcon?: IElementOrIcon;
+    dragIconRef?: (node: any) => void;
     tooltipAriaLabel?: string;
 }
 /**
@@ -59,7 +61,7 @@ export interface ITooltipStandAlone {
 export interface ITooltipControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipStandAlone, 'styles' | 'mediaDevice'>, Omit<CustomTokenTypes<TooltipVariantStylesProps>, 'cts' | 'extraCt'> {
     variant: V;
 }
-type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onMouseDown' | 'onCloseIconClick' | 'popoverOpen' | 'onPopoverCloseInternally' | 'tooltipRef' | 'labelRef' | 'onTooltipFocus' | 'onKeyDown' | 'onTooltipKeyDown';
+type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onMouseDown' | 'onCloseIconClick' | 'popoverOpen' | 'onPopoverCloseInternally' | 'tooltipRef' | 'labelRef' | 'onTooltipFocus' | 'onKeyDown' | 'onTooltipKeyDown' | 'dragIconRef';
 /**
  * @name ITooltipUnControlled
  * @description
@@ -67,6 +69,5 @@ type propsToOmitUnControlled = 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseL
  */
 export interface ITooltipUnControlled<V = undefined extends string ? unknown : string> extends Omit<ITooltipControlled<V>, propsToOmitUnControlled> {
     onOpenClose?: (open: boolean) => void;
-    align?: TooltipAlignType;
 }
 export {};

package/dist/esm/components/tooltip/types/tooltipTheme.d.ts

@@ -1,4 +1,5 @@
 import { CommonStyleType, DeviceBreakpointsType, IconTypes, TypographyTypes } from '../../../types';
+import { TooltipAlignType } from './tooltipAlign';
 export type TooltipVariantStylesProps = {
     tooltipExternalContainer?: CommonStyleType;
     tooltipInternalContainer?: CommonStyleType;
@@ -25,6 +26,9 @@ export type TooltipVariantStylesProps = {
     arrowContainer?: CommonStyleType & {
         arrow_size?: string;
         arrow_position?: string;
+        tooltipAlignStyles?: {
+            [key in TooltipAlignType]?: CommonStyleType;
+        };
     };
     arrow?: CommonStyleType;
     dragIconContainer?: CommonStyleType;

package/dist/esm/components/video/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './playStopButton';
+export * from './screenButtons';
+export * from './volume';
+export * from './time';
+export * from './subtitleFullScreenButtons';
+export * from './linkAndActionButton';
+export * from './videoSkeleton';

package/dist/esm/components/video/components/index.js

@@ -0,0 +1,8 @@
+export * from './playStopButton';
+export * from './screenButtons';
+export * from './volume';
+export * from './time';
+export * from './subtitleFullScreenButtons';
+export * from './linkAndActionButton';
+export * from './videoSkeleton';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/video/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/video/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/video/components/linkAndActionButton.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { LinkTargetType } from '../../../components/link';
+import { GenericLinkType } from '../../../provider/genericComponents';
+import { LinkAndActionButtonAlignment, VideoButtonType } from '../types';
+import { VideoStyleType } from '../types/videoTheme';
+interface ILinkAndActionButton {
+    styles: VideoStyleType;
+    linkUrl?: string;
+    componentLink?: GenericLinkType;
+    linkText?: string;
+    linkTarget?: LinkTargetType;
+    actionButton?: VideoButtonType;
+    linkAndActionButtonAlignment?: LinkAndActionButtonAlignment;
+    onLinkClick?: React.MouseEventHandler<HTMLElement>;
+}
+export declare const LinkAndActionButton: ({ linkTarget, ...props }: ILinkAndActionButton) => JSX.Element | null;
+export {};

package/dist/esm/components/video/components/linkAndActionButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../components/button/button';
+import { LinkTargetType } from '../../../components/link';
+import { Text, TextDecorationType } from '../../../components/text';
+import { BottomContainerStyled } from '../video.styled';
+export const LinkAndActionButton = ({ linkTarget = LinkTargetType.BLANK, ...props }) => {
+    return props.linkText || props.actionButton ? (_jsxs(BottomContainerStyled, { linkAndActionButtonAlignment: props.linkAndActionButtonAlignment, styles: props.styles, children: [(props.styles.actionButton?.size || props.actionButton?.size) &&
+                (props.styles.actionButton?.variant || props.actionButton?.variant) && (_jsx(Button, { size: props.styles.actionButton?.size, variant: props.styles.actionButton?.variant, ...props.actionButton, children: props.actionButton?.content })), props.linkUrl && (_jsx(Text, { component: props.componentLink, customTypography: props.styles.link, decoration: TextDecorationType.UNDERLINE, target: linkTarget, url: props.linkUrl, onClick: props.onLinkClick, children: props.linkText }))] })) : null;
+};
+//# sourceMappingURL=linkAndActionButton.js.map

package/dist/esm/components/video/components/linkAndActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkAndActionButton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/linkAndActionButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAK7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAaxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,GAAG,cAAc,CAAC,KAAK,EACjC,GAAG,KAAK,EACa,EAAsB,EAAE;IAC7C,OAAO,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAC5C,MAAC,qBAAqB,IACpB,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;gBAC5D,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,IAAI,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,CACrE,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,EACrC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,KACvC,KAAK,CAAC,YAAY,YAErB,KAAK,CAAC,YAAY,EAAE,OAAO,GACrB,CACV,EACF,KAAK,CAAC,OAAO,IAAI,CAChB,KAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EACnC,UAAU,EAAE,kBAAkB,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,OAAO,EAAE,KAAK,CAAC,WAAW,YAEzB,KAAK,CAAC,QAAQ,GACV,CACR,IACqB,CACzB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/dist/esm/components/video/components/playStopButton.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { VideoStyleType } from '../types/videoTheme';
+interface IPlayStopButton {
+    styles: VideoStyleType;
+    playing: boolean;
+    buttonsBarPlayIcon: IElementOrIcon;
+    buttonsBarPlayIconTooltip: JSX.Element | string;
+    buttonsBarPlayIconToTransition?: IElementOrIcon;
+    handlePlayStopVideo?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare const PlayStopButton: (props: IPlayStopButton) => JSX.Element;
+export {};

package/dist/esm/components/video/components/playStopButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MediaButton } from '../../../components/mediaButton/mediaButton';
+import { TooltipUnControlled as Tooltip } from '../../../components/tooltip/tooltipUnControlled';
+import { useMediaDevice } from '../../../hooks';
+import { DeviceBreakpointsType } from '../../../types';
+export const PlayStopButton = (props) => {
+    const device = useMediaDevice();
+    const ButtonBarPlay = () => props.styles.buttonsBarPlayIcon?.size?.[device] ? (_jsx(MediaButton, { hasBackground: false, icon: props.buttonsBarPlayIcon, size: props.styles.buttonsBarPlayIcon?.size?.[device], twisted: props.playing, twistedIcon: props.buttonsBarPlayIconToTransition, variant: props.styles.buttonsBarPlayIcon?.variant, onClick: props.handlePlayStopVideo })) : null;
+    return device === DeviceBreakpointsType.DESKTOP ? (_jsx(Tooltip, { childrenAsButton: false, content: { content: props.buttonsBarPlayIconTooltip }, tooltipAsModal: false, variant: props.styles.tooltip?.variant, children: _jsx(ButtonBarPlay, {}) })) : (_jsx(ButtonBarPlay, {}));
+};
+//# sourceMappingURL=playStopButton.js.map

package/dist/esm/components/video/components/playStopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playStopButton.js","sourceRoot":"","sources":["../../../../../src/components/video/components/playStopButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,mBAAmB,IAAI,OAAO,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAahD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAe,EAAE;IACpE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,aAAa,GAAG,GAAuB,EAAE,CAC7C,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAChD,KAAC,WAAW,IACV,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,EAAE,CAAC,MAAM,CAAwB,EAC5E,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,8BAA8B,EACjD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,OAAO,EACjD,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,MAAM,KAAK,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChD,KAAC,OAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,yBAAyB,EAAE,EACrD,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,YAEtC,KAAC,aAAa,KAAG,GACT,CACX,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,KAAG,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/video/components/screenButtons.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { VideoStyleType } from '../types/videoTheme';
+interface IScreenButtons {
+    styles: VideoStyleType;
+    playing: boolean;
+    loading: boolean;
+    screenPlayIcon: IElementOrIcon;
+    screenLoadingIcon: IElementOrIcon;
+    handlePlayStopVideo?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare const ScreenButtons: (props: IScreenButtons) => JSX.Element;
+export {};