@swan-io/lake 8.7.2 → 8.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "8.7.2",
+  "version": "8.8.1",
   "engines": {
     "node": ">=20.9.0",
     "yarn": "^1.22.0"

package/src/components/FixedListView.d.ts

@@ -35,6 +35,7 @@
  */
 import { ReactElement, ReactNode } from "react";
 import { IconName } from "./Icon";
+import { SpacingValue } from "./Space";
 export type ColumnTitleConfig<ExtraInfo> = {
     title: string;
     extraInfo: ExtraInfo;
@@ -99,9 +100,10 @@ export declare const PlainListViewPlaceholder: ({ count, rowHeight, rowVerticalS
 type EmptyProps = {
     icon: IconName;
     borderedIcon?: boolean;
+    borderedIconPadding?: SpacingValue | 0;
     title?: string;
     subtitle?: ReactNode;
     children?: ReactNode;
 };
-export declare const FixedListViewEmpty: ({ icon, borderedIcon, title, subtitle, children, }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FixedListViewEmpty: ({ icon, borderedIcon, borderedIconPadding, title, subtitle, children, }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/FixedListView.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * ## FixedListView
  *
@@ -828,4 +828,4 @@ export const PlainListViewPlaceholder = ({ count, rowHeight, rowVerticalSpacing,
                                 ], children: [_jsx(View, { style: styles.placeholderRow }), _jsx(Space, { width: 32 }), _jsx(View, { style: [styles.placeholderRow, styles.smallPlaceholderRow] }), _jsx(Space, { width: 32 }), _jsx(View, { style: styles.placeholderRowEnd, children: _jsx(View, { style: [styles.placeholderRow, styles.smallPlaceholderRow] }) })] }, String(index))] }, String(index)));
                 }) })] }));
 };
-export const FixedListViewEmpty = ({ icon, borderedIcon = false, title, subtitle, children, }) => (_jsxs(View, { style: styles.emptyList, children: [borderedIcon ? (_jsx(BorderedIcon, { name: icon })) : (_jsx(Icon, { name: icon, size: 96, color: colors.current.primary })), _jsx(Space, { height: 32 }), isNotNullish(title) && (_jsx(LakeHeading, { level: 3, variant: "h3", color: colors.gray[700], align: "center", children: title })), _jsx(Space, { height: 8 }), isNotNullish(subtitle) && _jsx(LakeText, { align: "center", children: subtitle }), _jsx(Space, { height: 8 }), children] }));
+export const FixedListViewEmpty = ({ icon, borderedIcon = false, borderedIconPadding, title, subtitle, children, }) => (_jsxs(View, { style: styles.emptyList, children: [borderedIcon ? (_jsx(BorderedIcon, { name: icon, padding: borderedIconPadding })) : (_jsx(Icon, { name: icon, size: 96, color: colors.current.primary })), _jsx(Space, { height: 24 }), isNotNullish(title) && (_jsxs(_Fragment, { children: [_jsx(LakeHeading, { align: "center", level: 3, variant: "h5", children: title }), _jsx(Space, { height: 8 })] })), isNotNullish(subtitle) && _jsx(LakeText, { align: "center", children: subtitle }), children] }));

package/src/components/Grid.js

@@ -18,7 +18,8 @@ export const Grid = ({ children, horizontalSpace, itemWrapperStyle, numColumns =
         numColumns > 1 && horizontalSpace && { marginHorizontal: -(horizontalSpace / 2) },
         verticalSpace && { marginVertical: -(verticalSpace / 2) },
     ], children: Children.map(children, child => {
-        if (isNullish(child)) {
+        // null, undefined, true and false are valid children. They simply don’t render
+        if (isNullish(child) || typeof child === "boolean") {
             return child;
         }
         return (_jsx(View, { style: [

package/src/components/Icon.d.ts

@@ -31,6 +31,7 @@ declare const paths: {
     "lake-email": string;
     "lake-eraser": string;
     "lake-error": string;
+    "lake-euro": string;
     "lake-face-id": string;
     "lake-fingerprint": string;
     "lake-id-card": string;

package/src/components/LakeButton.d.ts

@@ -7,6 +7,7 @@ export type ButtonProps = {
     ariaExpanded?: boolean;
     color?: ColorVariants;
     disabled?: boolean;
+    direction?: "column" | "row";
     loading?: boolean;
     grow?: boolean;
     icon?: IconName;
@@ -14,6 +15,7 @@ export type ButtonProps = {
     mode?: "primary" | "secondary" | "tertiary";
     onPress?: (event: GestureResponderEvent) => void;
     size?: "large" | "small";
+    iconSize?: number;
     style?: StyleProp<ViewStyle> | ((props: PressableStateCallbackType) => StyleProp<ViewStyle>);
     forceBackground?: boolean;
     href?: string;

package/src/components/LakeButton.js

@@ -5,6 +5,7 @@ import { match } from "ts-pattern";
 import { commonStyles } from "../constants/commonStyles";
 import { backgroundColor, colors, invariantColors, radii, spacings, texts, } from "../constants/design";
 import { isNotNullish, isNullish } from "../utils/nullish";
+import { Box } from "./Box";
 import { Icon } from "./Icon";
 import { LakeText } from "./LakeText";
 import { Pressable } from "./Pressable";
@@ -81,7 +82,6 @@ const styles = StyleSheet.create({
         alignItems: "center",
         justifyContent: "center",
         transform: "translateZ(0px)",
-        borderRadius: radii[6],
     },
     group: {
         flexDirection: "row",
@@ -99,16 +99,32 @@ const styles = StyleSheet.create({
         top: -3,
         right: -3,
     },
+    vertical: {
+        flexDirection: "column",
+        height: "auto",
+        paddingVertical: spacings[12],
+    },
+    verticalSmall: {
+        paddingVertical: spacings[8],
+    },
+    hidden: {
+        visibility: "hidden",
+    },
 });
-export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLabel, children, color = "gray", disabled = false, icon, grow = false, iconPosition = "start", loading = false, mode = "primary", onPress, size = "large", style, forceBackground = false, href, hrefAttrs, pill, }, forwardedRef) => {
+export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLabel, children, color = "gray", direction = "row", disabled = false, icon, grow = false, iconPosition = "start", loading = false, mode = "primary", onPress, size = "large", iconSize = size === "small" ? 18 : 20, style, forceBackground = false, href, hrefAttrs, pill = false, }, forwardedRef) => {
+    const isPrimary = mode === "primary";
     const isSmall = size === "small";
-    const iconSize = isSmall ? 18 : 20;
-    const hasIconStart = isNotNullish(icon) && iconPosition === "start";
-    const hasIconEnd = isNotNullish(icon) && iconPosition === "end";
-    const hasOnlyIcon = isNullish(children) && isNotNullish(icon);
+    const vertical = direction === "column";
+    const spaceHeight = vertical ? 4 : undefined;
+    const spaceWidth = vertical ? undefined : isSmall ? 8 : 12;
+    const hasIcon = isNotNullish(icon);
+    const hasIconStart = hasIcon && iconPosition === "start";
+    const hasIconEnd = hasIcon && iconPosition === "end";
+    const hasOnlyIcon = hasIcon && isNullish(children);
     return (_jsx(Pressable, { href: href, hrefAttrs: hrefAttrs, role: href != null ? "link" : "button", "aria-busy": loading, "aria-disabled": disabled, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, disabled: loading || disabled, ref: forwardedRef, onPress: onPress, style: ({ hovered, pressed, focused }) => [
             styles.base,
             isSmall && styles.small,
+            vertical && [styles.vertical, isSmall && styles.verticalSmall],
             hasIconStart && isSmall ? styles.withIconStartSmall : styles.withIconStart,
             hasIconEnd && (isSmall ? styles.withIconEndSmall : styles.withIconEnd),
             hasOnlyIcon && (isSmall ? styles.iconSmallOnly : styles.iconOnly),
@@ -150,23 +166,18 @@ export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLab
                 .exhaustive(),
             typeof style == "function" ? style({ hovered, pressed, focused }) : style,
         ], children: ({ pressed, hovered }) => {
-            const textColor = mode === "secondary" || mode === "tertiary"
-                ? disabled && forceBackground
+            const textColor = isPrimary
+                ? colors[color].contrast
+                : disabled && forceBackground
                     ? colors[color][300]
                     : hovered || pressed
                         ? colors[color][700]
-                        : colors[color][600]
-                : colors[color].contrast;
-            return (_jsxs(_Fragment, { children: [hasIconStart && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: textColor, name: icon, size: iconSize }), isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 })] })), typeof children === "string" || typeof children === "number" ? (_jsx(LakeText, { numberOfLines: 1, userSelect: "none", style: [isSmall ? styles.textSmall : styles.text, { color: textColor }], children: children })) : (children), hasIconEnd && (_jsxs(_Fragment, { children: [isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 }), _jsx(Icon, { color: textColor, name: icon, size: iconSize })] })), loading && (_jsx(View, { role: "none", style: [
-                            styles.loaderContainer,
-                            {
-                                backgroundColor: mode === "secondary" || mode === "tertiary"
-                                    ? backgroundColor.accented
-                                    : colors[color].primary,
-                            },
-                        ], children: _jsx(ActivityIndicator, { color: mode === "secondary" || mode === "tertiary"
-                                ? colors[color].primary
-                                : colors[color].contrast, size: iconSize }) })), _jsx(View, { style: [styles.hiddenView, pressed && mode === "primary" && styles.pressed] }), pill === true ? _jsx(View, { style: styles.pill }) : null] }));
+                        : colors[color][600];
+            return (_jsxs(_Fragment, { children: [hasIconStart && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: textColor, name: icon, size: iconSize, style: loading && styles.hidden }), isNotNullish(children) && _jsx(Space, { height: spaceHeight, width: spaceWidth })] })), typeof children === "string" || typeof children === "number" ? (_jsx(LakeText, { numberOfLines: 1, userSelect: "none", style: [
+                            isSmall ? styles.textSmall : styles.text,
+                            loading && styles.hidden,
+                            { color: textColor },
+                        ], children: children })) : (_jsx(Box, { alignItems: "center", justifyContent: "center", style: [vertical && styles.vertical, loading && styles.hidden], children: children })), hasIconEnd && (_jsxs(_Fragment, { children: [isNotNullish(children) && _jsx(Space, { height: spaceHeight, width: spaceWidth }), _jsx(Icon, { color: textColor, name: icon, size: iconSize, style: loading && styles.hidden })] })), loading && (_jsx(View, { style: styles.loaderContainer, children: _jsx(ActivityIndicator, { color: isPrimary ? colors[color].contrast : colors[color].primary, size: iconSize }) })), isPrimary && _jsx(View, { style: [styles.hiddenView, pressed && styles.pressed] }), pill && _jsx(View, { style: styles.pill })] }));
         } }));
 }));
 LakeButton.displayName = "Button";

package/src/components/LakeTextInput.d.ts

@@ -230,7 +230,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
     color?: "gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "current" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined;
     multiline?: boolean | undefined;
-    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-shield-error" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-clockwise-filled" | "arrow-counterclockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "checkmark-starburst-filled" | "checkmark-starburst-regular" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-alarm-filled" | "clock-alarm-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-off-regular" | "eye-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "local-language-filled" | "local-language-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-filled" | "money-calculator-regular" | "money-filled" | "money-regular" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "panel-left-contract-filled" | "panel-left-contract-regular" | "panel-left-expand-filled" | "panel-left-expand-regular" | "panel-left-filled" | "panel-left-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
+    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-euro" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-shield-error" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-clockwise-filled" | "arrow-counterclockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "checkmark-starburst-filled" | "checkmark-starburst-regular" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-alarm-filled" | "clock-alarm-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-off-regular" | "eye-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "local-language-filled" | "local-language-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-filled" | "money-calculator-regular" | "money-filled" | "money-regular" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "panel-left-contract-filled" | "panel-left-contract-regular" | "panel-left-expand-filled" | "panel-left-expand-regular" | "panel-left-filled" | "panel-left-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
     unit?: string | undefined;
     units?: string[] | undefined;
     inputMode?: TextInputProps["inputMode"];

package/src/components/LakeTooltip.d.ts

@@ -22,7 +22,7 @@ export type TooltipRef = {
 export declare const LakeTooltip: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TooltipRef>>;
 export declare const InformationTooltip: import("react").ForwardRefExoticComponent<{
     text: string;
-    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-shield-error" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-clockwise-filled" | "arrow-counterclockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "checkmark-starburst-filled" | "checkmark-starburst-regular" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-alarm-filled" | "clock-alarm-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-off-regular" | "eye-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "local-language-filled" | "local-language-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-filled" | "money-calculator-regular" | "money-filled" | "money-regular" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "panel-left-contract-filled" | "panel-left-contract-regular" | "panel-left-expand-filled" | "panel-left-expand-regular" | "panel-left-filled" | "panel-left-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
+    icon?: "lake-building-bank" | "lake-calendar-arrow-swap" | "lake-call" | "lake-card" | "lake-card-add" | "lake-card-filled" | "lake-card-one-off" | "lake-card-physical" | "lake-card-recurring" | "lake-card-single-use" | "lake-card-virtual" | "lake-check" | "lake-chevron-double" | "lake-clipboard-bullet" | "lake-clock" | "lake-clock-arrow-swap" | "lake-close" | "lake-compass" | "lake-currencies" | "lake-delivery-grouped" | "lake-delivery-individual" | "lake-denied" | "lake-document-csv" | "lake-document-jpg" | "lake-document-pdf" | "lake-document-png" | "lake-document-xls" | "lake-email" | "lake-eraser" | "lake-error" | "lake-euro" | "lake-face-id" | "lake-fingerprint" | "lake-id-card" | "lake-inbox-empty" | "lake-key" | "lake-lock-closed" | "lake-menu" | "lake-people" | "lake-person-arrow-swap" | "lake-person-support" | "lake-phone" | "lake-receipt" | "lake-settings" | "lake-shield" | "lake-shield-error" | "lake-signature" | "lake-transfer" | "lake-warning" | "lake-world-map" | "add-circle-filled" | "add-circle-regular" | "add-filled" | "approvals-app-filled" | "apps-list-filled" | "apps-list-regular" | "arrow-clockwise-filled" | "arrow-counterclockwise-filled" | "arrow-down-filled" | "arrow-down-regular" | "arrow-download-filled" | "arrow-left-filled" | "arrow-left-regular" | "arrow-right-filled" | "arrow-right-regular" | "arrow-swap-filled" | "arrow-swap-regular" | "arrow-up-filled" | "arrow-up-regular" | "arrow-upload-filled" | "arrow-upload-regular" | "beaker-filled" | "beaker-regular" | "board-filled" | "board-regular" | "box-regular" | "building-bank-filled" | "building-bank-regular" | "building-filled" | "building-multiple-regular" | "building-regular" | "building-shop-regular" | "calendar-ltr-regular" | "cart-regular" | "chat-help-filled" | "chat-help-regular" | "check-filled" | "check-regular" | "checkmark-circle-regular" | "checkmark-filled" | "checkmark-starburst-filled" | "checkmark-starburst-regular" | "chevron-down-filled" | "chevron-left-filled" | "chevron-right-filled" | "chevron-up-down-regular" | "chevron-up-filled" | "clipboard-search-regular" | "clock-alarm-filled" | "clock-alarm-regular" | "clock-filled" | "clock-regular" | "cloud-sync-filled" | "cloud-sync-regular" | "code-filled" | "code-regular" | "color-regular" | "comment-note-regular" | "copy-filled" | "copy-regular" | "cursor-click-regular" | "database-filled" | "database-regular" | "delete-filled" | "delete-regular" | "desktop-regular" | "device-meeting-room-regular" | "dismiss-circle-regular" | "dismiss-filled" | "dismiss-regular" | "document-regular" | "earth-regular" | "edit-filled" | "edit-regular" | "error-circle-filled" | "error-circle-regular" | "eye-filled" | "eye-off-filled" | "eye-off-regular" | "eye-regular" | "filter-filled" | "flag-filled" | "flag-regular" | "flash-filled" | "flash-regular" | "form-new-filled" | "form-new-regular" | "hand-right-regular" | "image-add-filled" | "image-add-regular" | "image-filled" | "image-regular" | "info-filled" | "info-regular" | "key-regular" | "link-filled" | "live-filled" | "live-regular" | "local-language-filled" | "local-language-regular" | "lock-closed-filled" | "lock-closed-regular" | "lock-open-filled" | "lock-open-regular" | "mail-filled" | "mail-regular" | "money-calculator-filled" | "money-calculator-regular" | "money-filled" | "money-regular" | "more-horizontal-filled" | "more-vertical-filled" | "open-filled" | "open-regular" | "options-regular" | "paint-brush-filled" | "paint-brush-regular" | "panel-left-contract-filled" | "panel-left-contract-regular" | "panel-left-expand-filled" | "panel-left-expand-regular" | "panel-left-filled" | "panel-left-regular" | "pause-regular" | "payment-filled" | "payment-regular" | "people-add-regular" | "people-community-filled" | "people-community-regular" | "people-filled" | "people-regular" | "people-team-regular" | "person-accounts-filled" | "person-accounts-regular" | "person-add-regular" | "person-call-filled" | "person-call-regular" | "person-filled" | "person-lock-regular" | "person-regular" | "phone-filled" | "phone-regular" | "pin-regular" | "play-filled" | "play-regular" | "preview-link-filled" | "qr-code-regular" | "question-circle-regular" | "receipt-money-filled" | "receipt-money-regular" | "rocket-regular" | "search-filled" | "send-filled" | "send-regular" | "settings-filled" | "settings-regular" | "shield-checkmark-filled" | "shield-checkmark-regular" | "shield-error-regular" | "shield-regular" | "sign-out-regular" | "signature-filled" | "signature-regular" | "subtract-circle-filled" | "subtract-circle-regular" | "target-arrow-regular" | "task-list-square-ltr-filled" | "task-list-square-ltr-regular" | "warning-filled" | "warning-regular" | "window-dev-tools-filled" | "window-dev-tools-regular" | undefined;
     iconSize?: number | undefined;
 } & import("react").RefAttributes<TooltipRef>>;
 export {};

package/src/components/Stack.js

@@ -9,7 +9,8 @@ export const Stack = forwardRef(
     const { direction = "column" } = props;
     const horizontal = direction === "row" || direction === "rowReverse";
     return (_jsx(Box, { ref: forwardedRef, ...props, children: Children.map(children, (child, index) => {
-            if (isNullish(child)) {
+            // null, undefined, true and false are valid children. They simply don’t render
+            if (isNullish(child) || typeof child === "boolean") {
                 return child;
             }
             return (_jsxs(Fragment, { children: [index !== 0 && (horizontal ? _jsx(Space, { width: space }) : _jsx(Space, { height: space })), child] }));

package/src/icons/custom-icons.json

@@ -29,6 +29,7 @@
   "lake-email": "M17.9 15.41V9.82l-5.75 3.16a.32.32 0 01-.27.01l-.04-.01-5.73-3.16v5.6c0 .59.48 1.08 1.08 1.08h9.62c.6 0 1.09-.49 1.09-1.09zM6.1 8.6v.5l5.9 3.25 5.9-3.24V8.6c0-.6-.49-1.08-1.09-1.08H7.2c-.6 0-1.08.48-1.08 1.08zm10.71-1.72c.95 0 1.72.77 1.72 1.72v6.82c0 .95-.77 1.72-1.72 1.72H7.2c-.95 0-1.72-.77-1.72-1.72V8.6c0-.95.77-1.72 1.72-1.72h9.62z",
   "lake-eraser": "M20.175 22.861c.282 0 .517.207.56.477l.006.101a.566.566 0 01-.477.548l-.103.007-10.99.002H9.16a2.52 2.52 0 01-1.926-.736L.74 16.766a2.527 2.527 0 010-3.574L13.192.74a2.527 2.527 0 013.574 0l6.494 6.494a2.527 2.527 0 010 3.574L11.206 22.861h8.969zm-7.933-2.639l-8.465-8.467-2.236 2.238a1.394 1.394 0 000 1.971l6.495 6.495c.272.272.63.408.985.408h.033l.032-.002.033-.001.027-.003a1.39 1.39 0 00.861-.402l2.235-2.237zm1.75-18.68l-9.414 9.412 8.466 8.467 9.415-9.414a1.394 1.394 0 000-1.971L15.964 1.54a1.394 1.394 0 00-1.971 0z",
   "lake-error": "M12 5.495c.305 0 .553.247.553.552v7.632a.553.553 0 11-1.106 0V6.047c0-.305.248-.552.553-.552zm1.01 11.39a1.01 1.01 0 11-2.02 0 1.01 1.01 0 012.02 0zM0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12zM12 1.105C5.983 1.105 1.105 5.983 1.105 12c0 6.017 4.878 10.895 10.895 10.895 6.017 0 10.895-4.878 10.895-10.895 0-6.017-4.878-10.895-10.895-10.895z",
+  "lake-euro": "M18.98 19.16A9.967 9.967 0 0 1 12 22c-4.683 0-8.613-3.218-9.701-7.564h-.712a.75.75 0 0 1 0-1.5h.456a10.124 10.124 0 0 1 0-1.867h-.456a.75.75 0 0 1 0-1.5h.71C3.384 5.221 7.317 2 12 2a9.967 9.967 0 0 1 6.986 2.845.754.754 0 0 1-.453 1.359.753.753 0 0 1-.579-.27A8.504 8.504 0 0 0 3.853 9.569h8.134a.75.75 0 0 1 0 1.5H3.55a8.595 8.595 0 0 0 .001 1.867h8.436a.75.75 0 0 1 0 1.5H3.854a8.504 8.504 0 0 0 14.098 3.633.753.753 0 0 1 1.331.487c0 .247-.119.467-.303.605Z",
   "lake-face-id": "M0 4.06A4.06 4.06 0 0 1 4.06 0h4.393a.682.682 0 1 1 0 1.365H4.06A2.696 2.696 0 0 0 1.365 4.06v4.392a.682.682 0 1 1-1.365 0V4.06ZM14.865.683c0-.376.305-.682.682-.682h4.392A4.06 4.06 0 0 1 24 4.06v4.393a.682.682 0 1 1-1.365 0V4.06a2.696 2.696 0 0 0-2.696-2.696h-4.392a.682.682 0 0 1-.682-.683ZM9.459 9.297a2.54 2.54 0 1 1 5.082 0 2.54 2.54 0 0 1-5.082 0ZM7.838 14.23c0-.544.442-.986.986-.986h6.352c.544 0 .986.441.986.986v.203c0 .95-.487 1.661-1.252 2.127-.758.461-1.79.684-2.91.684s-2.152-.223-2.91-.684c-.765-.466-1.252-1.177-1.252-2.127v-.203ZM0 15.547a.682.682 0 0 1 1.365 0v4.392a2.696 2.696 0 0 0 2.696 2.696h4.392a.682.682 0 0 1 0 1.365H4.06A4.06 4.06 0 0 1 0 19.94v-4.393Zm22.635 0a.682.682 0 0 1 1.365 0v4.392A4.06 4.06 0 0 1 19.94 24h-4.393a.682.682 0 1 1 0-1.365h4.392a2.696 2.696 0 0 0 2.696-2.696v-4.392Z",
   "lake-fingerprint": "M5.134 1.578C6.968.46 9.46-.075 11.955.008c2.499.084 5.077.79 7.079 2.242a.65.65 0 0 1-.763 1.051c-1.744-1.265-4.054-1.917-6.36-1.994-2.308-.078-4.533.425-6.101 1.38a.65.65 0 1 1-.676-1.11ZM2.792 3.574a.65.65 0 0 1 .859.974C2.61 5.468 1.907 6.393 1.212 7.6a.65.65 0 1 1-1.125-.648c.75-1.302 1.536-2.347 2.705-3.378Zm9.107.73a.65.65 0 0 1 .722-.568c5.847.694 9.493 5.24 10.529 11.144a.65.65 0 1 1-1.28.224c-.967-5.513-4.282-9.47-9.402-10.078a.65.65 0 0 1-.569-.722Zm-3.143-.198a.65.65 0 0 1 .504 1.197C4.15 7.452 1.562 12.219 2.259 18.131a.65.65 0 0 1-1.29.152C.212 11.86 3.058 6.503 8.756 4.106ZM7.422 8.929c1.537-1.23 3.476-1.803 5.43-1.496 1.958.308 3.868 1.49 5.37 3.652a.65.65 0 0 1-1.068.74c-1.328-1.912-2.943-2.864-4.504-3.11-1.567-.245-3.144.21-4.417 1.228-2.522 2.018-3.926 6.356-1.215 11.833a.65.65 0 0 1-1.164.577C2.932 16.449 4.325 11.407 7.422 8.929Zm1.998 3.06c.75-.674 1.736-.965 2.864-.859 1.366.13 2.27.628 2.867 1.437.558.758.79 1.727.99 2.633l.05.23h.001v.001l.003.011c.395 1.8.804 3.664 2.84 5.131a.65.65 0 0 1-.76 1.054c-2.444-1.762-2.95-4.07-3.339-5.858l-.063-.288c-.208-.942-.397-1.64-.768-2.144-.333-.451-.865-.811-1.944-.913-.82-.078-1.43.134-1.873.531-.454.409-.8 1.075-.952 2.02-.305 1.904.21 4.747 1.864 8.087a.65.65 0 0 1-1.165.576c-1.716-3.467-2.346-6.595-1.98-8.869.183-1.143.627-2.117 1.365-2.78Zm9.294 2.361a.65.65 0 0 1 .741.542c.256 1.646 1.077 2.66 2.149 3.43a.65.65 0 1 1-.759 1.055c-1.292-.93-2.353-2.227-2.673-4.285a.65.65 0 0 1 .542-.742Zm-6.861.637a.65.65 0 0 1 .696.6c.199 2.652 1.17 4.904 2.735 6.693a.65.65 0 1 1-.978.855c-1.753-2.006-2.833-4.525-3.052-7.452a.65.65 0 0 1 .599-.696Z",
   "lake-id-card": "M9.996 10.586a.89.89 0 1 1-1.782 0 .89.89 0 0 1 1.782 0Zm-2.49 2.298c0-.2.162-.36.361-.36h2.475c.2 0 .36.16.36.36v.185c0 .008 0 .02-.002.037a1.33 1.33 0 0 1-.192.571c-.188.301-.574.628-1.403.628-.83 0-1.215-.327-1.403-.627a1.33 1.33 0 0 1-.195-.609v-.185Zm4.95-2.21c0-.15.122-.272.273-.272h3.358a.272.272 0 0 1 0 .544H12.73a.272.272 0 0 1-.273-.272Zm0 2.475c0-.15.122-.272.273-.272h3.358a.272.272 0 0 1 0 .544H12.73a.272.272 0 0 1-.273-.272ZM5.032 7.846c0-.736.597-1.333 1.333-1.333H17.5c.736 0 1.333.597 1.333 1.333v8.308c0 .736-.597 1.333-1.333 1.333H6.365a1.333 1.333 0 0 1-1.333-1.333V7.846Zm1.333-.788a.788.788 0 0 0-.788.788v8.308c0 .435.352.788.788.788H17.5a.788.788 0 0 0 .789-.788V7.846a.788.788 0 0 0-.789-.788H6.365Z",