@hazelcast/ui 1.3.3-next.9 → 2.0.1-canary.0

package/lib/AutocompleteField.module.scss

@@ -1,164 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-$selectHorizontalPadding: c.$grid * 3;
-$menuMargin: c.$grid * 3;
-$select: ':global .hz-autocomplete-field__control';
-$selectValueContainer: ':global .hz-autocomplete-field__value-container';
-
-.container {
-  .label {
-    display: block;
-    margin-bottom: c.$grid;
-
-    &.small {
-      @include c.typographyBodySmall;
-    }
-  }
-
-  &.small {
-    #{$selectValueContainer} {
-      padding: 0;
-    }
-
-    #{$select} {
-      min-height: c.$inputHeightSmall;
-    }
-  }
-
-  .helperText {
-    margin-left: c.$grid * 1.5;
-    display: block;
-  }
-
-  .clear {
-    margin-left: $selectHorizontalPadding;
-  }
-
-  :global .hz-autocomplete-field {
-    flex: 1 1 auto;
-
-    @include c.typographyBodySmall;
-  }
-
-  :global .hz-autocomplete-field__value-container {
-    padding: 0;
-  }
-
-  :global .hz-autocomplete-field__single-value {
-    color: c.$colorText;
-  }
-
-  :global .hz-autocomplete-field__indicator-separator {
-    display: none;
-  }
-
-  #{$select} {
-    cursor: pointer;
-    color: c.$colorText;
-    min-height: c.$inputHeight;
-    padding-left: c.$grid * 3;
-    padding-right: c.$grid * 2;
-    box-sizing: border-box;
-    border: c.$borderWidth solid c.$colorNeutralLight;
-    border-radius: c.$borderRadius;
-    background-color: c.$colorNeutralWhite;
-    transition: none;
-
-    &.hz-autocomplete-field__control--menu-is-open {
-      border-radius: c.$borderRadius c.$borderRadius 0 0;
-    }
-
-    .hz-autocomplete-field__dropdown-indicator {
-      color: c.$colorNeutralLight;
-      padding: 0 c.$grid * 0.5;
-    }
-  }
-
-  &.disabled {
-    #{$select} {
-      color: c.$colorTextSecondary;
-      background-color: c.$colorNeutral;
-      border-color: c.$colorNeutralLight;
-    }
-  }
-
-  &.hasError {
-    #{$select} {
-      border-color: c.$colorError;
-    }
-  }
-
-  // We target specifically #{$select} not to apply hover styles to the select when a helper icon is hovered
-  #{$select}:hover,
-  &.hover #{$select} {
-    border-color: c.$colorPrimary;
-    transition: none;
-  }
-
-  &.focus #{$select},
-  #{$select}.hz-autocomplete-field__control--is-focused {
-    @include h.outlineFormField;
-  }
-
-  .selectBlock {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    position: relative;
-  }
-}
-
-.menuContainer {
-  :global .hz-autocomplete-field__menu-portal {
-    z-index: c.$zIndex2000;
-  }
-
-  :global .hz-autocomplete-field__matched-option-text {
-    font-weight: bolder;
-    color: c.$colorText;
-  }
-
-  :global .hz-autocomplete-field__menu {
-    margin-top: 0;
-    margin-bottom: $menuMargin;
-    border: c.$borderWidth solid c.$colorNeutralLight;
-    border-radius: 0 0 c.$borderRadius c.$borderRadius;
-    background-color: c.$colorNeutralWhite;
-    overflow: hidden;
-    box-shadow: 0 c.$selectMenuShadowSize c.$selectMenuShadowBlur 0 c.$colorShadow;
-    z-index: c.$zIndex1000;
-
-    @include c.typographyBodySmall;
-
-    :global .hz-autocomplete-field__menu-list {
-      padding: 0;
-      color: c.$colorTextSecondary;
-    }
-
-    :global .hz-autocomplete-field__option,
-    :global .hz-autocomplete-field__menu-notice {
-      height: c.$grid * 8;
-      line-height: c.$grid * 8;
-      padding: 0 $selectHorizontalPadding;
-      background-color: transparent;
-
-      // Do not remove outline for high-contrast modes
-      // https://stackoverflow.com/a/52616313
-      outline: c.$outlineWidth solid transparent;
-      text-align: left;
-      white-space: pre;
-
-      &:global.hz-autocomplete-field__option--is-focused {
-        @include h.outlineSimple;
-      }
-
-      &:global.hz-autocomplete-field__option--is-selected {
-        color: c.$colorTextSecondary;
-        text-decoration: underline;
-      }
-    }
-  }
-}
-
-@include h.withError;

package/lib/AutocompleteFieldFormik.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-import { AutocompleteFieldProps } from './AutocompleteField';
-import { FieldValidatorGeneric } from './utils/formik';
-type AutocompleteFieldFormikProps = AutocompleteFieldProps & {
-    validate?: FieldValidatorGeneric<string | null>;
-    onChange?: (value: string | null) => void;
-};
-export declare const AutocompleteFieldFormik: ({ name, validate, onChange, ...props }: AutocompleteFieldFormikProps) => ReactElement;
-export {};

package/lib/AutocompleteFieldFormik.js

@@ -1,19 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { useField } from 'formik';
-import { AutocompleteField } from './AutocompleteField';
-import { formikTouchAndUpdate, getFieldError } from './utils/formik';
-export const AutocompleteFieldFormik = ({ name, validate, onChange, ...props }) => {
-    const [{ value, onBlur }, meta, { setValue, setTouched }] = useField({
-        name,
-        validate,
-    });
-    const setFormikValue = useMemo(() => formikTouchAndUpdate(setValue, setTouched), [setValue, setTouched]);
-    const handleChange = useCallback((newValue) => {
-        if (onChange) {
-            onChange(newValue);
-        }
-        setFormikValue(newValue);
-    }, [setFormikValue, onChange]);
-    return React.createElement(AutocompleteField, { ...props, value: value, onChange: handleChange, name: name, onBlur: onBlur, error: getFieldError(meta) });
-};
-//# sourceMappingURL=AutocompleteFieldFormik.js.map

package/lib/AutocompleteFieldFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteFieldFormik.js","sourceRoot":"","sources":["../src/AutocompleteFieldFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAC/E,OAAO,EAAyB,oBAAoB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAO3F,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgC,EAAgB,EAAE;IAC5H,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAgB;QAClF,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAgB,QAAQ,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IACvH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,QAAQ,CAAC,CAAA;SACnB;QAED,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC1B,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAA;IAED,OAAO,oBAAC,iBAAiB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAAA;AACvI,CAAC,CAAA"}

package/lib/Badge.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { AlertTriangle, CheckCircle, AlertCircle, Info } from 'react-feather';
-import { Icon } from './Icon';
-import styles from './Badge.module.scss';
-export const BadgeIcon = {
-    neutral: {
-        icon: Info,
-        ariaLabel: 'Info circle icon',
-    },
-    success: {
-        icon: CheckCircle,
-        ariaLabel: 'Check circle icon',
-    },
-    info: {
-        icon: Info,
-        ariaLabel: 'Info circle icon',
-    },
-    warning: {
-        icon: AlertTriangle,
-        ariaLabel: 'Warning triangle icon',
-    },
-    critical: {
-        icon: AlertCircle,
-        ariaLabel: 'Info critical circle icon',
-    },
-};
-export const Badge = ({ type, content, size = 'normal', className }) => {
-    const { icon, ariaLabel } = BadgeIcon[type];
-    return (React.createElement("div", { "data-test": "badge-container", className: cn(styles.badge, {
-            // Colors
-            [styles.neutral]: type === 'neutral',
-            [styles.success]: type === 'success',
-            [styles.info]: type === 'info',
-            [styles.warning]: type === 'warning',
-            [styles.critical]: type === 'critical',
-            // Size
-            [styles.normal]: size === 'normal',
-            [styles.small]: size === 'small',
-        }, className) },
-        React.createElement(Icon, { "data-test": "badge-icon", ariaLabel: ariaLabel, icon: icon, className: styles.icon, size: size === 'normal' ? 'medium' : 'small' }),
-        React.createElement("div", { "data-test": "badge-content", className: styles.content }, content)));
-};
-//# sourceMappingURL=Badge.js.map

package/lib/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAoB,MAAM,eAAe,CAAA;AAE/F,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,SAAS,GAAgD;IACpE,OAAO,EAAE;QACP,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;KAC9B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,mBAAmB;KAC/B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;KAC9B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,uBAAuB;KACnC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,2BAA2B;KACvC;CACF,CAAA;AAWD,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACrF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE3C,OAAO,CACL,0CACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,KAAK,EACZ;YACE,SAAS;YACT,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;YAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,OAAO;YACP,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;SACjC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBACO,YAAY,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAC5C;QACF,0CAAe,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IACrD,OAAO,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/Badge.module.scss

@@ -1,55 +0,0 @@
-@use '../styles/constants' as c;
-
-.badge {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  border-radius: c.$borderRadiusBadge;
-
-  .content {
-    margin-left: c.$grid;
-  }
-
-  // Sizes
-  &.normal {
-    padding: c.$grid * 2 c.$grid * 3;
-
-    .content {
-      @include c.typographyBodyNormal;
-    }
-  }
-
-  &.small {
-    padding: c.$grid c.$grid * 2;
-
-    .content {
-      @include c.typographyBodySmall;
-    }
-  }
-
-  // Themes
-  &.neutral {
-    background-color: c.$colorNeutralLighter;
-    color: c.$colorText;
-  }
-
-  &.success {
-    background-color: c.$colorSuccess;
-    color: c.$colorNeutralWhite;
-  }
-
-  &.info {
-    background-color: c.$colorInfoLight;
-    color: c.$colorText;
-  }
-
-  &.warning {
-    background-color: c.$colorWarningLight;
-    color: c.$colorText;
-  }
-
-  &.critical {
-    background-color: c.$colorError;
-    color: c.$colorNeutralWhite;
-  }
-}

package/lib/Button.d.ts

@@ -1,100 +0,0 @@
-import React, { ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';
-import { IconProps, IconSize } from './Icon';
-import { TooltipProps } from './Tooltip';
-import { LinkRel, LinkTarget } from './Link';
-export type ButtonKind = 'primary' | 'secondary' | 'danger' | 'transparent';
-export type ButtonVariant = 'contained' | 'outlined' | 'text';
-export type ButtonColor = 'primary' | 'secondary' | 'warning' | 'brand' | 'authPrimary' | 'authSecondary' | 'light';
-export type ButtonSize = 'medium' | 'small';
-export type ButtonAccessibleIconLeftProps = {
-    iconLeft: IconProps['icon'];
-    iconLeftAriaLabel: string;
-    iconLeftColor?: IconProps['color'];
-    iconLeftClassName?: string;
-} | {
-    iconLeft?: never;
-    iconLeftAriaLabel?: never;
-    iconLeftColor?: never;
-    iconLeftClassName?: never;
-};
-export type ButtonAccessibleIconRightProps = {
-    iconRight: IconProps['icon'];
-    iconRightAriaLabel: string;
-    iconRightColor?: IconProps['color'];
-    iconRightClassName?: string;
-} | {
-    iconRight?: never;
-    iconRightAriaLabel?: never;
-    iconRightColor?: never;
-    iconRightClassName?: never;
-};
-type ButtonNotDisabledProps = {
-    disabled?: never;
-    disabledTooltip?: never;
-    disabledTooltipVisible?: never;
-    disabledTooltipPlacement?: never;
-};
-export type ButtonDisabledProps = {
-    disabledTooltip?: string;
-    disabled: boolean;
-    disabledTooltipVisible?: boolean;
-    disabledTooltipPlacement?: TooltipProps['placement'];
-};
-export type ButtonOutlineType = 'outline' | 'inset';
-export type ButtonCommonProps = {
-    /**
-     * @deprecated Use variant + color instead
-     */
-    kind?: ButtonKind;
-    children: string | ReactElement;
-    size?: ButtonSize;
-    iconSize?: IconSize;
-    color?: ButtonColor;
-    capitalize?: boolean;
-    bodyClassName?: string;
-    variant?: ButtonVariant;
-    outlineClassName?: string;
-    outline?: ButtonOutlineType;
-    tooltip?: string;
-    active?: boolean;
-    truncate?: boolean;
-} & (ButtonDisabledProps | ButtonNotDisabledProps) & Pick<HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'className' | 'onClick' | 'tabIndex' | 'style'>;
-export type ButtonTypeAnchorProps = {
-    component: 'a';
-    href: string;
-    target?: LinkTarget;
-    rel?: LinkRel | LinkRel[];
-    type?: never;
-    loading?: never;
-};
-export type ButtonTypeButtonProps = {
-    component?: 'button';
-    href?: never;
-    target?: never;
-    rel?: never;
-    loading?: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>;
-export type ButtonTypeProps = ButtonTypeAnchorProps | ButtonTypeButtonProps;
-export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & T & ButtonAccessibleIconLeftProps & ButtonAccessibleIconRightProps;
-/**
- * ### Purpose
- * Make it clear what users should do to continue with their main flow by using buttons to highlight the main actions they can take.
- * Prioritize the actions on a page and use the button sizes and types to make it clear to users which are the most important. If you have many actions, consider using button links to offer less important ones.
- *
- * ### General Info
- * - Use 4 types of Button: Primary, Secondary, Danger and Transparent
- * - There are two sizes: `small` with height of `30px` and `medium` with height of `40px`
- * - Button can stand only with the label, icon on the left side, icon on the right side, icon on both left and right side, or only icon (depends on the type of the button).
- * - You can use an icon with the label to draw more attention.
- * - Button label is always in upper-case
- * - The labels should be actionable (e.g. "EDIT" or "ADD NEW FILTER") and it should be clear from the button label what will happen when the user interacts with it. Make button labels short and clear. Avoid long explanations in the button text.
- * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
- *
- * ### Usage
- * - **Primary**: Use primary button for the single primary action on the screen. To call attention to an action on a form, or highlight the strongest call to action on a page. Primary button should only appear once per screen. Not every screen requires a primary button.
- * - **Secondary**: Use secondary buttons for all remaining actions. Secondary button is the standard button for most use cases.
- * - **Danger**: Use danger button for potentially destructive actions.
- * - **Transparent**: Use for IconButton and similar use-cases.
- */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps<ButtonTypeProps> & React.RefAttributes<HTMLElement>>;
-export {};

package/lib/Button.js

@@ -1,93 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import mergeRefs from 'react-merge-refs';
-import { useUID } from 'react-uid';
-import { Icon } from './Icon';
-import { TruncatedText } from './TruncatedText';
-import { Tooltip } from './Tooltip';
-import { Loader } from './Loader';
-import styles from './Button.module.scss';
-const capitalizeFirstCharacter = (str) => `${str[0].toUpperCase()}${str.slice(1)}`;
-const resolveButtonKindStyles = (kind) => {
-    switch (kind) {
-        case 'secondary':
-            return {
-                [styles.colorPrimary]: true,
-                [styles.variantOutlined]: true,
-            };
-        case 'transparent':
-            return {
-                [styles.colorPrimary]: true,
-                [styles.variantText]: true,
-            };
-        case 'danger': {
-            return {
-                [styles.colorSecondary]: true,
-                [styles.variantContained]: true,
-            };
-        }
-        default:
-            return {
-                [styles.colorPrimary]: true,
-                [styles.variantContained]: true,
-            };
-    }
-};
-/**
- * ### Purpose
- * Make it clear what users should do to continue with their main flow by using buttons to highlight the main actions they can take.
- * Prioritize the actions on a page and use the button sizes and types to make it clear to users which are the most important. If you have many actions, consider using button links to offer less important ones.
- *
- * ### General Info
- * - Use 4 types of Button: Primary, Secondary, Danger and Transparent
- * - There are two sizes: `small` with height of `30px` and `medium` with height of `40px`
- * - Button can stand only with the label, icon on the left side, icon on the right side, icon on both left and right side, or only icon (depends on the type of the button).
- * - You can use an icon with the label to draw more attention.
- * - Button label is always in upper-case
- * - The labels should be actionable (e.g. "EDIT" or "ADD NEW FILTER") and it should be clear from the button label what will happen when the user interacts with it. Make button labels short and clear. Avoid long explanations in the button text.
- * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
- *
- * ### Usage
- * - **Primary**: Use primary button for the single primary action on the screen. To call attention to an action on a form, or highlight the strongest call to action on a page. Primary button should only appear once per screen. Not every screen requires a primary button.
- * - **Secondary**: Use secondary buttons for all remaining actions. Secondary button is the standard button for most use cases.
- * - **Danger**: Use danger button for potentially destructive actions.
- * - **Transparent**: Use for IconButton and similar use-cases.
- */
-export const Button = forwardRef(({ kind, component: Component = 'button', className, bodyClassName, outlineClassName, outline = 'outline', children, capitalize = true, 
-// Disabled tooltip
-disabled, disabledTooltip, disabledTooltipVisible, disabledTooltipPlacement, 
-// Left icon
-iconLeft, iconLeftAriaLabel, iconLeftColor, iconLeftClassName, 
-// Right icon
-iconRight, iconRightAriaLabel, iconRightColor, iconRightClassName, rel = 'noopener', target, type = 'button', loading, variant = 'contained', color = 'primary', tooltip, size = 'small', active, truncate = true, iconSize: propIconSize, ...rest }, ref) => {
-    const tooltipId = useUID();
-    const iconSize = propIconSize || (size === 'medium' ? 'smallMedium' : 'small');
-    const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
-    const loadingAnimationOnRight = loading && iconRight && iconRightAriaLabel && !(iconLeft && iconLeftAriaLabel);
-    return (React.createElement(Tooltip, { id: tooltipId, content: disabled ? disabledTooltip : tooltip, visible: disabled && disabledTooltipVisible, placement: disabledTooltipPlacement }, (tooltipRef, onMouseEnter, onMouseLeave) => (React.createElement(Component, { "data-test": "button", className: cn(styles.button, {
-            ...(kind !== undefined
-                ? resolveButtonKindStyles(kind)
-                : {
-                    [styles[`color${capitalizeFirstCharacter(color)}`]]: true,
-                    [styles[`variant${capitalizeFirstCharacter(variant)}`]]: true,
-                }),
-            [styles.active]: active,
-            [styles[size]]: size !== 'small',
-        }, className), "aria-describedby": disabled ? tooltipId : undefined, disabled: disabled !== null && disabled !== void 0 ? disabled : loading, rel: Component === 'a' ? relFinal : undefined, target: Component === 'a' ? target : undefined, type: Component === 'button' ? type : undefined, ref: mergeRefs([ref, tooltipRef]), ...rest },
-        React.createElement("span", { "data-test": "button-outline", className: cn(styles.outline, { [styles.inset]: outline === 'inset' }, outlineClassName) }),
-        React.createElement("span", { className: cn(styles.body, bodyClassName), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-            loading && !loadingAnimationOnRight && React.createElement(Loader, { className: styles.iconLeft, size: iconSize }),
-            iconLeft && iconLeftAriaLabel && !loading && (React.createElement(Icon, { icon: iconLeft, ariaLabel: iconLeftAriaLabel, "data-test": "button-icon-left", className: cn(styles.iconLeft, iconLeftClassName), size: iconSize, color: iconLeftColor })),
-            truncate ? (React.createElement(TruncatedText, { text: capitalize && typeof children === 'string' ? children.toUpperCase() : children, 
-                /*
-                If a button is disabled and text is long we don't want to show 2 popups.
-                1. In case a button is disabled and no `disabledTooltipVisible` is enforced, we just hide truncated popup.
-                2. In case a button is disabled and disabledTooltip is hidden with a false flag, there is a space to show
-                the truncated popup -> setting it to undefined will leave the default behaviour.
-              */
-                tooltipVisible: disabled && disabledTooltipVisible !== false ? false : undefined })) : (children),
-            loadingAnimationOnRight && React.createElement(Loader, { className: styles.iconRight, size: iconSize }),
-            !loadingAnimationOnRight && iconRight && iconRightAriaLabel && (React.createElement(Icon, { icon: iconRight, ariaLabel: iconRightAriaLabel, "data-test": "button-icon-right", className: cn(styles.iconRight, iconRightClassName), size: iconSize, color: iconRightColor })))))));
-});
-Button.displayName = 'Button';
-//# sourceMappingURL=Button.js.map

package/lib/Button.js.map

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