@nulogy/components 15.2.2 → 15.2.3

package/dist/src/Overlay/Overlay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex/Flex";
 interface Props extends FlexProps {
     dark?: boolean;

package/dist/src/Pagination/PageNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PageNumberProps = {
     currentPage: boolean;
 };

package/dist/src/Pagination/Pagination.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { flushSync } from "react-dom";
@@ -22,22 +11,20 @@ import NextButton from "./NextButton";
 import PaginationCount from "./PaginationCount";
 import { getPageItemsToDisplay } from "./lib";
 export const SEPARATOR = "...";
-function Pagination(_a) {
-    var { onNext = noop, onPrevious = noop, onSelectPage = noop, currentPage, totalPages, maxVisiblePages = 6, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel } = _a, restProps = __rest(_a, ["onNext", "onPrevious", "onSelectPage", "currentPage", "totalPages", "maxVisiblePages", "nextAriaLabel", "nextLabel", "previousAriaLabel", "previousLabel", "scrollToTopAfterPagination", "scrollTargetRef", "aria-label"]);
+function Pagination({ onNext = noop, onPrevious = noop, onSelectPage = noop, currentPage, totalPages, maxVisiblePages = 6, nextAriaLabel, nextLabel, previousAriaLabel, previousLabel, scrollToTopAfterPagination, scrollTargetRef, "aria-label": ariaLabel, ...restProps }) {
     const { t } = useTranslation();
     const phone = !useMediaQuery("phoneLandscape");
     const largerThanPhone = useMediaQuery("tabletPortrait");
     const scrollToTop = () => {
-        var _a, _b;
         if (scrollToTopAfterPagination) {
-            const top = (scrollTargetRef === null || scrollTargetRef === void 0 ? void 0 : scrollTargetRef.current) ? window.scrollY + ((_b = (_a = scrollTargetRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.top) : 0;
+            const top = scrollTargetRef?.current ? window.scrollY + scrollTargetRef.current?.getBoundingClientRect()?.top : 0;
             window.scrollTo({
                 top,
                 behavior: "smooth",
             });
         }
     };
-    return (React.createElement(Flex, Object.assign({ as: "nav", gap: "x2", "aria-label": ariaLabel || t("pagination navigation"), alignItems: "center" }, restProps),
+    return (React.createElement(Flex, { as: "nav", gap: "x2", "aria-label": ariaLabel || t("pagination navigation"), alignItems: "center", ...restProps },
         React.createElement(PreviousButton, { disabled: currentPage === 1, onClick: () => {
                 flushSync(() => {
                     onPrevious();

package/dist/src/Pagination/PaginationButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const PaginationButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     disabled?: boolean;
     currentPage?: boolean;

package/dist/src/Popper/Popper.js

@@ -69,9 +69,14 @@ const Popper = React.forwardRef(({ id, trigger, children, backgroundColor, borde
             onMouseLeave: () => closePopUp(false),
         }
         : null;
-    const eventHandlers = Object.assign(Object.assign({ onFocus: () => openPopUp(false), onBlur: () => {
+    const eventHandlers = {
+        onFocus: () => openPopUp(false),
+        onBlur: () => {
             closePopUp(false);
-        } }, onHoverHandlers), onClickEventHandlers);
+        },
+        ...onHoverHandlers,
+        ...onClickEventHandlers,
+    };
     const transformInnerChildren = (elements) => makeArray(elements).map((element, i) => {
         const transformedElement = wrapInFunction(element)({
             closeMenu: (e) => {
@@ -96,12 +101,30 @@ const Popper = React.forwardRef(({ id, trigger, children, backgroundColor, borde
     const openLabel = openAriaLabel || t("open");
     const closeLabel = closeAriaLabel || t("close");
     return (React.createElement(Manager, { ref: popperRef },
-        React.createElement(Reference, null, ({ ref }) => React.cloneElement(trigger, Object.assign(Object.assign({ "aria-haspopup": true, "aria-expanded": isOpen, "aria-describedby": id, "aria-label": isOpen ? closeLabel : openLabel }, eventHandlers), { ref }))),
+        React.createElement(Reference, null, ({ ref }) => React.cloneElement(trigger, {
+            "aria-haspopup": true,
+            "aria-expanded": isOpen,
+            "aria-describedby": id,
+            "aria-label": isOpen ? closeLabel : openLabel,
+            ...eventHandlers,
+            ref,
+        })),
         React.createElement(ReactPopperPopUp, { placement: popperPlacement, modifiers: modifiers }, ({ ref, style, placement, arrowProps }) => (React.createElement(React.Fragment, null, isOpen &&
-            React.cloneElement(children, Object.assign({ open: isOpen, ref,
-                id, style: Object.assign(Object.assign({ position: "absolute" }, (isOpen ? style : null)), { top: isOpen ? 0 : "-9999px" }), dataPlacement: placement, className: `${children.props.className || ""} nds-popper-pop-up` }, eventHandlers), [
+            React.cloneElement(children, {
+                open: isOpen,
+                ref,
+                id,
+                style: {
+                    position: "absolute",
+                    ...(isOpen ? style : null),
+                    top: isOpen ? 0 : "-9999px",
+                },
+                dataPlacement: placement,
+                className: `${children.props.className || ""} nds-popper-pop-up`,
+                ...eventHandlers,
+            }, [
                 ...renderInnerChildren(),
-                showArrow && (React.createElement(PopperArrow, Object.assign({ key: "popper-arrow" }, arrowProps, { placement: placement, ref: arrowProps.ref, backgroundColor: backgroundColor, borderColor: borderColor }))),
+                showArrow && (React.createElement(PopperArrow, { key: "popper-arrow", ...arrowProps, placement: placement, ref: arrowProps.ref, backgroundColor: backgroundColor, borderColor: borderColor })),
             ]))))));
 });
 export default Popper;

package/dist/src/Primitives/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledProps } from "../StyledProps";
 declare const Ul: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledProps>> & string;
 declare const Li: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledProps>> & string;

package/dist/src/Radio/Radio.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { forwardRef } from "react";
 import styled from "styled-components";
 import propTypes from "@styled-system/prop-types";
@@ -96,19 +85,23 @@ const RadioInput = styled.input((props) => ({
     [`&:focus + ${VisualRadio}`]: {
         boxShadow: props.theme.shadows.focus,
     },
-    [`&:checked + ${VisualRadio}`]: Object.assign(Object.assign({}, getRadioStyle(props, "checked")), { "&:before": {
+    [`&:checked + ${VisualRadio}`]: {
+        ...getRadioStyle(props, "checked"),
+        "&:before": {
             display: "block",
-        } }),
-    [`&:not(:checked) + ${VisualRadio}`]: Object.assign({}, getRadioStyle(props, "unchecked")),
+        },
+    },
+    [`&:not(:checked) + ${VisualRadio}`]: {
+        ...getRadioStyle(props, "unchecked"),
+    },
 }));
-const Radio = forwardRef((_a, ref) => {
-    var { disabled = false, error = false, required = false, className, labelText, checked, variant } = _a, props = __rest(_a, ["disabled", "error", "required", "className", "labelText", "checked", "variant"]);
+const Radio = forwardRef(({ disabled = false, error = false, required = false, className, labelText, checked, variant, ...props }, ref) => {
     const componentVariant = useComponentVariant(variant);
     const spaceProps = getSubset(props, propTypes.space);
     const restProps = omitSubset(props, propTypes.space);
-    return (React.createElement(Box, Object.assign({ position: "relative", className: className, px: "0" }, spaceProps),
+    return (React.createElement(Box, { position: "relative", className: className, px: "0", ...spaceProps },
         React.createElement(ClickInputLabel, { variant: componentVariant, disabled: disabled },
-            React.createElement(RadioInput, Object.assign({ type: "radio", ref: ref, "aria-checked": checked, checked: checked, disabled: disabled, error: error }, restProps, { required: required, "aria-required": required, "aria-invalid": error })),
+            React.createElement(RadioInput, { type: "radio", ref: ref, "aria-checked": checked, checked: checked, disabled: disabled, error: error, ...restProps, required: required, "aria-required": required, "aria-invalid": error }),
             React.createElement(VisualRadio, { disabled: disabled }),
             React.createElement(Text, { inline: true, disabled: disabled, fontSize: componentVariant === "touch" ? "md" : undefined, lineHeight: componentVariant === "touch" ? "base" : undefined },
                 " ",

package/dist/src/Radio/Radio.story.d.ts

@@ -5,113 +5,121 @@ declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<{
         children?: React.ReactNode | Record<string, unknown>;
-        value?: string | number | readonly string[];
+        value?: string | readonly string[] | number | undefined;
         ref?: React.Ref<HTMLInputElement>;
-        form?: string;
-        slot?: string;
-        style?: React.CSSProperties;
-        title?: string;
-        pattern?: string;
-        property?: string;
-        color?: string;
-        content?: string;
-        height?: string | number;
-        translate?: "yes" | "no";
-        width?: string | number;
-        hidden?: boolean;
-        key?: React.Key;
-        defaultChecked?: boolean;
-        defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
-        accessKey?: string;
-        autoFocus?: boolean;
-        className?: string;
-        contentEditable?: "inherit" | (boolean | "true" | "false");
-        contextMenu?: string;
-        dir?: string;
-        draggable?: boolean | "true" | "false";
-        id?: string;
-        lang?: string;
-        nonce?: string;
-        placeholder?: string;
-        spellCheck?: boolean | "true" | "false";
-        tabIndex?: number;
-        radioGroup?: string;
-        role?: React.AriaRole;
-        about?: string;
-        datatype?: string;
+        form?: string | undefined;
+        slot?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+        pattern?: string | undefined;
+        property?: string | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        height?: number | string | undefined;
+        translate?: "yes" | "no" | undefined;
+        width?: number | string | undefined;
+        hidden?: boolean | undefined;
+        key?: React.Key | null | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        placeholder?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined;
+        radioGroup?: string | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
         inlist?: any;
-        prefix?: string;
-        rel?: string;
-        resource?: string;
-        rev?: string;
-        typeof?: string;
-        vocab?: string;
-        autoCapitalize?: string;
-        autoCorrect?: string;
-        autoSave?: string;
-        itemProp?: string;
-        itemScope?: boolean;
-        itemType?: string;
-        itemID?: string;
-        itemRef?: string;
-        results?: number;
-        security?: string;
-        unselectable?: "on" | "off";
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-        is?: string;
-        'aria-activedescendant'?: string;
-        'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both";
-        'aria-busy'?: boolean | "true" | "false";
-        'aria-checked'?: boolean | "true" | "false" | "mixed";
-        'aria-colcount'?: number;
-        'aria-colindex'?: number;
-        'aria-colspan'?: number;
-        'aria-controls'?: string;
-        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
-        'aria-describedby'?: string;
-        'aria-details'?: string;
-        'aria-disabled'?: boolean | "true" | "false";
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
-        'aria-errormessage'?: string;
-        'aria-expanded'?: boolean | "true" | "false";
-        'aria-flowto'?: string;
-        'aria-grabbed'?: boolean | "true" | "false";
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
-        'aria-hidden'?: boolean | "true" | "false";
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
-        'aria-keyshortcuts'?: string;
-        'aria-label'?: string;
-        'aria-labelledby'?: string;
-        'aria-level'?: number;
-        'aria-live'?: "off" | "assertive" | "polite";
-        'aria-modal'?: boolean | "true" | "false";
-        'aria-multiline'?: boolean | "true" | "false";
-        'aria-multiselectable'?: boolean | "true" | "false";
-        'aria-orientation'?: "horizontal" | "vertical";
-        'aria-owns'?: string;
-        'aria-placeholder'?: string;
-        'aria-posinset'?: number;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed";
-        'aria-readonly'?: boolean | "true" | "false";
-        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
-        'aria-required'?: boolean | "true" | "false";
-        'aria-roledescription'?: string;
-        'aria-rowcount'?: number;
-        'aria-rowindex'?: number;
-        'aria-rowspan'?: number;
-        'aria-selected'?: boolean | "true" | "false";
-        'aria-setsize'?: number;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other";
-        'aria-valuemax'?: number;
-        'aria-valuemin'?: number;
-        'aria-valuenow'?: number;
-        'aria-valuetext'?: string;
+        prefix?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        };
+        } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLInputElement>;
         onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement>;
         onCut?: React.ClipboardEventHandler<HTMLInputElement>;
@@ -130,7 +138,7 @@ declare const _default: {
         onBlurCapture?: React.FocusEventHandler<HTMLInputElement>;
         onChange?: React.ChangeEventHandler<HTMLInputElement>;
         onChangeCapture?: React.FormEventHandler<HTMLInputElement>;
-        onBeforeInput?: React.FormEventHandler<HTMLInputElement>;
+        onBeforeInput?: React.InputEventHandler<HTMLInputElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement>;
         onInput?: React.FormEventHandler<HTMLInputElement>;
         onInputCapture?: React.FormEventHandler<HTMLInputElement>;
@@ -272,31 +280,29 @@ declare const _default: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement>;
-        list?: string;
-        name?: string;
-        type?: React.HTMLInputTypeAttribute;
-        crossOrigin?: "" | "anonymous" | "use-credentials";
-        alt?: string;
-        src?: string;
-        disabled?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
-        autoComplete?: string;
-        accept?: string;
-        capture?: boolean | "user" | "environment";
-        checked?: boolean;
-        enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send";
-        max?: string | number;
-        maxLength?: number;
-        min?: string | number;
-        minLength?: number;
-        multiple?: boolean;
-        readOnly?: boolean;
-        required?: boolean;
-        step?: string | number;
+        list?: string | undefined;
+        name?: string | undefined;
+        type?: React.HTMLInputTypeAttribute | undefined;
+        alt?: string | undefined;
+        src?: string | undefined;
+        disabled?: boolean | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        autoComplete?: string | undefined;
+        accept?: string | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: boolean | undefined;
+        max?: number | string | undefined;
+        maxLength?: number | undefined;
+        min?: number | string | undefined;
+        minLength?: number | undefined;
+        multiple?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        step?: number | string | undefined;
     } & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
         htmlSize?: number;
         variant?: import("../NDSProvider/ComponentVariantContext").ComponentVariant;

package/dist/src/Radio/Radio.story.js

@@ -23,25 +23,25 @@ export const SetToDefaultChecked = {
 };
 export const SetToDisabled = {
     render: (args) => (React.createElement(React.Fragment, null,
-        React.createElement(Radio, Object.assign({}, args, { id: "radio-1", disabled: true, labelText: "I am disabled" })),
-        React.createElement(Radio, Object.assign({}, args, { id: "radio-2", checked: true, disabled: true, labelText: "I am disabled" })))),
+        React.createElement(Radio, { ...args, id: "radio-1", disabled: true, labelText: "I am disabled" }),
+        React.createElement(Radio, { ...args, id: "radio-2", checked: true, disabled: true, labelText: "I am disabled" }))),
     name: "Set to disabled",
 };
 export const SetToError = {
     render: (args) => (React.createElement(React.Fragment, null,
-        React.createElement(Radio, Object.assign({}, args, { id: "radio", error: true, labelText: "I am error" })),
-        React.createElement(Radio, Object.assign({}, args, { id: "radio", defaultChecked: true, error: true, labelText: "I am error" })))),
+        React.createElement(Radio, { ...args, id: "radio", error: true, labelText: "I am error" }),
+        React.createElement(Radio, { ...args, id: "radio", defaultChecked: true, error: true, labelText: "I am error" }))),
     name: "Set to error",
 };
 export const SetToRequired = {
     render: (args) => (React.createElement(React.Fragment, null,
-        React.createElement(Radio, Object.assign({}, args, { id: "radio", labelText: "I am a radio button", required: true })))),
+        React.createElement(Radio, { ...args, id: "radio", labelText: "I am a radio button", required: true }))),
     name: "Set to required",
 };
 export const Controlled = {
     render: (args) => (React.createElement(React.Fragment, null,
-        React.createElement(Radio, Object.assign({}, args, { id: "radio-1", checked: true, onChange: action("onChange"), labelText: "I am controlled and checked" })),
-        React.createElement(Radio, Object.assign({}, args, { id: "radio-2", checked: false, onChange: action("onChange"), labelText: "I am controlled and unchecked" })))),
+        React.createElement(Radio, { ...args, id: "radio-1", checked: true, onChange: action("onChange"), labelText: "I am controlled and checked" }),
+        React.createElement(Radio, { ...args, id: "radio-2", checked: false, onChange: action("onChange"), labelText: "I am controlled and unchecked" }))),
 };
 const UsingRefToControlFocusComponent = () => {
     const ref = useRef(null);
@@ -53,6 +53,6 @@ const UsingRefToControlFocusComponent = () => {
         React.createElement(Button, { onClick: handleClick, "data-testid": "the-button" }, "Focus the Input")));
 };
 export const UsingRefToControlFocus = {
-    render: (args) => React.createElement(UsingRefToControlFocusComponent, Object.assign({}, args)),
+    render: (args) => React.createElement(UsingRefToControlFocusComponent, { ...args }),
     name: "using ref to control focus",
 };

package/dist/src/Radio/RadioGroup.js

@@ -1,23 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { useTheme } from "styled-components";
 import { HelpText, RequirementText } from "../FieldLabel";
 import { InlineValidation } from "../Validation";
 import { Fieldset } from "../Form";
 import Radio from "./Radio";
-export default function RadioGroup(_a) {
-    var { className, id, errorMessage, errorList, labelText, helpText, requirementText } = _a, props = __rest(_a, ["className", "id", "errorMessage", "errorList", "labelText", "helpText", "requirementText"]);
-    const otherProps = Object.assign(Object.assign({}, props), { errorMessage, errorList });
+export default function RadioGroup({ className, id, errorMessage, errorList, labelText, helpText, requirementText, ...props }) {
+    const otherProps = { ...props, errorMessage, errorList };
     const theme = useTheme();
     return (React.createElement(Fieldset, { className: className, id: id },
         React.createElement("legend", { style: { marginBottom: theme.space.x1 } },
@@ -34,8 +22,8 @@ const labelTextStyles = (theme) => ({
 });
 const getRadioButtons = (props) => {
     const radioButtons = React.Children.map(props.children, (radio) => {
-        const _a = radio.props, { value, disabled, required, onChange } = _a, radioProps = __rest(_a, ["value", "disabled", "required", "onChange"]);
-        return (React.createElement(Radio, Object.assign({}, radioProps, { value: value, disabled: props.disabled || disabled, error: !!(props.errorMessage || props.errorList), required: props.required || required, name: props.name, defaultChecked: value === props.defaultValue ? true : undefined, checked: props.checkedValue && value === props.checkedValue, onChange: props.onChange || onChange })));
+        const { value, disabled, required, onChange, ...radioProps } = radio.props;
+        return (React.createElement(Radio, { ...radioProps, value: value, disabled: props.disabled || disabled, error: !!(props.errorMessage || props.errorList), required: props.required || required, name: props.name, defaultChecked: value === props.defaultValue ? true : undefined, checked: props.checkedValue && value === props.checkedValue, onChange: props.onChange || onChange }));
     });
     return radioButtons;
 };

package/dist/src/RangeContainer/RangeContainer.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import propTypes from "@styled-system/prop-types";
 import { Text } from "../Type";
@@ -17,12 +6,14 @@ import { FieldLabel } from "../FieldLabel";
 import { FieldLabelDefaultProps } from "../FieldLabel/FieldLabel.type";
 import { InlineValidation } from "../Validation";
 import { getSubset, omitSubset } from "../utils/subset";
-const RangeContainer = (_a) => {
-    var { startComponent, endComponent, errorMessages = [], labelProps = Object.assign(Object.assign({}, FieldLabelDefaultProps), { labelText: "Range" }), variant } = _a, props = __rest(_a, ["startComponent", "endComponent", "errorMessages", "labelProps", "variant"]);
+const RangeContainer = ({ startComponent, endComponent, errorMessages = [], labelProps = {
+    ...FieldLabelDefaultProps,
+    labelText: "Range",
+}, variant, ...props }) => {
     const spaceProps = getSubset(props, propTypes.space);
     const restProps = omitSubset(props, propTypes.space);
-    return (React.createElement(Flex, Object.assign({}, spaceProps, { flexDirection: "column" }),
-        React.createElement(FieldLabel, Object.assign({}, labelProps, restProps)),
+    return (React.createElement(Flex, { ...spaceProps, flexDirection: "column" },
+        React.createElement(FieldLabel, { ...labelProps, ...restProps }),
         React.createElement(Flex, { flexWrap: "wrap", mt: "x1", mb: errorMessages.length ? "x1" : "x3" },
             React.createElement(Flex, null, startComponent),
             React.createElement(Flex, { px: "half", alignItems: "flex-end", alignSelf: "flex-end" },