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

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

@@ -0,0 +1,36 @@
+import { CustomTokenTypes } from '../../../types';
+import { TextCountPropsStylesType } from './textCountTheme';
+/**
+ * @name ITextCountStyled
+ * @description
+ * Interface for the TextCountStyled component
+ */
+export interface ITextCountStyled {
+    styles?: TextCountPropsStylesType;
+}
+/**
+ *  @name ITextCountStandAlone
+ * @description
+ * Interface for the TextCountStandAlone component
+ */
+export interface ITextCountStandAlone extends ITextCountStyled {
+    dataTestId?: string;
+    maxLength: number;
+    currentCharacters: number;
+    id: string;
+    screenReaderText: string;
+    textVariant?: string;
+    leftWeight?: number;
+    rightWeight?: number;
+    leftColor?: string;
+    rightColor?: string;
+    marginTop?: string;
+}
+/**
+ * @name ITextCount
+ * @description
+ * Interface for the TextCount component
+ */
+export interface ITextCountControlled<V = undefined extends string ? unknown : string> extends Omit<ITextCountStandAlone, 'styles'>, Omit<CustomTokenTypes<TextCountPropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

package/dist/cjs/components/textCount/types/textCountTheme.d.ts

@@ -0,0 +1,9 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+export type TextCountPropsStylesType = {
+    wrapper?: CommonStyleType;
+    letfText?: TypographyTypes;
+    rightText?: TypographyTypes;
+};
+export type TextCountStylesType<P extends string | number | symbol> = {
+    [variant in P]: TextCountPropsStylesType;
+};

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

@@ -0,0 +1,2 @@
+export type { IThirdPartyAnimationStandAlone, IThirdPartyAnimationStyled, IThirdPartyAnimation, ThirdPartyAnimationSizePropsType, ThirdPartyAnimationThemePropsType, ThirdPartyAnimationVariantThemeType, ThirdPartyAnimationThemeVariantType, ThirdPartyAnimationThemeType, } from './types';
+export { ThirdPartyAnimation } from './thirdPartyAnimation';

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IThirdPartyAnimation } from './types';
+declare const ThirdPartyAnimationComponent: <V extends string | unknown>({ autoplay, loop, variant, ...props }: IThirdPartyAnimation<V>, ref: React.ForwardedRef<HTMLSpanElement | null>) => JSX.Element;
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ *
+ * ThirdPartyAnimation component is a component that can be used to create third-party animations.
+ * @param {React.PropsWithChildren<IThirdPartyAnimation<V>>} props
+ * @returns {JSX.Element}
+ */
+declare const ThirdPartyAnimation: <V>(props: React.PropsWithChildren<IThirdPartyAnimation<V>> & {
+    ref?: React.ForwardedRef<HTMLSpanElement | null> | undefined | null;
+}) => ReturnType<typeof ThirdPartyAnimationComponent>;
+export { ThirdPartyAnimation };

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

@@ -0,0 +1,2 @@
+import { IThirdPartyAnimationStyled } from './types';
+export declare const ThirdPartyAnimationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IThirdPartyAnimationStyled>> & string;

package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimationStandAlone.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IThirdPartyAnimationStandAlone } from './types';
+/**
+ * @description
+ * ThirdPartyAnimation component is a component that can be used to create a ThirdPartyAnimation.
+ * @param {React.PropsWithChildren<IThirdPartyAnimationStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const ThirdPartyAnimationStandAlone: React.ForwardRefExoticComponent<IThirdPartyAnimationStandAlone & React.RefAttributes<HTMLSpanElement | null>>;

package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimationStandAlone.js

@@ -29,7 +29,7 @@ const React = __importStar(require("react"));
 const types_1 = require("../../types");
 // styles
 const thirdPartyAnimation_styled_1 = require("./thirdPartyAnimation.styled");
-const ThirdPartyAnimationStandAloneComponent = ({ dataTestId, height, width, ...props }, ref) => {
+const ThirdPartyAnimationStandAloneComponent = ({ dataTestId = 'third-party-animation', height, width, ...props }, ref) => {
     const emptyAriaLabel = props['aria-label'].length === 0;
     return ((0, jsx_runtime_1.jsx)(thirdPartyAnimation_styled_1.ThirdPartyAnimationStyled, { ref: ref, "$height": height, "$width": width, "aria-hidden": emptyAriaLabel, "aria-label": props['aria-label'], "data-testid": dataTestId, role: types_1.ROLES.IMG }));
 };

package/dist/cjs/components/thirdPartyAnimation/thirdPartyAnimationStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"thirdPartyAnimationStandAlone.js","sourceRoot":"","sources":["../../../../src/components/thirdPartyAnimation/thirdPartyAnimationStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgC;AAEhC,SAAS;AACT,6EAAyE;AAGzE,MAAM,sCAAsC,GAAG,CAC7C,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAkC,EACvE,GAA+C,EAClC,EAAE;IACf,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,uBAAC,sDAAyB,IACxB,GAAG,EAAE,GAAG,aACC,MAAM,YACP,KAAK,iBACA,cAAc,gBACf,KAAK,CAAC,YAAY,CAAC,iBAClB,UAAU,EACvB,IAAI,EAAE,aAAK,CAAC,GAAG,GACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,sCAAsC,CACvC,CAAC"}
+{"version":3,"file":"thirdPartyAnimationStandAlone.js","sourceRoot":"","sources":["../../../../src/components/thirdPartyAnimation/thirdPartyAnimationStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgC;AAEhC,SAAS;AACT,6EAAyE;AAGzE,MAAM,sCAAsC,GAAG,CAC7C,EAAE,UAAU,GAAG,uBAAuB,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAkC,EACjG,GAA+C,EAClC,EAAE;IACf,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,uBAAC,sDAAyB,IACxB,GAAG,EAAE,GAAG,aACC,MAAM,YACP,KAAK,iBACA,cAAc,gBACf,KAAK,CAAC,YAAY,CAAC,iBAClB,UAAU,EACvB,IAAI,EAAE,aAAK,CAAC,GAAG,GACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,sCAAsC,CACvC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { IThirdPartyAnimationStandAlone, IThirdPartyAnimationStyled, IThirdPartyAnimation, } from './thirdPartyAnimation';
+export type { ThirdPartyAnimationSizePropsType, ThirdPartyAnimationThemePropsType, ThirdPartyAnimationVariantThemeType, ThirdPartyAnimationThemeVariantType, ThirdPartyAnimationThemeType, } from './thirdPartyAnimationTheme';

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

@@ -0,0 +1,27 @@
+import { ThirdPartyAnimationThemePropsType } from './thirdPartyAnimationTheme';
+/**
+ * @name IThirdPartyAnimationStandAlone
+ * @description
+ * Interface for the ThirdPartyAnimation component
+ */
+export interface IThirdPartyAnimationStandAlone {
+    ['aria-label']: string;
+    dataTestId?: string;
+    height: string;
+    width: string;
+}
+/**
+ * @name IThirdPartyAnimationStyled
+ * @description
+ * Interface for the ThirdPartyAnimation component
+ */
+export interface IThirdPartyAnimationStyled {
+    $height: string;
+    $width: string;
+}
+/**
+ * @name IThirdPartyAnimation
+ * @description
+ * Interface for the ThirdPartyAnimation component
+ */
+export type IThirdPartyAnimation<V = undefined extends string ? unknown : string> = ThirdPartyAnimationThemePropsType<V>;

package/dist/cjs/components/thirdPartyAnimation/types/thirdPartyAnimationTheme.d.ts

@@ -0,0 +1,21 @@
+import { JSONType } from '../../../types/type';
+export type ThirdPartyAnimationSizePropsType = {
+    height?: string;
+    width?: string;
+};
+export type ThirdPartyAnimationThemePropsType<V = undefined extends string ? unknown : string> = {
+    ['aria-label']: string;
+    autoplay?: boolean;
+    dataTestId?: string;
+    height: string;
+    loop?: boolean;
+    variant: V;
+    width: string;
+};
+export type ThirdPartyAnimationVariantThemeType = {
+    thirdPartyAnimationData: JSONType;
+};
+export type ThirdPartyAnimationThemeVariantType<P extends string | number | symbol> = {
+    [key in P]?: ThirdPartyAnimationVariantThemeType;
+};
+export type ThirdPartyAnimationThemeType<P extends string | number | symbol> = ThirdPartyAnimationThemeVariantType<P>;

package/dist/cjs/components/toggle/components/toggleThreePosition.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IToggleStandAlone } from '../types';
+interface IToggleThreePosition extends IToggleStandAlone {
+}
+export declare const ToggleThreePosition: React.ForwardRefExoticComponent<IToggleThreePosition & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/components/toggle/components/toggleThreePosition.js

@@ -17,7 +17,7 @@ const ToggleThreePositionComponent = ({ inputValues = {
     rightInputValue: 'on option',
     centerInputValue: 'undeterminated option',
     leftInputValue: 'off option',
-}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, ...props }, ref) => {
+}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
     const getScreenReaderText = (position) => position === types_1.POSITIONS.CENTER
         ? inputValues.centerInputValue
         : position === types_1.POSITIONS.RIGHT
@@ -45,16 +45,16 @@ const ToggleThreePositionComponent = ({ inputValues = {
                             e.persist();
                             props.onClick?.(e, position);
                         }
-                    } }), (0, jsx_runtime_1.jsx)(toggle_styled_1.LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== types_1.POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}${position === types_1.POSITIONS.RIGHT ? 'On' : position === types_1.POSITIONS.CENTER ? 'Na' : 'Off'}LabelOption`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === types_1.POSITIONS.LEFT && props.offText?.content) ||
+                    } }), (0, jsx_runtime_1.jsx)(toggle_styled_1.LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== types_1.POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.label?.color, dataTestId: `${dataTestId}-${position === types_1.POSITIONS.RIGHT ? 'on' : position === types_1.POSITIONS.CENTER ? 'Na' : 'off'}-label-option`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === types_1.POSITIONS.LEFT && props.offText?.content) ||
                             (position === types_1.POSITIONS.RIGHT && props.onText?.content)
                             ? props.styles?.label?.font_variant
                             : props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: buildTextOrIcon(position) }) })] }));
     };
-    const buildCenterRadioButton = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.togglePosition === types_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, dataTestId: `${props.dataTestId}OffLabel`, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), buildRadioButton(types_1.POSITIONS.CENTER, blockCenter ? props.togglePosition !== types_1.POSITIONS.CENTER : false), props.togglePosition === types_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, dataTestId: `${props.dataTestId}OnLabel`, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
-    return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": props.dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
+    const buildCenterRadioButton = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.togglePosition === types_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), buildRadioButton(types_1.POSITIONS.CENTER, blockCenter ? props.togglePosition !== types_1.POSITIONS.CENTER : false), props.togglePosition === types_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
             e.persist();
             props.onKeyDown?.(e);
-        }, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: types_1.AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition) }), buildRadioButton(types_1.POSITIONS.LEFT), props.hasThreePositions && buildCenterRadioButton(), buildRadioButton(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
+        }, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: types_1.AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition) }), buildRadioButton(types_1.POSITIONS.LEFT), props.hasThreePositions && buildCenterRadioButton(), buildRadioButton(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
 };
 exports.ToggleThreePosition = react_1.default.forwardRef(ToggleThreePositionComponent);
 //# sourceMappingURL=toggleThreePosition.js.map

package/dist/cjs/components/toggle/components/toggleThreePosition.js.map

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

package/dist/cjs/components/toggle/components/toggleTwoPositions.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IToggleStandAlone } from '../types';
+interface IToggleTwoPosition extends IToggleStandAlone {
+}
+export declare const ToggleTwoPosition: React.ForwardRefExoticComponent<IToggleTwoPosition & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/components/toggle/components/toggleTwoPositions.js

@@ -9,22 +9,22 @@ const react_1 = __importDefault(require("react"));
 const elementOrIcon_1 = require("../../../components/elementOrIcon");
 const types_1 = require("../../../types");
 const toggle_styled_1 = require("../toggle.styled");
-const ToggleTwoPositionComponent = ({ ...props }, ref) => {
+const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
     const buildTextOrIcon = (position) => {
         const icon = position === types_1.POSITIONS.RIGHT ? props.onIcon : props.offIcon;
         return (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon });
     };
     const buildContent = (position) => {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_styled_1.ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), (0, jsx_runtime_1.jsx)(toggle_styled_1.IconWrapperStyled, { "data-testid": `${props.dataTestId}${position === types_1.POSITIONS.RIGHT ? 'On' : 'Off'}Option`, hasThreePositions: props.hasThreePositions, showLabel: position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: buildTextOrIcon(position) })] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_styled_1.ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), (0, jsx_runtime_1.jsx)(toggle_styled_1.IconWrapperStyled, { "data-testid": `${dataTestId}-${position === types_1.POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: props.hasThreePositions, showLabel: position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: buildTextOrIcon(position) })] }));
     };
-    return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === types_1.POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": props.dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: types_1.ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
+    return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === types_1.POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: types_1.ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
             e.persist();
             const newPosition = props.togglePosition === types_1.POSITIONS.RIGHT ? types_1.POSITIONS.LEFT : types_1.POSITIONS.RIGHT;
             props.onClick?.(e, newPosition);
         }, onKeyDown: e => {
             e.persist();
             props.onKeyDown?.(e);
-        }, children: [buildContent(types_1.POSITIONS.LEFT), buildContent(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
+        }, children: [buildContent(types_1.POSITIONS.LEFT), buildContent(types_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
 };
 exports.ToggleTwoPosition = react_1.default.forwardRef(ToggleTwoPositionComponent);
 //# sourceMappingURL=toggleTwoPositions.js.map

package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map

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

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

@@ -0,0 +1,4 @@
+export * from './types';
+export { ToggleUnControlled as Toggle } from './toggleUnControlled';
+export { ToggleControlled } from './toggleControlled';
+export { ToggleStandAlone } from './toggleStandAlone';

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

@@ -0,0 +1,31 @@
+import { POSITIONS } from '../../types';
+import { ToggleStyleType } from './types';
+type TogglePropsStyleType = {
+    styles?: ToggleStyleType;
+    hasThreePositions: boolean;
+};
+type CirclePropsType = {
+    disabled?: boolean;
+    togglePosition?: POSITIONS;
+    showLabel?: boolean;
+};
+type TextType = {
+    margin?: string;
+};
+type ToggleRadioSwitchType = {
+    $height?: string;
+    $width?: string;
+};
+export declare const ToggleWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TogglePropsStyleType & CirclePropsType>> & string;
+export declare const ToggleRadioSwitchStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, ToggleRadioSwitchType>> & string;
+export declare const ToggleSpanSwitchStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ToggleRadioSwitchType>> & string;
+export declare const SliderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TogglePropsStyleType & CirclePropsType>> & string;
+export declare const LabelWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof TogglePropsStyleType | keyof CirclePropsType> & TogglePropsStyleType & CirclePropsType, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string;
+export declare const IconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof TogglePropsStyleType | keyof CirclePropsType> & TogglePropsStyleType & CirclePropsType, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string;
+export declare const TextLeftWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextType & CirclePropsType>> & string;
+export declare const TextRightWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextType & CirclePropsType>> & string;
+export {};

package/dist/cjs/components/toggle/toggleControlled.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { IToggleControlled } from './types';
+declare const ToggleBoundary: <V extends string | unknown>(props: IToggleControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const ToggleControlled: <V>(props: React.PropsWithChildren<IToggleControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ToggleBoundary>;
+/**
+ * @description
+ * Toggle component is a component that can be used to create a toggle switch.
+ * @param {React.PropsWithChildren<IToggleControlled<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export { ToggleControlled };

package/dist/cjs/components/toggle/toggleStandAlone.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { IToggleStandAlone } from './types';
+/**
+ * @description
+ * Toggle component is a component that can be used to switch between two states.
+ * @param {React.PropsWithChildren<IToggleStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const ToggleStandAlone: React.ForwardRefExoticComponent<IToggleStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/toggle/toggleUnControlled.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IToggleUnControlled } from './types';
+declare const ToggleUnControlledComponent: <V extends string | undefined>({ variant, hasThreePositions, defaultTogglePosition, togglePosition, onChange, ...props }: IToggleUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const ToggleUnControlled: <V extends string>(props: React.PropsWithChildren<IToggleUnControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLInputElement> | undefined | null;
+}) => ReturnType<typeof ToggleUnControlledComponent>;
+/**
+ * @description
+ * Toggle component is a component that can be used to switch between two states.
+ * It can be used to create a switch or a checkbox.
+ * @param {React.PropsWithChildren<IToggleUnControlled<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <ToggleUnControlled variant="yes_no" />
+ */
+export { ToggleUnControlled };

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

@@ -0,0 +1,3 @@
+export * from './toggle';
+export type { ToggleStylesType, ToggleStyleType, ToggleStateStyleType } from './toggleTheme';
+export { ToggleStateType } from './state';

package/dist/cjs/components/toggle/types/state.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @name ToggleStateType
+ * @description
+ * Toggle state type
+ */
+export declare enum ToggleStateType {
+    DEFAULT_SELECTED = "DEFAULT_SELECTED",
+    DEFAULT_UNSELECTED = "DEFAULT_UNSELECTED",
+    DISABLED_SELECTED = "DISABLED_SELECTED",
+    DISABLED_UNSELECTED = "DISABLED_UNSELECTED",
+    DEFAULT = "DEFAULT"
+}

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

@@ -0,0 +1,68 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IText } from '../../../components/text';
+import { CustomTokenTypes, POSITIONS } from '../../../types';
+import { ToggleStateStyleType, ToggleStyleType } from './toggleTheme';
+/**
+ * @name IInputValue
+ * @description
+ * Interface for the InputValue component
+ */
+export interface IInputValue {
+    rightInputValue?: string;
+    centerInputValue?: string;
+    leftInputValue?: string;
+    rightIconAltText?: string;
+    centerIconAltText?: string;
+    leftIconAltText?: string;
+}
+export type ToggleOnAndOffTextType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+type ToggleAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-describedby'>;
+/**
+ * @name IToggle
+ * @description
+ * Interface for the Toggle component
+ */
+export interface IToggleStandAlone extends ToggleAriaAttributes {
+    styles?: ToggleStyleType;
+    id?: string;
+    offText?: ToggleOnAndOffTextType;
+    onText?: ToggleOnAndOffTextType;
+    onIcon?: IElementOrIcon;
+    offIcon?: IElementOrIcon;
+    dataTestId?: string;
+    togglePosition: POSITIONS;
+    hasThreePositions: boolean;
+    inputValues?: IInputValue;
+    radioButtonToggleName?: string;
+    screenReaderId?: string;
+    disabled?: boolean;
+    blockCenter?: boolean;
+    tabIndex?: number;
+    onClick?: (e: React.MouseEvent<HTMLElement>, position?: POSITIONS) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+}
+type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
+/**
+ * @name IToggleControlled
+ * @description
+ * Interface for the Toggle component
+ */
+export interface IToggleControlled<V = undefined extends string ? unknown : string> extends Omit<IToggleStandAlone, propsToOmit>, Omit<CustomTokenTypes<ToggleStateStyleType>, 'cts' | 'extraCt'> {
+    variant: V;
+    togglePosition?: POSITIONS;
+    hasThreePositions?: boolean;
+    onChange?: (position: POSITIONS) => void;
+}
+/**
+ * @name IToggleUnControlled
+ * @description
+ * Interface for the Toggle component
+ * @property {string} variant - The variant of the toggle
+ * @property {ToggleStyleType} styles - The styles of the toggle
+ */
+export interface IToggleUnControlled<V = undefined extends string ? unknown : string> extends IToggleControlled<V> {
+    defaultTogglePosition?: POSITIONS;
+}
+export {};

package/dist/cjs/components/toggle/types/toggleTheme.d.ts

@@ -0,0 +1,25 @@
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types';
+import { ToggleStateType } from './state';
+export type ToggleStyleType = {
+    wrapper?: CommonStyleType;
+    wrapperThreePositions?: CommonStyleType;
+    thumb?: CommonStyleType;
+    label?: TypographyTypes & CommonStyleType;
+    labelWithIcons?: TypographyTypes & CommonStyleType;
+    icon?: IconTypes;
+};
+export type ToggleStateStyleType = {
+    [key in ToggleStateType]?: ToggleStyleType;
+};
+/**
+ * @name ToggleStylesType
+ * @description
+ * Toggle styles type
+ * @property {string} wrapper - The wrapper style
+ * @property {string} thumb - The thumb style
+ * @property {string} label - The label style
+ * @property {string} icon - The icon style
+ */
+export type ToggleStylesType<P extends string | number | symbol> = {
+    [key in P]: ToggleStateStyleType;
+};

package/dist/cjs/components/toggle/utils/getToggleState.d.ts

@@ -0,0 +1,8 @@
+import { POSITIONS } from '../../../types/positions';
+import { ToggleStateType } from '../types';
+/**
+ * @name getToggleState
+ * @description
+ * Get the toggle state
+ */
+export declare const getToggleState: (hasThreePositions: boolean, togglePosition: POSITIONS, isDisabled: boolean) => ToggleStateType;

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

@@ -0,0 +1,5 @@
+export * from './types';
+export { ToggleWithLabelControlled } from './toggleWithLabelControlled';
+export { ToggleWithLabelStandAlone } from './toggleWithLabelStandAlone';
+export { ToggleWithLabelStyled } from './toggleWithLabel.styled';
+export { ToggleWithLabelUncontrolled as ToggleWithLabel } from './toggleWithLabelUncontrolled';

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

@@ -0,0 +1,4 @@
+import { IToggleWithLabelStyled, LABEL_POSITION } from './types';
+export declare const ToggleWithLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, IToggleWithLabelStyled & {
+    labelPosition?: LABEL_POSITION;
+}>> & string;

package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { IToggleWithLabelControlled } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the Toggle component
+ */
+export declare const ToggleWithLabelControlled: React.ForwardRefExoticComponent<IToggleWithLabelControlled<string> & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.d.ts

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

package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js

@@ -32,13 +32,13 @@ const types_1 = require("../../components/text/types");
 const toggle_1 = require("../../components/toggle");
 const hooks_1 = require("../../hooks");
 const toggleWithLabel_styled_1 = require("./toggleWithLabel.styled");
-const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, ...props }, ref) => {
+const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, onClick, dataTestId = 'toggle-with-label', ...props }, ref) => {
     const uniqueId = (0, hooks_1.useId)('toggle');
     const toggleId = id ?? uniqueId;
     const screenReaderId = `${uniqueId}ScreenReader`;
     const labelId = `${uniqueId}Label`;
     const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
-    return ((0, jsx_runtime_1.jsxs)(toggleWithLabel_styled_1.ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && ((0, jsx_runtime_1.jsxs)(text_1.Text, { component: types_1.TextComponentType.LEGEND, customTypography: legendStyles, dataTestId: `${props.dataTestId}Label`, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: styles?.required?.color, component: types_1.TextComponentType.SPAN, dataTestId: `${props.dataTestId}Required`, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), (0, jsx_runtime_1.jsx)(toggle_1.Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReader`, id: screenReaderId, children: screenReaderText })] }));
+    return ((0, jsx_runtime_1.jsxs)(toggleWithLabel_styled_1.ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', "data-tesid": dataTestId, displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: onClick, children: [label && ((0, jsx_runtime_1.jsxs)(text_1.Text, { component: types_1.TextComponentType.LEGEND, customTypography: legendStyles, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: styles?.required?.color, component: types_1.TextComponentType.SPAN, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), (0, jsx_runtime_1.jsx)(toggle_1.Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { id: screenReaderId, children: screenReaderText })] }));
 };
 exports.ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
 //# sourceMappingURL=toggleWithLabelStandAlone.js.map

package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,4CAAyC;AACzC,mDAA4D;AAC5D,gDAA6C;AAC7C,mCAAgC;AAEhC,qEAAiE;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,OAAO,EACP,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,IAAI,CACR,wBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,yBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,uBAAC,eAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,uBAAC,mCAAgB,IAAC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,EAAE,EAAE,EAAE,cAAc,YAChF,gBAAgB,GACA,IACG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
+{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,4CAAyC;AACzC,mDAA4D;AAC5D,gDAA6C;AAC7C,mCAAgC;AAEhC,qEAAiE;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,GAAG,mBAAmB,EAChC,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,gBAClB,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,IAAI,CACR,wBAAC,WAAI,IACH,SAAS,EAAE,yBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,yBAAiB,CAAC,IAAI,EACjC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,uBAAC,eAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,uBAAC,mCAAgB,IAAC,EAAE,EAAE,cAAc,YAAG,gBAAgB,GAAoB,IACrD,CACzB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}

package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type IToggleWithLabel } from './types';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Will include all this on the Toggle component
+ */
+export declare const ToggleWithLabelUncontrolled: React.ForwardRefExoticComponent<IToggleWithLabel & React.RefAttributes<HTMLFieldSetElement>>;

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

@@ -0,0 +1,3 @@
+export { LABEL_POSITION } from './toggleWithLabel';
+export type { IToggleWithLabelStyled, ToggleLabelType, ToggleRequiredSymbolType, IToggleWithLabelStandAlone, IToggleWithLabelControlled, IToggleWithLabel, } from './toggleWithLabel';
+export type { ToggleWithLabelStylePropsType, ToggleWithLabelStylesType, } from './toggleWithLabelTheme';

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

@@ -0,0 +1,43 @@
+import { IText } from '../../../components/text';
+import { IToggleUnControlled } from '../../../components/toggle/types';
+import { CustomTokenTypes } from '../../../types';
+import { ToggleWithLabelStylePropsType } from './toggleWithLabelTheme';
+export declare enum LABEL_POSITION {
+    LEFT = "LEFT",
+    RIGHT = "RIGHT",
+    TOP = "TOP"
+}
+export interface IToggleWithLabelStyled {
+    styles?: ToggleWithLabelStylePropsType;
+    displayRow?: boolean;
+}
+export type ToggleLabelType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export type ToggleRequiredSymbolType = Omit<IText<string>, 'children'> & {
+    content?: JSX.Element;
+};
+type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt' | 'onClick';
+export interface IToggleWithLabelStandAlone extends Omit<IToggleUnControlled, propsToOmit> {
+    label?: ToggleLabelType;
+    styles?: ToggleWithLabelStylePropsType;
+    requiredSymbol?: ToggleRequiredSymbolType;
+    required: boolean;
+    name?: string;
+    toggleVariant: string;
+    /**
+     * @deprecated `displayRow` will be removed. Use 'labelPosition` instead
+     */
+    displayRow?: boolean;
+    labelPosition?: LABEL_POSITION;
+    textVariant?: string;
+    screenReaderText?: string;
+    toggleRef?: React.ForwardedRef<HTMLInputElement> | undefined | null;
+    onClick?: (event: React.MouseEvent<HTMLFieldSetElement>) => void;
+}
+type propsToOmitStandAlone = 'styles' | 'toggleRef' | 'onClick';
+export interface IToggleWithLabelControlled<V = undefined extends string ? unknown : string> extends Omit<IToggleWithLabelStandAlone, propsToOmitStandAlone>, Omit<CustomTokenTypes<ToggleWithLabelStylePropsType>, 'cts' | 'extraCt'> {
+    variant: V;
+}
+export type IToggleWithLabel = IToggleWithLabelControlled;
+export {};