@amboss/design-system 1.5.18 → 1.5.20

package/build/src/components/Divider/Divider.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Text } from '../Typography/Text/Text.js';
+import { Box } from '../Box/Box.js';
+
+const StyledContainer = styled.div(() => ({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+}));
+const StyledDivider = styled.div(({ theme }) => ({
+    borderBottomColor: theme.values.color.divider.primary,
+    borderBottomWidth: "1px",
+    borderBottomStyle: "solid",
+    flex: "1",
+}));
+const StyledContent = styled.div(() => ({
+    maxWidth: "50%",
+}));
+function Divider({ text, "data-e2e-test-id": dataE2eTestId, }) {
+    if (text) {
+        return (React.createElement(StyledContainer, { "data-e2e-test-id": dataE2eTestId },
+            React.createElement(StyledDivider, null),
+            text && (React.createElement(StyledContent, null,
+                React.createElement(Box, { space: "xxl", vSpace: "zero" },
+                    React.createElement(Text, { variant: "tertiary" }, text)))),
+            React.createElement(StyledDivider, null)));
+    }
+    return React.createElement(StyledDivider, { "data-e2e-test-id": dataE2eTestId });
+}
+
+export { Divider };
+//# sourceMappingURL=Divider.js.map

package/build/src/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAwB,OAAO;AAC/D,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACrB,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAC/C,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;AACrD,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,iBAAiB,EAAE,OAAO;AAC1B,IAAA,IAAI,EAAE,GAAG;AACV,CAAA,CAAC,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO;AACtC,IAAA,QAAQ,EAAE,KAAK;AAChB,CAAA,CAAC,CAAC,CAAC;AAEE,SAAU,OAAO,CAAC,EACtB,IAAI,EACJ,kBAAkB,EAAE,aAAa,GACpB,EAAA;AACb,IAAA,IAAI,IAAI,EAAE;AACR,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,kBAAA,EAAmB,aAAa,EAAA;AAC9C,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAG,IAAA,CAAA;YAChB,IAAI,KACH,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;gBACZ,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAA;oBAC5B,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,UAAU,IAAE,IAAI,CAAQ,CAClC,CACQ,CACjB;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,CACD,EAClB;AACH,KAAA;AACD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAmB,EAAA,kBAAA,EAAA,aAAa,GAAI,CAAC;AAC5D;;;;"}

package/build/src/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,128 @@
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import styled from '@emotion/styled';
+import { useOutsideClick } from '../../shared/useOutsideClick.js';
+import { useAutoPosition } from '../../shared/useAutoPosition.js';
+import { useKeyboard } from '../../shared/useKeyboard.js';
+import { MenuItem } from './MenuItem.js';
+import { Button } from '../Button/Button.js';
+import { Divider } from '../Divider/Divider.js';
+
+const isSeperator = (item) => item === "separator";
+const StyledContainer = styled.div(() => ({
+    position: "relative",
+    display: "inline-block",
+}));
+const StyledMenu = styled.div(({ theme, verticalPosition, horizontalPosition }) => (Object.assign(Object.assign({ position: "absolute", display: "inline-block", width: "fit-content", minWidth: theme.variables.size.dimension.dropdownMenu.width, right: 0, zIndex: 1, borderRadius: theme.variables.size.borderRadius.dropdown.m, boxShadow: theme.variables.shadow.card.c, backgroundColor: theme.values.color.background.layer_2, overflow: "hidden", paddingTop: theme.variables.size.spacing.xs, paddingBottom: theme.variables.size.spacing.xs }, (verticalPosition === "up"
+    ? { bottom: "100%", marginBottom: theme.variables.size.spacing.xs }
+    : { top: "100%", marginTop: theme.variables.size.spacing.xs })), (horizontalPosition === "right"
+    ? { right: "100%", transform: "translateX(100%)" }
+    : {
+        left: "100%",
+        transform: "translateX(-100%)",
+    }))));
+const StyledUl = styled.ul(() => ({
+    margin: 0,
+    padding: 0,
+}));
+const StyledLi = styled.li(() => ({
+    margin: 0,
+    padding: 0,
+    width: "100%",
+    listStyleType: "none",
+    whiteSpace: "nowrap",
+}));
+function DropdownMenu({ menuItems, menuItemTextVariant, label, iconName, size, disabled, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [focusIndex, setFocusIndex] = useState(-1);
+    const containerRef = useRef(null);
+    const buttonRef = useRef(null);
+    const menuRef = useRef(null);
+    // ---- Update menu open state
+    const openMenu = useCallback((e) => {
+        setIsOpen(true);
+        onMenuOpen(e);
+    }, [setIsOpen, onMenuOpen]);
+    const closeMenu = useCallback((e) => {
+        setIsOpen(false);
+        onMenuClose(e);
+    }, [setIsOpen, onMenuClose]);
+    const toggleMenu = useCallback((e) => {
+        if (!isOpen) {
+            openMenu(e);
+        }
+        else {
+            closeMenu(e);
+        }
+    }, [isOpen, openMenu, closeMenu]);
+    // ---- Close menu on outside click
+    useOutsideClick(containerRef, closeMenu, isOpen);
+    // ---- Close menu when the menu is not on focus
+    const blurEvent = useCallback((e) => {
+        if (!e.relatedTarget || !menuRef.current.contains(e.relatedTarget)) {
+            closeMenu(e);
+        }
+    }, [closeMenu]);
+    // ---- Close menu on item select
+    const items = menuItems.map((item) => {
+        if (isSeperator(item))
+            return item;
+        const menuItem = item;
+        return Object.assign(Object.assign({}, menuItem), { onSelect: (e) => {
+                menuItem.onSelect(e);
+                closeMenu(e);
+            } });
+    });
+    // ---- Menu position
+    const [verticalPosition, horizontalPosition] = useAutoPosition(buttonRef, menuRef, isOpen);
+    // ---- Keyboard shortcuts
+    useKeyboard({
+        "ArrowUp ArrowDown": openMenu,
+    }, buttonRef, !isOpen);
+    useKeyboard({
+        Escape: closeMenu,
+        ArrowUp: () => {
+            setFocusIndex(focusIndex - 1);
+        },
+        ArrowDown: () => {
+            setFocusIndex(focusIndex + 1);
+        },
+    }, containerRef, isOpen);
+    useEffect(() => {
+        if (menuRef && menuRef.current) {
+            const buttons = menuRef.current.querySelectorAll("button");
+            buttons[Math.abs(focusIndex) % buttons.length].focus();
+        }
+    }, [menuRef, focusIndex]);
+    return (React.createElement(StyledContainer, { "data-e2e-test-id": dataE2eTestId, ref: containerRef },
+        React.createElement("div", { ref: buttonRef },
+            React.createElement(Button, { size: size, rightIcon: iconName, variant: "tertiary", onClick: toggleMenu, disabled: disabled, privateProps: {
+                    squareCorners: dropdownSquareCorners,
+                } }, label)),
+        isOpen && (React.createElement(StyledMenu, { verticalPosition: verticalPosition, horizontalPosition: horizontalPosition, ref: menuRef },
+            React.createElement(StyledUl, { role: "menu" }, items.map((item, index) => {
+                if (isSeperator(item))
+                    return (React.createElement(StyledLi, { role: "separator", 
+                        // eslint-disable-next-line react/no-array-index-key
+                        key: `menuitem-separator-${index}` },
+                        React.createElement(Divider, null)));
+                const menuItem = item;
+                return (React.createElement(StyledLi, { role: "menuitem", key: `menuitem-${menuItem.label}` },
+                    React.createElement(MenuItem, { onSelect: menuItem.onSelect, onBlur: blurEvent, icon: menuItem.icon, label: menuItem.label, emphasized: menuItem.emphasized, textVariant: menuItemTextVariant })));
+            }))))));
+}
+const defaultProps = {
+    iconName: "more-horizontal",
+    menuItems: [],
+    menuItemTextVariant: "uppercase",
+    size: "m",
+    disabled: false,
+    onMenuOpen: () => undefined,
+    onMenuClose: () => undefined,
+    privateProps: {
+        dropdownSquareCorners: false,
+    },
+};
+DropdownMenu.defaultProps = defaultProps;
+
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/build/src/components/DropdownMenu/DropdownMenu.js.map

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

package/build/src/components/DropdownMenu/MenuItem.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Icon } from '../Icon/Icon.js';
+import { Inline } from '../Inline/Inline.js';
+
+const StyledMenuItem = styled.button(({ theme, size, textVariant }) => (Object.assign(Object.assign(Object.assign(Object.assign({ "&[type='button']": {
+        appearance: "none",
+        MozAppearance: "none",
+        WebkitAppearance: "none",
+    }, display: "inline-block", width: "100%", border: 0, color: theme.values.color.text.button.tertiary.base, backgroundColor: theme.values.color.background.button.tertiary.base, textTransform: textVariant || "uppercase", textDecoration: "none", fontFamily: theme.variables.fontFamily.lato, fontSize: theme.variables.size.font.header.xxs, lineHeight: theme.variables.size.lineHeight.header.xxs, letterSpacing: 0.5, fontWeight: theme.variables.weight.bold, cursor: "pointer", "&:hover": {
+        backgroundColor: theme.values.color.background.button.tertiary.hover,
+        color: theme.values.color.text.button.tertiary.hover,
+    }, "&:active": {
+        backgroundColor: theme.values.color.background.button.tertiary.active,
+        color: theme.values.color.text.button.tertiary.active,
+    }, "&:disabled": {
+        backgroundColor: theme.values.color.background.button.tertiary.disabled,
+        color: theme.values.color.text.button.tertiary.disabled,
+    } }, (size === "s" && {
+    padding: theme.variables.size.spacing.xs,
+})), (size === "m" && {
+    padding: theme.variables.size.spacing.s,
+})), (size === "l" && {
+    padding: theme.variables.size.spacing.m,
+})), { "&[disabled], &:disabled": {
+        pointerEvents: "none",
+    } })));
+function MenuItem({ label, size = "m", disabled = false, onSelect, icon, emphasized = false, textVariant = "uppercase", onBlur, }) {
+    return (React.createElement(StyledMenuItem, { size: size, disabled: disabled, onClick: onSelect, textVariant: textVariant, onBlur: onBlur },
+        React.createElement(Inline, { vAlignItems: "center", alignItems: "left", space: "xxs", noWrap: true },
+            icon && React.createElement(Icon, { size: "s", name: icon, "data-testid": `menuItem-${icon}` }),
+            label,
+            emphasized && (React.createElement(Icon, { size: "s", name: "filled-dot", "data-testid": "menuItem-emphasized" })))));
+}
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/build/src/components/DropdownMenu/MenuItem.js.map

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

package/build/src/components/Form/Checkbox/Checkbox.js

@@ -0,0 +1,86 @@
+import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import styled from '@emotion/styled';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { Icon } from '../../Icon/Icon.js';
+
+/* eslint-disable react/jsx-props-no-spreading */
+const StyledContainer = styled.div(({ theme }) => ({
+    userSelect: "none",
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    boxSizing: "border-box",
+}));
+const StyledRealInput = styled.input(() => ({
+    opacity: 0,
+    cursor: "pointer",
+    height: 0,
+    width: 0,
+    position: "absolute",
+}));
+const StyledFakeInput = styled.span(({ theme }) => ({
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.checkbox.m,
+    height: theme.variables.size.dimension.checkbox.m,
+    borderRadius: theme.variables.size.borderRadius.checkbox.m,
+    border: "2px solid",
+    position: "absolute",
+    top: 0,
+    left: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    background: theme.values.color.background.checkbox.default,
+    color: theme.values.color.icon.checkbox.default,
+    borderColor: theme.values.color.border.checkbox.default,
+    "& svg": {
+        opacity: 0,
+    },
+    "&: hover": {
+        borderColor: theme.values.color.border.checkbox.defaultHover,
+    },
+    "input: focus-visible + &": {
+        outlineWidth: "2px",
+        outlineStyle: "solid",
+        outlineColor: "Highlight",
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+        "input: focus-visible + &": {
+            outlineColor: "-webkit-focus-ring-color",
+            outlineStyle: "auto",
+        },
+    },
+    "input:checked + & ": {
+        border: 0,
+        background: theme.values.color.background.checkbox.checked,
+        "&:hover": {
+            background: theme.values.color.background.checkbox.checkedHover,
+        },
+        svg: {
+            opacity: 1,
+        },
+    },
+    "input:disabled + &": {
+        pointerEvents: "none",
+    },
+}));
+function Checkbox(_a) {
+    var { name, value = "", checked = undefined, label = "", labelHint = "", disabled = false, onChange, onClick, onBlur, onFocus, "data-e2e-test-id": dataE2eTestId } = _a, rest = __rest(_a, ["name", "value", "checked", "label", "labelHint", "disabled", "onChange", "onClick", "onBlur", "onFocus", "data-e2e-test-id"]);
+    return (React.createElement(FormField, Object.assign({ "data-e2e-test-id": dataE2eTestId }, rest, { disabled: disabled }),
+        React.createElement(Inline, { space: "m", vAlignItems: "top", noWrap: true },
+            React.createElement(StyledContainer, null,
+                React.createElement(StyledRealInput, { type: "checkbox", name: name, value: value, checked: checked, disabled: disabled, onChange: onChange, onClick: onClick, onBlur: onBlur, onFocus: onFocus }),
+                React.createElement(StyledFakeInput, null,
+                    React.createElement(Icon, { size: "s", name: "check" }))),
+            label && (React.createElement("div", null,
+                typeof label === "string" ? React.createElement(Text, null, label) : label,
+                labelHint && (React.createElement(Text, { variant: "secondary", size: "s" }, labelHint)))))));
+}
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/build/src/components/Form/Checkbox/Checkbox.js.map

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

package/build/src/components/Form/FormErrorMessages/FormErrorMessages.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+function FormErrorMessages({ messages = [], "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(Stack, { "data-e2e-test-id": dataE2eTestId, space: "zero" }, messages.map((message) => (React.createElement(Text, { size: "xs", key: message, variant: "error" }, message)))));
+}
+
+export { FormErrorMessages };
+//# sourceMappingURL=FormErrorMessages.js.map

package/build/src/components/Form/FormErrorMessages/FormErrorMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorMessages.js","sources":["../../../../../../src/components/Form/FormErrorMessages/FormErrorMessages.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AASM,SAAU,iBAAiB,CAAC,EAChC,QAAQ,GAAG,EAAE,EACb,kBAAkB,EAAE,aAAa,GACV,EAAA;AACvB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,wBAAmB,aAAa,EAAE,KAAK,EAAC,MAAM,EACjD,EAAA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MACpB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAC,OAAO,IAC1C,OAAO,CACH,CACR,CAAC,CACI,EACR;AACJ;;;;"}

package/build/src/components/Form/FormField/FormField.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { FormErrorMessages } from '../FormErrorMessages/FormErrorMessages.js';
+import { FormLabelText } from '../FormLabelText/FormLabelText.js';
+
+/* eslint-disable jsx-a11y/label-has-associated-control */
+const StyledFormField = styled.div(({ theme, disabled }) => disabled &&
+    `
+    opacity: ${theme.variables.opacity.form.disabled}
+`);
+function FormField({ label = "", labelHint = "", hint = "", errorMessages = [], disabled = false, children, "data-e2e-test-id": dataE2eTestId, }) {
+    const validErrorMessages = errorMessages.filter((message) => message);
+    return (React.createElement(StyledFormField, { "data-e2e-test-id": dataE2eTestId, disabled: disabled },
+        React.createElement(Stack, { space: "xxs" },
+            React.createElement("label", null,
+                React.createElement(Stack, { space: "xs" },
+                    label && (React.createElement(FormLabelText, { labelHint: labelHint }, label)),
+                    children)),
+            hint && !validErrorMessages.length && React.createElement(Text, { size: "xs" }, hint),
+            !!validErrorMessages.length && (React.createElement(FormErrorMessages, { messages: validErrorMessages })))));
+}
+
+export { FormField };
+//# sourceMappingURL=FormField.js.map

package/build/src/components/Form/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../../../../../src/components/Form/FormField/FormField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AAuBA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAChC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAClB,QAAQ;AACR,IAAA,CAAA;AACW,aAAA,EAAA,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA;AACnD,CAAA,CACA,CAAC;AAEc,SAAA,SAAS,CAAC,EACxB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,aAAa,GAAG,EAAE,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,kBAAkB,EAAE,aAAa,GACT,EAAA;AACxB,IAAA,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC;IACtE,QACE,oBAAC,eAAe,EAAA,EAAA,kBAAA,EAAmB,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,KAAK,EAAA;AAChB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA;AACE,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,IAAI,EAAA;oBACd,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,EAAG,KAAK,CAAiB,CAC7D;AAEA,oBAAA,QAAQ,CACH,CACF;AACP,YAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,EAAE,IAAI,CAAQ;AACnE,YAAA,CAAC,CAAC,kBAAkB,CAAC,MAAM,KAC1B,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAAC,EAAA,QAAQ,EAAE,kBAAkB,EAAA,CAAI,CACpD,CACK,CACQ,EAClB;AACJ;;;;"}

package/build/src/components/Form/FormFieldGroup/FormFieldGroup.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Stack } from '../../Stack/Stack.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { FormErrorMessages } from '../FormErrorMessages/FormErrorMessages.js';
+import { FormLabelText } from '../FormLabelText/FormLabelText.js';
+
+const StyledDiv = styled.div(({ theme, disabled }) => ({
+    opacity: disabled ? theme.variables.opacity.form.disabled : "",
+}));
+function FormFieldGroup({ children, label = "", labelHint = "", errorMessages = [], hint = "", disabled = false, "data-e2e-test-id": dataE2eTestId, }) {
+    const validErrorMessages = errorMessages.filter((message) => message);
+    return (React.createElement(StyledDiv, { disabled: disabled, "data-e2e-test-id": dataE2eTestId },
+        React.createElement(Stack, { space: "m" },
+            label && React.createElement(FormLabelText, { labelHint: labelHint }, label),
+            children,
+            hint && !validErrorMessages.length && React.createElement(Text, { size: "xs" }, hint),
+            !!validErrorMessages.length && (React.createElement(FormErrorMessages, { messages: validErrorMessages })))));
+}
+
+export { FormFieldGroup };
+//# sourceMappingURL=FormFieldGroup.js.map

package/build/src/components/Form/FormFieldGroup/FormFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldGroup.js","sources":["../../../../../../src/components/Form/FormFieldGroup/FormFieldGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAkBA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;AACxB,IAAA,OAAO,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE;AAC/D,CAAA,CAAC,CACH,CAAC;AAEc,SAAA,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,EAAE,EAClB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,KAAK,EAChB,kBAAkB,EAAE,aAAa,GACb,EAAA;AACpB,IAAA,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC;IACtE,QACE,oBAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,QAAQ,sBAAoB,aAAa,EAAA;AAC5D,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,GAAG,EAAA;YACb,KAAK,IAAI,oBAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAG,EAAA,KAAK,CAAiB;YACrE,QAAQ;AACR,YAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,EAAE,IAAI,CAAQ;AACnE,YAAA,CAAC,CAAC,kBAAkB,CAAC,MAAM,KAC1B,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAAC,EAAA,QAAQ,EAAE,kBAAkB,EAAA,CAAI,CACpD,CACK,CACE,EACZ;AACJ;;;;"}

package/build/src/components/Form/FormLabelText/FormLabelText.js

@@ -0,0 +1,22 @@
+import styled from '@emotion/styled';
+import React from 'react';
+import { Inline } from '../../Inline/Inline.js';
+import { H6 } from '../../Typography/Header/Header.js';
+
+const StyledLabelHint = styled.span(({ theme }) => ({
+    color: theme.values.color.text.secondary,
+    textTransform: "uppercase",
+    fontWeight: theme.variables.weight.normal,
+}));
+function FormLabelText({ children, labelHint = "", "data-e2e-test-id": dataE2eTestId, }) {
+    return (React.createElement(Inline, { "data-e2e-test-id": dataE2eTestId, space: "xxs", vAlignItems: "bottom" },
+        children && React.createElement(H6, null, children),
+        children && labelHint && (React.createElement(H6, null,
+            React.createElement(StyledLabelHint, null,
+                "(",
+                labelHint,
+                ")")))));
+}
+
+export { FormLabelText };
+//# sourceMappingURL=FormLabelText.js.map

package/build/src/components/Form/FormLabelText/FormLabelText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabelText.js","sources":["../../../../../../src/components/Form/FormLabelText/FormLabelText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAClD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;AACxC,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM;AAC1C,CAAA,CAAC,CAAC,CAAC;AAQY,SAAA,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,kBAAkB,EAAE,aAAa,GACd,EAAA;AACnB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,kBAAA,EAAmB,aAAa,EAAE,KAAK,EAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAA;AACtE,QAAA,QAAQ,IAAI,KAAA,CAAA,aAAA,CAAC,EAAE,EAAA,IAAA,EAAE,QAAQ,CAAM;AAC/B,QAAA,QAAQ,IAAI,SAAS,KACpB,oBAAC,EAAE,EAAA,IAAA;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA;;gBAAG,SAAS;oBAAoB,CAC7C,CACN,CACM,EACT;AACJ;;;;"}

package/build/src/components/Form/Input/Input.js

@@ -0,0 +1,81 @@
+import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import styled from '@emotion/styled';
+import { Icon } from '../../Icon/Icon.js';
+import { FormField } from '../FormField/FormField.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+/* eslint-disable react/jsx-props-no-spreading */
+const StyledContainer = styled.div(() => ({
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    position: "relative",
+    zIndex: 1,
+}));
+const StyledIconContainer = styled.div(({ theme }) => ({
+    position: "absolute",
+    right: theme.variables.size.spacing.xs,
+}));
+const handleBorderColor = (theme, isTransparent, hasError) => {
+    if (isTransparent)
+        return "transparent";
+    if (hasError)
+        return theme.values.color.border.input.error;
+    return theme.values.color.border.input.default;
+};
+const handleBackgroundColor = (theme, isTransparent) => {
+    if (isTransparent)
+        return "transparent";
+    return theme.values.color.background.input.default;
+};
+const handleRightPadding = (theme, icon) => {
+    if (icon !== "")
+        return `calc(${theme.variables.size.spacing.xs} + ${theme.variables.size.font.icon.m})`;
+    return "";
+};
+const StyledInput = styled.input(({ theme, privateProps, hasError, icon }) => ({
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.text.m,
+    lineHeight: theme.variables.size.lineHeight.text.m,
+    borderRadius: theme.variables.size.borderRadius.input.s,
+    borderWidth: "1px",
+    borderStyle: "solid",
+    width: "100%",
+    padding: theme.variables.size.spacing.xs,
+    boxSizing: "border-box",
+    color: theme.values.color.text.secondary,
+    borderColor: handleBorderColor(theme, privateProps === null || privateProps === void 0 ? void 0 : privateProps.isTransparent, hasError),
+    backgroundColor: handleBackgroundColor(theme, privateProps === null || privateProps === void 0 ? void 0 : privateProps.isTransparent),
+    "&.error": {
+        borderColor: theme.values.color.border.input.error,
+    },
+    "& svg": {
+        pointerEvents: "none",
+    },
+    "&::placeholder": {
+        color: theme.values.color.text.placeholder,
+        opacity: 1,
+    },
+    "&:-ms-input-placeholder": {
+        color: theme.values.color.text.placeholder,
+    },
+    "&::-ms-input-placeholder": {
+        color: theme.values.color.text.placeholder,
+    },
+    paddingRight: handleRightPadding(theme, icon),
+}));
+const InputRaw = forwardRef(({ name, value, placeholder, hasError = false, disabled, onChange, onClick, onBlur, onFocus, type = "text", icon, areaLabel, tabIndex, autoComplete = "on", privateProps = {}, }, ref) => (React.createElement(StyledContainer, null,
+    React.createElement(StyledInput, { type: type, value: value, placeholder: placeholder, name: name, disabled: disabled, onClick: onClick, onChange: onChange, onBlur: onBlur, onFocus: onFocus, "aria-label": areaLabel, ref: ref, tabIndex: tabIndex, autoComplete: autoComplete, hasError: hasError, privateProps: privateProps }),
+    icon && (React.createElement(StyledIconContainer, null,
+        React.createElement(Text, { as: "span", variant: "tertiary" },
+            React.createElement(Icon, { name: icon, size: "m" })))))));
+function Input(_a) {
+    var { name, value, placeholder, hasError = false, onChange, onClick, onBlur, onFocus, type = "text", icon, tabIndex, areaLabel, autoComplete = "on", privateProps = {} } = _a, rest = __rest(_a, ["name", "value", "placeholder", "hasError", "onChange", "onClick", "onBlur", "onFocus", "type", "icon", "tabIndex", "areaLabel", "autoComplete", "privateProps"]);
+    return (React.createElement(FormField, Object.assign({}, rest),
+        React.createElement(InputRaw, { name: name, value: value, type: type, icon: icon, placeholder: placeholder, hasError: hasError, disabled: rest.disabled, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onClick: onClick, tabIndex: tabIndex, areaLabel: areaLabel, autoComplete: autoComplete, privateProps: privateProps })));
+}
+
+export { Input, InputRaw };
+//# sourceMappingURL=Input.js.map

package/build/src/components/Form/Input/Input.js.map

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