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

package/lib/IconButton.d.ts

@@ -1,49 +0,0 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import { Icon as FeatherIcon } from 'react-feather';
-import { IconProps, IconAriaProps } from './Icon';
-import { TooltipProps } from './Tooltip';
-import { LinkRel, LinkTarget } from './Link';
-import { DataTestProp } from '../../helpers';
-export type IconButtonKind = 'primary' | 'transparent';
-type IconButtonCommonProps = {
-    icon: FeatherIcon;
-    iconClassName?: string;
-    iconColor?: string;
-    iconRole?: string;
-    loaderRole?: string;
-    kind?: IconButtonKind;
-    size?: IconProps['size'];
-    padding?: 'normal';
-    tooltip?: string;
-    tooltipVisible?: boolean;
-    tooltipPlacement?: TooltipProps['placement'];
-} & DataTestProp & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
-export type IconButtonNotDisabledProps = {
-    disabledTooltip?: never;
-    disabled?: never;
-    disabledTooltipPlacement?: never;
-    disabledTooltipVisible?: never;
-};
-export type IconButtonDisabledProps = {
-    disabledTooltip: string;
-    disabled: boolean;
-    disabledTooltipPlacement?: TooltipProps['placement'];
-    disabledTooltipVisible?: boolean;
-};
-type IconButtonComponentProps = ({
-    component: 'a';
-    href: string;
-    target?: LinkTarget;
-    rel?: LinkRel | LinkRel[];
-    type?: never;
-    loading?: never;
-} & IconButtonNotDisabledProps) | ({
-    component?: 'button';
-    href?: never;
-    target?: never;
-    rel?: never;
-    loading?: boolean;
-} & (IconButtonDisabledProps | IconButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>);
-export type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>>;
-export {};

package/lib/IconButton.js

@@ -1,25 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { useUID } from 'react-uid';
-import mergeRefs from 'react-merge-refs';
-import { Icon } from './Icon';
-import { Tooltip } from './Tooltip';
-import { Loader } from './Loader';
-import styles from './IconButton.module.scss';
-export const IconButton = forwardRef(({ component: Component = 'button', icon, iconClassName, iconColor, iconRole, loaderRole, className, size, kind = 'transparent', ariaHidden, ariaLabelledBy, ariaLabel, 
-// Disabled tooltip
-disabled, disabledTooltip, disabledTooltipVisible, disabledTooltipPlacement, rel = 'noopener', target, type = 'button', loading, padding, tooltip, tooltipPlacement, tooltipVisible, ...rest }, ref) => {
-    const tooltipId = useUID();
-    const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
-    const labelledByFinal = [ariaLabelledBy, disabled ? tooltipId : undefined].filter(Boolean).join(' ');
-    return (React.createElement(Tooltip, { id: tooltipId, content: disabled ? disabledTooltip : tooltip, placement: disabled ? disabledTooltipPlacement : tooltipPlacement, visible: disabled ? disabledTooltipVisible : tooltipVisible }, (tooltipRef) => (React.createElement(Component, { className: cn(styles.iconButton, {
-            [styles.primary]: kind === 'primary',
-            [styles.transparent]: kind === 'transparent',
-            [styles.paddingNormal]: padding === 'normal',
-        }, className), "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": labelledByFinal, disabled: disabled !== null && disabled !== void 0 ? disabled : loading, rel: Component === 'a' ? relFinal : undefined, target: Component === 'a' ? target : undefined, type: Component === 'button' ? type : undefined, ...rest },
-        React.createElement("span", { className: styles.body, ref: mergeRefs([ref, tooltipRef]) },
-            loading && React.createElement(Loader, { role: loaderRole, size: size }),
-            !loading && React.createElement(Icon, { role: iconRole, className: iconClassName, color: iconColor, icon: icon, size: size, ariaHidden: true }))))));
-});
-IconButton.displayName = 'IconButton';
-//# sourceMappingURL=IconButton.js.map

package/lib/IconButton.js.map

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

package/lib/IconButton.module.scss

@@ -1,59 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-.iconButton {
-  display: inline-flex;
-  cursor: pointer;
-  border: c.$borderWidth solid transparent;
-  background-color: transparent;
-  border-radius: c.$borderRadius;
-  color: inherit;
-  padding: 0;
-  box-sizing: border-box;
-
-  &.paddingNormal {
-    // With icon size "normal" matches text input
-    /* doiuse-disable calc */
-    padding: calc(#{c.$grid * 2} - #{c.$borderWidth});
-    /* doiuse-enable calc */
-  }
-
-  .body {
-    display: inline-flex;
-    vertical-align: middle;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &.primary {
-    color: c.$colorPrimary;
-
-    &:hover,
-    &.hover {
-      background-color: c.$colorNeutralLighter;
-      border-color: c.$colorNeutralLight;
-    }
-
-    &:disabled {
-      background-color: transparent;
-      border-color: transparent;
-      color: c.$colorTextSecondary;
-    }
-
-    &:focus,
-    &.focus {
-      @include h.outlineFormField;
-    }
-  }
-
-  &.transparent {
-    color: inherit;
-
-    &:focus,
-    &.focus {
-      @include h.outlineFormField;
-    }
-  }
-}

package/lib/InteractiveList.d.ts

@@ -1,38 +0,0 @@
-import React, { FocusEvent } from 'react';
-import { TextFieldExtraProps } from './TextField';
-import { ExtractKeysOfValueType } from './utils/types';
-import { FieldHeaderProps } from './FieldHeader';
-export type InteractiveListExtraProps = {
-    children?: React.ReactNode | React.ReactNode[];
-    iconClassName?: string;
-    itemClassName?: string;
-    listClassName?: string;
-} & Pick<TextFieldExtraProps<'text'>, 'inputIcon' | 'type' | 'placeholder' | 'inputClassName' | 'className'> & Omit<FieldHeaderProps, 'id'>;
-export type InteractiveListCoreProps<V> = {
-    name: ExtractKeysOfValueType<V, string[]>;
-    value: string[];
-    onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    error?: string;
-    inputValue: string;
-    setInputValue: (val: string) => void;
-    onAddItem: () => Promise<string | undefined>;
-    onRemoveItem: (idx: number) => boolean;
-} & InteractiveListExtraProps;
-export type InteractiveListProps<V> = InteractiveListExtraProps & InteractiveListCoreProps<V>;
-export type InteractiveListInputRef = {
-    setValue: (value: string) => void;
-    addItem: () => Promise<string | undefined>;
-    getValue: () => string;
-};
-export type InteractiveListItemProps = {
-    content: string;
-    error?: string;
-    idx: number;
-    onRemoveItem: (idx: number) => boolean;
-};
-export declare const InteractiveListItem: ({ onRemoveItem, content, error, idx }: InteractiveListItemProps) => JSX.Element;
-/**
- * This component is meant to be used only from InteractiveListFormik
- * @private
- */
-export declare const InteractiveList: <V>({ label, children, error, name, value, helperText, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, }: InteractiveListProps<V>) => JSX.Element;

package/lib/InteractiveList.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import { TextField } from './TextField';
-import { IconButton } from './IconButton';
-import { Plus, X } from 'react-feather';
-import styles from './InteractiveList.module.scss';
-import { useUID } from 'react-uid';
-import { Error, errorId } from './Error';
-import cn from 'classnames';
-export const InteractiveListItem = ({ onRemoveItem, content, error, idx }) => {
-    const id = useUID();
-    const errorProps = error
-        ? {
-            'aria-invalid': true,
-            'aria-errormessage': errorId(id),
-        }
-        : {};
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles.content },
-            React.createElement("span", { id: id, ...errorProps }, content),
-            ' ',
-            React.createElement(IconButton, { kind: "primary", ariaLabel: "Remove Item", icon: X, size: "medium", className: styles.removeIcon, onClick: () => {
-                    onRemoveItem(idx);
-                } })),
-        error && React.createElement(Error, { error: error, inputId: id })));
-};
-/**
- * This component is meant to be used only from InteractiveListFormik
- * @private
- */
-export const InteractiveList = ({ label, children, error, name, value, helperText, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, }) => {
-    const id = useUID();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: cn(styles.inputRow, className) },
-            React.createElement(TextField, { id: id, type: type, helperText: helperText, inputIcon: inputIcon, inputClassName: cn(styles.input, inputClassName), inputContainerClassName: styles.inputContainer, inputBorderOverlayClassName: styles.inputBorderOverlay, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
-                    setInputValue(value);
-                }, 
-                /* eslint-disable-next-line @typescript-eslint/no-misused-promises */
-                onKeyPress: async (e) => {
-                    if (e.key === 'Enter') {
-                        e.preventDefault();
-                        await onAddItem();
-                    }
-                } },
-                React.createElement(IconButton, { "data-test": "interactive-list-add-button", kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: cn(styles.addIcon, iconClassName), size: "medium", onClick: () => void onAddItem() }))),
-        children,
-        React.createElement("ul", { className: cn(styles.list, listClassName) }, value.map((str, idx) => (React.createElement("li", { key: str, className: itemClassName },
-            React.createElement(InteractiveListItem, { onRemoveItem: onRemoveItem, idx: idx, content: str, error: typeof error === 'object' && error[idx] ? error[idx] : undefined })))))));
-};
-//# sourceMappingURL=InteractiveList.js.map

package/lib/InteractiveList.js.map

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

package/lib/InteractiveList.module.scss

@@ -1,72 +0,0 @@
-@use 'sass:math';
-@use '../styles/constants' as c;
-
-$addIconSpacing: c.$grid;
-
-.inputRow {
-  display: flex;
-  margin-bottom: c.$grid * 3;
-
-  .input {
-    border-right: none;
-  }
-
-  .inputBorderOverlay {
-    border-radius: c.$borderRadius 0 0 c.$borderRadius;
-    border-right: none;
-  }
-
-  .inputContainer {
-    border-radius: c.$borderRadius 0 0 c.$borderRadius;
-
-    .input:focus {
-      & ~ .inputBorderOverlay {
-        border-right: none;
-        box-shadow: none;
-        border-color: c.$colorPrimary;
-      }
-    }
-  }
-
-  .addIcon {
-    display: block;
-    border-radius: 0 c.$borderRadius c.$borderRadius 0;
-    border: c.$borderWidth solid c.$colorPrimary;
-    background-color: c.$colorPrimary;
-    color: c.$colorNeutralWhite;
-    height: c.$inputHeight;
-    width: c.$inputHeight;
-
-    &:hover {
-      background-color: c.$colorPrimaryLight;
-      border-color: c.$colorPrimaryLight;
-    }
-  }
-}
-
-ul.list {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-
-  .removeIcon {
-    margin-right: 0;
-
-    &:hover {
-      background-color: transparent;
-      border-color: transparent;
-      color: c.$colorPrimaryLight;
-    }
-  }
-
-  .content {
-    background: c.$colorOverlayBackground;
-    padding: math.div(c.$grid, 3) c.$grid math.div(c.$grid, 3) c.$grid * 2;
-    margin-top: c.$grid * 3;
-    border: c.$borderWidth solid c.$colorNeutralLight;
-    border-radius: c.$borderRadius;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-}

package/lib/InteractiveListFormik.d.ts

@@ -1,22 +0,0 @@
-import { ReactElement, Ref } from 'react';
-import { FieldValidator } from 'formik';
-import { ExtractKeysOfValueType } from './utils/types';
-import { InteractiveListExtraProps, InteractiveListInputRef } from './InteractiveList';
-export type InteractiveListFormikProps<V extends object> = InteractiveListExtraProps & {
-    name: ExtractKeysOfValueType<V, string[]>;
-    validate?: FieldValidator;
-    inputControlRef?: Ref<InteractiveListInputRef>;
-};
-/**
- * InteractiveListFormik
- *
- * This Formik-bound component is used to work with an array of strings.
- * It guarantees the uniqueness of elements with respect to the empty characters at the beginning and the end of each string.
- *
- * It prevents from entering a non-valid entry based on a validate function passed to an element.
- * Unfortunately, we can't access Yup validation at this level when adding an entry, so Yup validation is done only on form submit.
- * More info here https://formik.org/docs/api/fieldarray
- *
- * Passing an InteractiveListInputRef as inputControlRef property allows you to modify the value of text input.
- */
-export declare const InteractiveListFormik: <V extends object>({ name, validate, children, inputControlRef, ...props }: InteractiveListFormikProps<V>) => ReactElement;

package/lib/InteractiveListFormik.js

@@ -1,96 +0,0 @@
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { FieldArray, useField, useFormikContext } from 'formik';
-import { InteractiveList } from './InteractiveList';
-import { getFieldError } from './utils/formik';
-/**
- * InteractiveListFormik
- *
- * This Formik-bound component is used to work with an array of strings.
- * It guarantees the uniqueness of elements with respect to the empty characters at the beginning and the end of each string.
- *
- * It prevents from entering a non-valid entry based on a validate function passed to an element.
- * Unfortunately, we can't access Yup validation at this level when adding an entry, so Yup validation is done only on form submit.
- * More info here https://formik.org/docs/api/fieldarray
- *
- * Passing an InteractiveListInputRef as inputControlRef property allows you to modify the value of text input.
- */
-export const InteractiveListFormik = ({ name, validate, children, inputControlRef, ...props }) => {
-    const { validateForm, values: valuesFormik } = useFormikContext();
-    const [field, meta, { setTouched, setError, setValue }] = useField({
-        name,
-        validate,
-    });
-    const [inputValue, setInputValue] = useState('');
-    // We want to revalidate on change only after un-successful insert
-    const [inputTouched, setInputTouched] = useState(false);
-    const normalizedValue = useMemo(() => inputValue.trim(), [inputValue]);
-    const getValidationError = useCallback(async () => {
-        let validationError = undefined;
-        if (normalizedValue.length === 0) {
-            validationError = 'You need to provide a non empty value';
-        }
-        if (validationError === undefined && field.value.includes(normalizedValue)) {
-            validationError = 'You need to provide a unique value';
-        }
-        if (validationError === undefined && validate) {
-            // let's check validate error
-            const error = await validate(normalizedValue);
-            if (error) {
-                validationError = error;
-            }
-        }
-        if (validationError === undefined) {
-            // If we passed with previous checks, let's check against Formik's validation error
-            // We do that by checking future state with validateForm
-            const formikErrors = await validateForm({
-                ...valuesFormik,
-                [name]: [...field.value, normalizedValue],
-            });
-            const fieldErrors = formikErrors[name];
-            validationError = typeof fieldErrors === 'string' ? fieldErrors : fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors.find((x) => !!x);
-        }
-        return validationError;
-    }, [field.value, name, normalizedValue, validate, validateForm, valuesFormik]);
-    const onError = useCallback((value) => {
-        setTouched(true, false);
-        // @ts-expect-error Formik expects the string[], while documentation says
-        // it can be string | string[] which also makes more sense
-        setError(value);
-    }, [setTouched, setError]);
-    const addItem = useCallback(async () => {
-        const validationError = await getValidationError();
-        if (validationError) {
-            onError(validationError);
-            setInputTouched(true);
-            return validationError;
-        }
-        else {
-            field.value.push(normalizedValue);
-            setValue(field.value);
-            setInputTouched(false);
-            setInputValue('');
-            return undefined;
-        }
-    }, [field.value, getValidationError, normalizedValue, onError, setValue]);
-    useImperativeHandle(inputControlRef, () => ({
-        setValue: (value) => {
-            setInputValue(value);
-        },
-        addItem: addItem,
-        getValue: () => inputValue,
-    }));
-    useEffect(() => {
-        if (inputTouched) {
-            void getValidationError().then((validationError) => {
-                if (validationError) {
-                    onError(validationError);
-                }
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputTouched, inputValue]);
-    return (React.createElement(FieldArray, { name: name, render: (arrayHelpers) => {
-            return (React.createElement(InteractiveList, { ...props, name: name, value: field.value, inputValue: inputValue, setInputValue: setInputValue, error: getFieldError(meta), onAddItem: addItem, onRemoveItem: (idx) => !!arrayHelpers.remove(idx) }, children));
-        } }));
-};
-//# sourceMappingURL=InteractiveListFormik.js.map

package/lib/InteractiveListFormik.js.map

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

package/lib/Label.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactElement } from 'react';
-export type LabelProps = {
-    id: string;
-    label: string | ReactElement;
-    className?: string;
-    variant?: 'primary' | 'secondary';
-};
-export declare const Label: FC<LabelProps>;

package/lib/Label.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './Label.module.scss';
-export const Label = ({ id, label, className, variant = 'primary' }) => (React.createElement("label", { htmlFor: id, className: cn(styles.label, styles[variant], className) }, label));
-//# sourceMappingURL=Label.js.map

package/lib/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACtF,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,IACxE,KAAK,CACA,CACT,CAAA"}

package/lib/Label.module.scss

@@ -1,12 +0,0 @@
-@use '../styles/constants' as c;
-
-.label {
-  @include c.typographyBodyNormal;
-
-  color: c.$colorTextSecondary;
-  padding: 0;
-
-  &.secondary {
-    color: c.$colorNeutralWhite;
-  }
-}

package/lib/Link.d.ts

@@ -1,53 +0,0 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { Icon as FeatherIcon } from 'react-feather';
-import { DataTestProp } from '@hazelcast/helpers';
-declare const sizes: {
-    normal: string;
-    small: string;
-    inherit: string;
-};
-type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
-type IconProps = {
-    icon: FeatherIcon;
-    ariaLabel: string;
-    iconClassName?: string;
-} | {
-    icon?: never;
-    ariaLabel?: never;
-    iconClassName?: never;
-};
-export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
-export type LinkRel = 'alternate' | 'author' | 'bookmark' | 'dns-prefetch' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
-export type LinkProps = IconProps & {
-    size?: keyof typeof sizes;
-    kind?: 'primary' | 'secondary' | 'contrast';
-    children: ReactNode;
-    bold?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-} & Pick<AnchorAttributes, 'className'> & DataTestProp & ({
-    component: 'button';
-    href?: never;
-    target?: never;
-    rel?: never;
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-} | {
-    component?: 'a';
-    href: string;
-    target?: LinkTarget;
-    rel?: LinkRel | LinkRel[];
-    type?: never;
-});
-/**
- * ### Purpose
- * Makes text in paragraphs actionable. Sometimes you want text that is actionable but not as attention-grabbing as a button. Maybe it sits inside a paragraph of text.
- * Text links let you add actions in the form of text that fits with its surroundings. Users can see they can take an action, but their focus is not drawn much from your main flow.
- *
- * ### General Info
- * - There are 2 kinds (colors) of Link available - primary (default) and secondary.
- * - There are 3 sizes of Link available - normal (default), small and inherit.
- * - The default state of all types of link is underlined and on hover it has no underline.
- * - Link can be used as a stand-alone component with right chevron icon.
- * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
- */
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export {};

package/lib/Link.js

@@ -1,44 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Icon } from './Icon';
-import styles from './Link.module.scss';
-const sizes = {
-    normal: styles.normal,
-    small: styles.small,
-    inherit: styles.inherit,
-};
-/**
- * ### Purpose
- * Makes text in paragraphs actionable. Sometimes you want text that is actionable but not as attention-grabbing as a button. Maybe it sits inside a paragraph of text.
- * Text links let you add actions in the form of text that fits with its surroundings. Users can see they can take an action, but their focus is not drawn much from your main flow.
- *
- * ### General Info
- * - There are 2 kinds (colors) of Link available - primary (default) and secondary.
- * - There are 3 sizes of Link available - normal (default), small and inherit.
- * - The default state of all types of link is underlined and on hover it has no underline.
- * - Link can be used as a stand-alone component with right chevron icon.
- * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
- */
-export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, 'data-test': dataTest = 'link', }, ref) => {
-    const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
-    const commonProps = {
-        className: cn(styles.link, styles[size], {
-            // kind
-            [styles.primary]: kind === 'primary',
-            [styles.secondary]: kind === 'secondary',
-            [styles.contrast]: kind === 'contrast',
-            // bold
-            [styles.bold]: bold,
-        }, className),
-        href: href,
-        onClick: onClick,
-    };
-    const iconComponent = icon && ariaLabel ? (React.createElement(Icon, { bold: bold, icon: icon, ariaLabel: ariaLabel, size: size === 'normal' ? 'medium' : 'small', className: iconClassName })) : undefined;
-    return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref, "data-test": dataTest },
-        children,
-        iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref, "data-test": dataTest },
-        children,
-        iconComponent));
-});
-Link.displayName = 'Link';
-//# sourceMappingURL=Link.js.map

package/lib/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/lib/Link.module.scss

@@ -1,63 +0,0 @@
-@use '../styles/constants' as c;
-@use '../styles/helpers' as h;
-
-@mixin link {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  text-decoration: none;
-  border: none;
-  background: none;
-  cursor: pointer;
-
-  &:hover,
-  &.hover,
-  &:focus,
-  &.focus,
-  &:active,
-  &.active {
-    text-decoration: underline solid;
-    outline: transparent solid c.$outlineWidth;
-  }
-
-  &:focus,
-  &.focus {
-    @include h.outlineSimple;
-  }
-
-  &.primary {
-    color: c.$colorPrimary;
-  }
-
-  &.secondary {
-    color: c.$colorTextSecondary;
-  }
-
-  &.contrast {
-    color: c.$colorNeutralLighter;
-  }
-}
-
-.link {
-  @include link;
-}
-
-.normal {
-  @include c.typographyBodyNormal;
-}
-
-.small {
-  @include c.typographyBodySmall;
-}
-
-.inherit {
-  font-family: inherit;
-  font-size: inherit;
-  letter-spacing: inherit;
-  line-height: inherit;
-  font-weight: inherit;
-}
-
-.bold {
-  @include c.typographyBodyWeight('bold');
-}

package/lib/Loader.d.ts

@@ -1,11 +0,0 @@
-import { FC, SVGAttributes } from 'react';
-import { IconSize } from './Icon';
-export type LoaderProps = {
-    className?: string;
-    size?: IconSize;
-    kind?: 'primary' | 'contrast' | 'inherit';
-    children?: never;
-    ariaLabel?: string;
-    role?: string;
-} & Pick<SVGAttributes<SVGElement>, 'aria-hidden'>;
-export declare const Loader: FC<LoaderProps>;