@westpac/ui 0.13.0 → 0.14.1

package/dist/components/autocomplete/components/list-box/components/list-box-section/list-box-section.types.d.ts

@@ -1,6 +0,0 @@
-import { type Node } from '@react-types/shared';
-import { ListState } from 'react-stately';
-export type ListBoxSectionProps<T = any> = {
-    section: Node<T>;
-    state: ListState<T>;
-};

package/dist/components/autocomplete/components/list-box/index.d.ts

@@ -1,2 +0,0 @@
-export { ListBox } from './list-box.component.js';
-export { type ListBoxProps } from './list-box.types.js';

package/dist/components/autocomplete/components/list-box/index.js

@@ -1 +0,0 @@
-export { ListBox } from './list-box.component.js';

package/dist/components/autocomplete/components/list-box/list-box.component.d.ts

@@ -1,5 +0,0 @@
-import { ListBoxProps } from './list-box.types.js';
-/**
- * @private
- */
-export declare function ListBox(props: ListBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/autocomplete/components/list-box/list-box.component.js

@@ -1,36 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import * as React from 'react';
-import { useListBox } from 'react-aria';
-import { ListBoxSection, Option } from './components/index.js';
-export function ListBox(props) {
-    const ref = React.useRef(null);
-    const { listBoxRef =ref , state  } = props;
-    const { listBoxProps  } = useListBox(props, state, listBoxRef);
-    return React.createElement("ul", _extends({}, listBoxProps, {
-        ref: listBoxRef,
-        className: "max-h-[400px] w-full overflow-auto outline-none"
-    }), [
-        ...state.collection
-    ].map((item)=>item.type === 'section' ? React.createElement(ListBoxSection, {
-            key: item.key,
-            section: item,
-            state: state
-        }) : React.createElement(Option, {
-            key: item.key,
-            item: item,
-            state: state
-        })));
-}

package/dist/components/autocomplete/components/list-box/list-box.types.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { AriaListBoxOptions } from 'react-aria';
-import { ListState } from 'react-stately';
-export type ListBoxProps<T = any> = AriaListBoxOptions<T> & {
-    listBoxRef?: React.RefObject<HTMLUListElement>;
-    state: ListState<T>;
-} & HTMLAttributes<Element>;

package/dist/components/autocomplete/components/popover/index.d.ts

@@ -1,2 +0,0 @@
-export { Popover } from './popover.component.js';
-export { type PopoverProps } from './popover.types.js';

package/dist/components/autocomplete/components/popover/index.js

@@ -1 +0,0 @@
-export { Popover } from './popover.component.js';

package/dist/components/autocomplete/components/popover/popover.component.d.ts

@@ -1,5 +0,0 @@
-import { PopoverProps } from './popover.types.js';
-/**
- * @private
- */
-export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/autocomplete/components/popover/popover.component.js

@@ -1,43 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import { clsx } from 'clsx';
-import * as React from 'react';
-import { DismissButton, Overlay, usePopover } from 'react-aria';
-export function Popover(props) {
-    var _props_triggerRef_current;
-    const ref = React.useRef(null);
-    const { popoverRef =ref , state , children , className , isNonModal , portalContainer  } = props;
-    const { popoverProps , underlayProps  } = usePopover({
-        ...props,
-        popoverRef
-    }, state);
-    const width = (_props_triggerRef_current = props.triggerRef.current) === null || _props_triggerRef_current === void 0 ? void 0 : _props_triggerRef_current.getBoundingClientRect().width;
-    return React.createElement(Overlay, {
-        portalContainer: portalContainer
-    }, !isNonModal && React.createElement("div", _extends({}, underlayProps, {
-        className: "fixed inset-0"
-    })), React.createElement("div", _extends({}, popoverProps, {
-        style: {
-            ...popoverProps.style,
-            width: width ? `${width}px` : undefined
-        },
-        ref: popoverRef,
-        className: clsx('z-10 border border-border bg-white shadow-lg', className)
-    }), !isNonModal && React.createElement(DismissButton, {
-        onDismiss: state.close
-    }), children, React.createElement(DismissButton, {
-        onDismiss: state.close
-    })));
-}

package/dist/components/autocomplete/components/popover/popover.types.d.ts

@@ -1,25 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { type AriaPopoverProps } from 'react-aria';
-import { type OverlayTriggerState } from 'react-stately';
-export type PopoverProps = Omit<AriaPopoverProps, 'popoverRef'> & {
-    /**
-     * Popover content
-     */
-    children: ReactNode;
-    /**
-     * Classname
-     */
-    className?: string;
-    /**
-     * Popover ref
-     */
-    popoverRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Element where the popover will be rendered, by default it will be into the body
-     */
-    portalContainer?: Element;
-    /**
-     * Popover state
-     */
-    state: OverlayTriggerState;
-} & HTMLAttributes<Element>;

package/dist/components/button-dropdown/components/heading/heading.component.d.ts

@@ -1,2 +0,0 @@
-import { type HeadingProps } from './heading.types.js';
-export declare function Heading({ className, tag: Tag, children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button-dropdown/components/heading/heading.component.js

@@ -1,24 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import React from 'react';
-import { styles as headingStyles } from './heading.styles.js';
-export function Heading({ className , tag: Tag = 'h1' , children , ...props }) {
-    const styles = headingStyles({});
-    return React.createElement(Tag, _extends({
-        className: styles.base({
-            className
-        })
-    }, props), children);
-}

package/dist/components/button-dropdown/components/heading/heading.types.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type HeadingProps = {
-    /**
-     * The tag of the heading element for semantic reasons
-     */
-    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-} & HTMLAttributes<Element>;

package/dist/components/button-dropdown/components/panel/index.d.ts

@@ -1,2 +0,0 @@
-export { Panel } from './panel.component.js';
-export { type PanelProps } from './panel.types.js';

package/dist/components/button-dropdown/components/panel/index.js

@@ -1 +0,0 @@
-export { Panel } from './panel.component.js';

package/dist/components/button-dropdown/components/panel/panel.component.d.ts

@@ -1,5 +0,0 @@
-import { type PanelProps } from './panel.types.js';
-/**
- * @private
- */
-export declare function Panel({ className, children, state, block, id, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button-dropdown/components/panel/panel.component.js

@@ -1,68 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import React, { useCallback, useEffect, useRef } from 'react';
-import { DismissButton, Overlay, mergeProps, useFocusRing, usePopover } from 'react-aria';
-import { styles as panelStyles } from './panel.styles.js';
-export function Panel({ className , children , state , block , id , ...props }) {
-    var _props_triggerRef_current;
-    const popoverRef = useRef(null);
-    const { popoverProps  } = usePopover({
-        popoverRef,
-        shouldFlip: false,
-        isNonModal: true,
-        ...props
-    }, state);
-    const { isFocused , focusProps  } = useFocusRing();
-    const styles = panelStyles({
-        isFocused
-    });
-    const width = (_props_triggerRef_current = props.triggerRef.current) === null || _props_triggerRef_current === void 0 ? void 0 : _props_triggerRef_current.getBoundingClientRect().width;
-    const focusHandler = useCallback((event)=>{
-        if (event.target && popoverRef.current && event.target !== props.triggerRef.current && !popoverRef.current.contains(event.target) && state.isOpen) state.close();
-    }, [
-        state.isOpen
-    ]);
-    const clickHandler = useCallback((event)=>{
-        if (event.target && popoverRef.current && !popoverRef.current.contains(event.target) && state.isOpen) state.close();
-    }, [
-        state.isOpen
-    ]);
-    useEffect(()=>{
-        window.document.addEventListener('focusin', focusHandler);
-        window.document.addEventListener('click', clickHandler);
-        return ()=>{
-            window.document.removeEventListener('focusin', focusHandler);
-            window.document.removeEventListener('click', clickHandler);
-        };
-    }, []);
-    return React.createElement(Overlay, null, React.createElement("div", _extends({}, mergeProps(popoverProps, focusProps), {
-        id: id,
-        "data-testid": "panel-dialog",
-        style: {
-            ...popoverProps.style,
-            width: block && width ? `${width}px` : undefined
-        },
-        ref: popoverRef,
-        className: styles.base({
-            className
-        })
-    }), React.createElement(DismissButton, {
-        onDismiss: state.close
-    }), React.createElement("div", {
-        className: styles.dialog()
-    }, children), React.createElement(DismissButton, {
-        onDismiss: state.close
-    })));
-}

package/dist/components/button-dropdown/components/panel/panel.types.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { AriaPopoverProps } from 'react-aria';
-import { OverlayTriggerState } from 'react-stately';
-import { ButtonProps } from '../../../button/index.js';
-export type PanelProps = {
-    /**
-     * State for the panel
-     */
-    state: OverlayTriggerState;
-} & HTMLAttributes<Element> & Omit<AriaPopoverProps, 'popoverRef'> & Pick<ButtonProps, 'block'>;

package/dist/components/button-group/components/button/button.component.d.ts

@@ -1,2 +0,0 @@
-import { type ButtonProps } from './button.types.js';
-export declare function Button({ className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button-group/components/button/button.component.js

@@ -1,49 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import React, { useContext, useRef } from 'react';
-import { VisuallyHidden, useFocusRing, useRadio } from 'react-aria';
-import { Button as GELButton } from '../../../button/index.js';
-import { ButtonGroupContext } from '../../button-group.component.js';
-import { styles as buttonStyles } from './button.styles.js';
-export function Button({ className , children , ...props }) {
-    const state = useContext(ButtonGroupContext);
-    const { size , look , block  } = state;
-    const ref = useRef(null);
-    const { inputProps , isSelected , isDisabled  } = useRadio({
-        ...props,
-        children
-    }, state, ref);
-    const { isFocusVisible , focusProps  } = useFocusRing();
-    const styles = buttonStyles({
-        block,
-        isDisabled,
-        isFocusVisible
-    });
-    return React.createElement("label", {
-        className: styles.base({
-            className
-        })
-    }, React.createElement(VisuallyHidden, null, React.createElement("input", _extends({}, inputProps, focusProps, {
-        ref: ref
-    }))), React.createElement(GELButton, {
-        tag: "div",
-        block: block,
-        soft: !isSelected,
-        disabled: isDisabled,
-        look: look,
-        size: size,
-        className: styles.button()
-    }, children));
-}

package/dist/components/button-group/components/button/button.types.d.ts

@@ -1,7 +0,0 @@
-import { AriaRadioProps } from 'react-aria';
-export type ButtonProps = {
-    /**
-     * `string` for overriding base style
-     */
-    className?: string;
-} & AriaRadioProps;

package/dist/components/button-group/components/button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from './button.component.js';
-export { type ButtonProps } from './button.types.js';

package/dist/components/button-group/components/button/index.js

@@ -1 +0,0 @@
-export { Button } from './button.component.js';

package/dist/components/checkbox-group/components/checkbox/checkbox.component.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    hint?: React.ReactNode;
-} & Omit<import("react-aria").AriaCheckboxGroupItemProps, "isIndeterminate"> & React.RefAttributes<unknown>>;

package/dist/components/checkbox-group/components/checkbox/checkbox.component.js

@@ -1,71 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import React, { forwardRef, useContext, useRef } from 'react';
-import { VisuallyHidden, useCheckboxGroupItem, useFocusRing } from 'react-aria';
-import { Icon } from '../../../icon/icon.component.js';
-import { CheckboxGroupContext } from '../../checkbox-group.component.js';
-import { styles as checkboxItemStyles } from './checkbox.styles.js';
-function CheckIcon({ copyrightYear ='2023' , size , ...props }) {
-    const viewBoxSize = size === 'large' ? '0 0 30 30' : '0 0 24 24';
-    return React.createElement(Icon, _extends({
-        copyrightYear: copyrightYear,
-        viewBox: viewBoxSize
-    }, props), size === 'large' ? React.createElement("path", {
-        d: "M12.9952 17.5891L20.2923 10.292L21.7023 11.712L12.9952 20.4191L8.28809 15.712L9.69809 14.302L12.9952 17.5891Z",
-        fill: "currentColor"
-    }) : React.createElement("path", {
-        d: "M9.99519 14.5891L17.2923 7.29199L18.7023 8.71199L9.99519 17.4191L5.28809 12.712L6.69809 11.302L9.99519 14.5891Z",
-        fill: "currentColor"
-    }));
-}
-function BaseCheckbox({ className , hint , children , value , ...props }, ref) {
-    const state = useContext(CheckboxGroupContext);
-    const { size , orientation  } = state;
-    const localRef = useRef(null);
-    const { inputProps , isDisabled , isSelected  } = useCheckboxGroupItem({
-        ...props,
-        value,
-        children
-    }, state, localRef);
-    const { isFocused , focusProps  } = useFocusRing();
-    const styles = checkboxItemStyles({
-        isDisabled,
-        size,
-        orientation,
-        isFocused
-    });
-    return React.createElement("label", {
-        className: styles.base({
-            className
-        }),
-        ref: ref
-    }, React.createElement(VisuallyHidden, null, React.createElement("input", _extends({}, inputProps, focusProps, {
-        ref: localRef
-    }))), React.createElement("div", {
-        className: styles.checkbox()
-    }, isSelected && React.createElement(CheckIcon, {
-        className: styles.checkIcon(),
-        size: size,
-        color: isDisabled ? 'border' : 'hero'
-    })), React.createElement("div", {
-        className: styles.textWrapper()
-    }, React.createElement("span", {
-        className: styles.labelText()
-    }, children), hint && React.createElement("span", {
-        className: styles.hintText()
-    }, hint)));
-}
-export const Checkbox = forwardRef(BaseCheckbox);
-Checkbox.displayName = 'CheckboxGroup.Checkbox';

package/dist/components/checkbox-group/components/checkbox/checkbox.styles.d.ts

@@ -1,87 +0,0 @@
-export declare const styles: import("tailwind-variants").TVReturnType<{
-    isDisabled: {
-        true: {
-            labelText: string;
-            checkbox: string;
-        };
-        false: {
-            base: string;
-        };
-    };
-    isFocused: {
-        true: {
-            checkbox: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    size: {
-        large: {
-            checkIcon: string;
-            base: string;
-            checkbox: string;
-        };
-        medium: {
-            checkIcon: string;
-            base: string;
-            checkbox: string;
-        };
-    };
-}, {
-    base: string;
-    checkIcon: string;
-    textWrapper: string;
-    labelText: string;
-    hintText: string;
-    checkbox: string;
-}, undefined, {
-    responsiveVariants: string[];
-}, {
-    isDisabled: {
-        true: {
-            labelText: string;
-            checkbox: string;
-        };
-        false: {
-            base: string;
-        };
-    };
-    isFocused: {
-        true: {
-            checkbox: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    size: {
-        large: {
-            checkIcon: string;
-            base: string;
-            checkbox: string;
-        };
-        medium: {
-            checkIcon: string;
-            base: string;
-            checkbox: string;
-        };
-    };
-}, {
-    base: string;
-    checkIcon: string;
-    textWrapper: string;
-    labelText: string;
-    hintText: string;
-    checkbox: string;
-}>;

package/dist/components/checkbox-group/components/checkbox/checkbox.styles.js

@@ -1,55 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const styles = tv({
-    slots: {
-        base: 'flex',
-        checkIcon: 'overflow-visible',
-        textWrapper: 'flex flex-col justify-center',
-        labelText: 'typography-body-10 py-[2px] pl-1',
-        hintText: 'typography-body-10 pl-1 text-muted',
-        checkbox: 'flex shrink-0 items-center justify-center rounded border border-hero'
-    },
-    variants: {
-        isDisabled: {
-            true: {
-                labelText: 'text-muted',
-                checkbox: 'border-border bg-border-20'
-            },
-            false: {
-                base: 'hover:cursor-pointer'
-            }
-        },
-        isFocused: {
-            true: {
-                checkbox: 'focus-outline'
-            }
-        },
-        orientation: {
-            horizontal: {
-                base: 'mr-3'
-            },
-            vertical: {
-                base: ''
-            }
-        },
-        size: {
-            large: {
-                checkIcon: 'h-5 w-5',
-                base: 'mb-2',
-                checkbox: 'h-5 w-5'
-            },
-            medium: {
-                checkIcon: 'h-4 w-4',
-                base: 'mb-1',
-                checkbox: 'h-4 w-4'
-            }
-        }
-    }
-}, {
-    responsiveVariants: [
-        'xsl',
-        'sm',
-        'md',
-        'lg',
-        'xl'
-    ]
-});

package/dist/components/checkbox-group/components/checkbox/checkbox.types.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { AriaCheckboxGroupItemProps } from 'react-aria';
-export type CheckboxProps = {
-    /**
-     * `string` for overriding base style
-     */
-    className?: string;
-    /**
-     * Renders hint under option, most likely a `string` but could be something else
-     */
-    hint?: ReactNode;
-} & Omit<AriaCheckboxGroupItemProps, 'isIndeterminate'>;

package/dist/components/checkbox-group/components/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export { Checkbox } from './checkbox.component.js';
-export { type CheckboxProps } from './checkbox.types.js';

package/dist/components/checkbox-group/components/checkbox/index.js

@@ -1 +0,0 @@
-export { Checkbox } from './checkbox.component.js';

package/dist/components/form-hint/form-hint.component.d.ts

@@ -1,2 +0,0 @@
-import { type FormHintProps } from './form-hint.types.js';
-export declare function FormHint({ className, tag: Tag, children, spacing, ...props }: FormHintProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-hint/form-hint.component.js

@@ -1,24 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source){
-                if (Object.prototype.hasOwnProperty.call(source, key)) {
-                    target[key] = source[key];
-                }
-            }
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-import React from 'react';
-import { styles } from './form-hint.styles.js';
-export function FormHint({ className , tag: Tag = 'div' , children , spacing , ...props }) {
-    return React.createElement(Tag, _extends({
-        className: styles({
-            className,
-            spacing: spacing || 'medium'
-        })
-    }, props), children);
-}

package/dist/components/form-hint/form-hint.types.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type FormHintProps = {
-    /**
-     * spacing
-     */
-    spacing?: 'medium' | 'large';
-    /**
-     * Tag to render
-     */
-    tag?: keyof JSX.IntrinsicElements;
-} & HTMLAttributes<Element>;

package/dist/components/form-hint/index.d.ts

@@ -1,2 +0,0 @@
-export { FormHint } from './form-hint.component.js';
-export { type FormHintProps } from './form-hint.types.js';

package/dist/components/form-hint/index.js

@@ -1 +0,0 @@
-export { FormHint } from './form-hint.component.js';

package/dist/components/form-label/form-label.component.d.ts

@@ -1,2 +0,0 @@
-import { type FormLabelProps } from './form-label.types.js';
-export declare function FormLabel({ className, tag: Tag, spacing, srOnly, children, subLabel, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;