@lumx/core 3.20.1-alpha.2 → 3.20.1-alpha.20

package/js/components/Icon/index.tsx

@@ -1,134 +0,0 @@
-import classNames from 'classnames';
-
-import { mdiAlertCircle } from '@lumx/icons';
-
-import { GenericProps, HasTheme } from '../../types';
-import { getRootClassName, handleBasicClasses, resolveColorWithVariants } from '../../utils/className';
-import { ColorPalette, ColorVariant, ColorWithVariants, Size, Theme } from '../../constants';
-
-export type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
-
-/**
- * Defines the props of the component.
- */
-export interface IconProps extends GenericProps, HasTheme {
-    /** Color variant. */
-    color?: ColorWithVariants;
-    /** Lightened or darkened variant of the selected icon color. */
-    colorVariant?: ColorVariant;
-    /** Whether the icon has a shape. */
-    hasShape?: boolean;
-    /**
-     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).
-     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
-     */
-    icon: string;
-    /** Size variant. */
-    size?: IconSizes;
-    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
-    alt?: string;
-}
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Icon';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS: Partial<IconProps> = {};
-
-/**
- * Icon component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-export const Icon = (props: IconProps) => {
-    const {
-        className,
-        color: propColor,
-        colorVariant: propColorVariant,
-        hasShape,
-        icon,
-        size,
-        theme,
-        alt,
-        ref,
-        ...forwardedProps
-    } = props;
-
-    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-
-    // Color
-    let iconColor = color;
-    if (!iconColor && (hasShape || theme)) {
-        iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-    }
-
-    // Color variant
-    let iconColorVariant = colorVariant;
-    if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {
-        iconColorVariant = 'L2';
-    }
-
-    // Size
-    let iconSize = size;
-    if (size && hasShape) {
-        if (size === Size.xxs || size === Size.xs) {
-            iconSize = Size.s;
-        } else if (size === Size.xxl) {
-            iconSize = Size.xl;
-        }
-    } else if (hasShape) {
-        iconSize = Size.m;
-    }
-
-    return (
-        <i
-            ref={ref}
-            {...forwardedProps}
-            className={classNames(
-                className,
-                handleBasicClasses({
-                    color: iconColor,
-                    colorVariant: iconColorVariant,
-                    hasShape,
-                    prefix: CLASSNAME,
-                    theme,
-                    size: iconSize,
-                }),
-                !hasShape && `${CLASSNAME}--no-shape`,
-                !hasShape &&
-                    iconColor === ColorPalette.yellow &&
-                    icon === mdiAlertCircle &&
-                    `${CLASSNAME}--has-dark-layer`,
-                `${CLASSNAME}--path`,
-            )}
-        >
-            <svg
-                aria-hidden={alt ? undefined : 'true'}
-                role={alt ? 'img' : undefined}
-                aria-label={alt}
-                height="1em"
-                preserveAspectRatio="xMidYMid meet"
-                style={{ verticalAlign: '-0.125em' }}
-                viewBox="0 0 24 24"
-                width="1em"
-            >
-                <path d={icon} fill="currentColor" />
-            </svg>
-        </i>
-    );
-};
-
-Icon.displayName = COMPONENT_NAME;
-Icon.className = CLASSNAME;
-Icon.defaultProps = DEFAULT_PROPS;

package/js/constants/design-tokens.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DESIGN_TOKENS={button:{height:{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-high":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D1)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}},$aliasedFrom:"color.primary.D1"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}}},"emphasis-medium":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L3)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}},$aliasedFrom:"color.light.L3"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-low":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-selected":{"state-default":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}},chip:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}}},material:{button:{"text-transform":{value:"none"}},checkbox:{"wrapper-size":{value:"20px"},"control-size":{value:"16px"}},chip:{"size-m":{height:{value:"36px"},"border-radius":{value:"18px"},"padding-vertical":{value:"16px"}},"size-s":{height:{value:"24px"},"border-radius":{value:"12px"},"padding-vertical":{value:"12px"}}},"input-helper":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},"input-label":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},progress:{bounce:{value:"block"},rotate:{value:"none"}},"radio-button":{"wrapper-size":{value:"20px"},"control-size":{value:"16px"},"indicator-size":{value:"8px"}},switch:{wrapper:{width:{value:"30px"},height:{value:"20px"}},control:{width:{value:"30px"},height:{value:"16px"}},indicator:{size:{value:"8px"},offset:{value:"4px"}}},"text-field":{padding:{top:{value:"0"},bottom:{value:"0"}},header:{wrapper:{"margin-bottom":{value:"8px"}},label:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}},input:{content:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}}}},navigation:{item:{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"min-height":{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-hover":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-active":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"side-navigation":{item:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}}}}}},tabs:{link:{height:{value:"48px"},"border-radius":{value:"0"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"text-field":{input:{"min-height":{value:"36px",$aliasedFrom:"size.m"},padding:{horizontal:{value:"var(--lumx-spacing-unit-medium)",$aliasedFrom:"spacing.unit.medium"}},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"}},"state-default":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}},$aliasedFrom:"color.dark.L6"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-hover":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-focus":{input:{border:{top:{width:{value:"2px"}},right:{width:{value:"2px"}},bottom:{width:{value:"2px"}},left:{width:{value:"2px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}}},"border-radius":{value:"4px"},color:{dark:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},light:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},blue:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},green:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},yellow:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}},red:{D2:{version:"0.22",comment:"Darkest red color",value:"rgb(188, 9, 48)",attributes:{hex:"bc0930",rgb:{r:188,g:9,b:48,a:1}}},D1:{version:"0.22",comment:"Dark red color",value:"rgb(212, 33, 72)",attributes:{hex:"d42148",rgb:{r:212,g:33,b:72,a:1}}},N:{version:"0.22",comment:"Neutral red color",value:"rgb(223, 42, 75)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:1}}},L1:{version:"0.22",comment:"Base red color with 80% opacity",value:"rgba(223, 42, 75, 0.8)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.8}}},L2:{version:"0.22",comment:"Base red color with 60% opacity",value:"rgba(223, 42, 75, 0.6)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.6}}},L3:{version:"0.22",comment:"Base red color with 40% opacity",value:"rgba(223, 42, 75, 0.4)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.4}}},L4:{version:"0.22",comment:"Base red color with 20% opacity",value:"rgba(223, 42, 75, 0.2)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.2}}},L5:{version:"0.22",comment:"Base red color with 10% opacity",value:"rgba(223, 42, 75, 0.1)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.1}}},L6:{version:"0.22",comment:"Base red color with 5% opacity",value:"rgba(223, 42, 75, 0.05)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.05}}}},grey:{N:{version:"0.22",comment:"Neutral grey color",value:"rgb(117, 117, 117)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:1}}},L1:{version:"0.22",comment:"Base grey color with 80% opacity",value:"rgba(117, 117, 117, 0.8)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.8}}},L2:{version:"0.22",comment:"Base grey color with 60% opacity",value:"rgba(117, 117, 117, 0.6)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.6}}},L3:{version:"0.22",comment:"Base grey color with 40% opacity",value:"rgba(117, 117, 117, 0.4)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.4}}},L4:{version:"0.22",comment:"Base grey color with 20% opacity",value:"rgba(117, 117, 117, 0.2)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.2}}},L5:{version:"0.22",comment:"Base grey color with 10% opacity",value:"rgba(117, 117, 117, 0.1)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.1}}},L6:{version:"0.22",comment:"Base grey color with 5% opacity",value:"rgba(117, 117, 117, 0.05)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.05}}}},primary:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},secondary:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},accent:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},black:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},white:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},orange:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}}},size:{xxs:{value:"14px"},xs:{value:"20px"},s:{value:"24px"},m:{value:"36px"},l:{value:"64px"},xl:{value:"128px"},xxl:{value:"256px"}},spacing:{unit:{tiny:{value:"4px"},regular:{value:"8px"},medium:{value:"12px"},big:{value:"16px"},huge:{value:"24px"}}},typography:{"font-family":{value:"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'"},"font-weight":{regular:{value:"400"},medium:{value:"500"},bold:{value:"700"},light:{value:"300"}},interface:{display1:{"font-size":{value:"34px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"40px"}},headline:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"32px"}},title:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},subtitle2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"24px"}},subtitle1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}},body2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},caption:{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},overline:{"font-size":{value:"10px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"12px"}}},custom:{title1:{"font-size":{value:"40px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title2:{"font-size":{value:"30px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title3:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title4:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title5:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title6:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},intro:{"font-size":{value:"18px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},"body-large":{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},quote:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"font-style":{value:"italic"},"line-height":{value:"24px"}},"publish-info":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},button:{"size-m":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},"size-s":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}}},"navigation-item":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}}}}};

package/js/constants/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keycodes.min.js");const t={overline:"overline",caption:"caption",body1:"body1",body2:"body2",subtitle1:"subtitle1",subtitle2:"subtitle2",title:"title",headline:"headline",display1:"display1"},o={title1:"custom-title1",title2:"custom-title2",title3:"custom-title3",title4:"custom-title4",title5:"custom-title5",title6:"custom-title6"},r={...o,intro:"custom-intro","body-large":"custom-body-large",body:"custom-body",quote:"custom-quote","publish-info":"custom-publish-info",button:"custom-button"},s={...t,custom:r};exports.BACKSPACE_KEY_CODE=e.BACKSPACE_KEY_CODE,exports.DOWN_KEY_CODE=e.DOWN_KEY_CODE,exports.ENTER_KEY_CODE=e.ENTER_KEY_CODE,exports.ESCAPE_KEY_CODE=e.ESCAPE_KEY_CODE,exports.LEFT_KEY_CODE=e.LEFT_KEY_CODE,exports.RIGHT_KEY_CODE=e.RIGHT_KEY_CODE,exports.SPACE_KEY_CODE=e.SPACE_KEY_CODE,exports.TAB_KEY_CODE=e.TAB_KEY_CODE,exports.UP_KEY_CODE=e.UP_KEY_CODE,exports.Alignment={bottom:"bottom",center:"center",end:"end",left:"left",right:"right",spaceAround:"space-around",spaceBetween:"space-between",spaceEvenly:"space-evenly",start:"start",top:"top"},exports.AspectRatio={original:"original",panoramic:"panoramic",wide:"wide",horizontal:"horizontal",vertical:"vertical",square:"square",free:"free"},exports.CSS_PREFIX="lumx",exports.ColorPalette={primary:"primary",secondary:"secondary",blue:"blue",dark:"dark",green:"green",yellow:"yellow",red:"red",light:"light",grey:"grey"},exports.ColorVariant={D1:"D1",D2:"D2",L1:"L1",L2:"L2",L3:"L3",L4:"L4",L5:"L5",L6:"L6",N:"N"},exports.DIALOG_TRANSITION_DURATION=400,exports.EXPANSION_PANEL_TRANSITION_DURATION=400,exports.Emphasis={low:"low",medium:"medium",high:"high"},exports.Kind={info:"info",success:"success",warning:"warning",error:"error"},exports.NOTIFICATION_TRANSITION_DURATION=200,exports.Orientation={horizontal:"horizontal",vertical:"vertical"},exports.SLIDESHOW_TRANSITION_DURATION=5e3,exports.Size={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl",tiny:"tiny",regular:"regular",medium:"medium",big:"big",huge:"huge"},exports.TOOLTIP_HOVER_DELAY={open:500,close:500},exports.TOOLTIP_LONG_PRESS_DELAY={open:250,close:3e3},exports.Theme={light:"light",dark:"dark"},exports.Typography=s,exports.TypographyCustom=r,exports.TypographyInterface=t,exports.TypographyTitleCustom=o,exports.WhiteSpace={normal:"normal",nowrap:"nowrap",pre:"pre","pre-wrap":"pre-wrap","pre-line":"pre-line","break-spaces":"break-spaces"};

package/js/constants/keycodes.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BACKSPACE_KEY_CODE=8,exports.DOWN_KEY_CODE=40,exports.ENTER_KEY_CODE=13,exports.ESCAPE_KEY_CODE=27,exports.LEFT_KEY_CODE=37,exports.RIGHT_KEY_CODE=39,exports.SPACE_KEY_CODE=32,exports.TAB_KEY_CODE=9,exports.UP_KEY_CODE=38;

package/js/custom-colors.min.js

@@ -1 +0,0 @@
-"use strict";function e(e){let t="";for(const[o,r]of Object.entries(e))if(r)for(const[e,n]of Object.entries(r))t+=`--lumx-color-${o}-${e}: ${n};\n`;return t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateCSSColorVariables=e,exports.setCustomColors=function(t,o,r=":root"){!function(e,t,o,r){"insertRule"in e?e.insertRule(`${t}{${o}}`,r):"addRule"in e&&e.addRule(t,o,r)}(t,r,e(o),0)};

package/js/date-picker.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var range = require('lodash/range');
-var mMoment = require('moment');
-var momentRange = require('moment-range');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var range__default = /*#__PURE__*/_interopDefaultLegacy(range);
-var mMoment__default = /*#__PURE__*/_interopDefaultLegacy(mMoment);
-
-const moment = momentRange.extendMoment(mMoment__default["default"]);
-const DAYS_PER_WEEK = 7;
-/**
- * Get the list of days in a week based on locale.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale The locale using to generate the order of days in a week.
- * @return The list of days in a week based on locale.
- */
-function getWeekDays(locale) {
-    return range__default["default"](DAYS_PER_WEEK).map((_, i) => moment().locale(locale).weekday(i));
-}
-/**
- * Get month calendar based on locale and start date.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-function getMonthCalendar(locale, selectedMonth) {
-    const firstDayOfMonth = moment(selectedMonth).startOf('month');
-    const endDayOfMonth = moment(selectedMonth).endOf('month');
-    // The first day of the week depends on the locale used. In FR the first day is a monday but in EN the first day is sunday
-    const firstDay = firstDayOfMonth.locale(locale).startOf('week');
-    const monthRange = moment.range(firstDay.toDate(), endDayOfMonth.toDate());
-    return Array.from(monthRange.by('day'));
-}
-/**
- * Get month calendar based on locale and start date.
- * Each day is annotated to know if they are displayed and/or clickable.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  minDate       The first selectable date.
- * @param  maxDate       The last selectable date.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-function getAnnotatedMonthCalendar(locale, minDate, maxDate, selectedMonth) {
-    const month = moment(selectedMonth).locale(locale).month();
-    const clickableRange = moment.range(minDate, maxDate);
-    return getMonthCalendar(locale, selectedMonth).map((date) => {
-        return {
-            date,
-            isClickable: clickableRange.contains(date),
-            isDisplayed: date.month() === month,
-            isToday: date.isSame(moment(), 'day'),
-        };
-    });
-}
-
-exports.getAnnotatedMonthCalendar = getAnnotatedMonthCalendar;
-exports.getMonthCalendar = getMonthCalendar;
-exports.getWeekDays = getWeekDays;

package/js/date-picker.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/range"),t=require("moment"),n=require("moment-range");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),r=a(t);const s=n.extendMoment(r.default);function d(e,t){const n=s(t).startOf("month"),a=s(t).endOf("month"),o=n.locale(e).startOf("week"),r=s.range(o.toDate(),a.toDate());return Array.from(r.by("day"))}exports.getAnnotatedMonthCalendar=function(e,t,n,a){const o=s(a).locale(e).month(),r=s.range(t,n);return d(e,a).map(e=>({date:e,isClickable:r.contains(e),isDisplayed:e.month()===o,isToday:e.isSame(s(),"day")}))},exports.getMonthCalendar=d,exports.getWeekDays=function(e){return o.default(7).map((t,n)=>s().locale(e).weekday(n))};

package/js/date-picker.ts

@@ -1,77 +0,0 @@
-import range from 'lodash/range';
-import mMoment, { Moment } from 'moment';
-import { extendMoment } from 'moment-range';
-
-const moment = extendMoment(mMoment as any);
-
-const DAYS_PER_WEEK = 7;
-
-interface AnnotatedDate {
-    date: Moment;
-    isDisplayed: boolean;
-    isClickable: boolean;
-    isToday: boolean;
-}
-
-/**
- * Get the list of days in a week based on locale.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale The locale using to generate the order of days in a week.
- * @return The list of days in a week based on locale.
- */
-export function getWeekDays(locale: string): Moment[] {
-    return range(DAYS_PER_WEEK).map((_, i) => moment().locale(locale).weekday(i));
-}
-
-/**
- * Get month calendar based on locale and start date.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-export function getMonthCalendar(locale: string, selectedMonth?: Moment): Moment[] {
-    const firstDayOfMonth = moment(selectedMonth).startOf('month');
-    const endDayOfMonth = moment(selectedMonth).endOf('month');
-    // The first day of the week depends on the locale used. In FR the first day is a monday but in EN the first day is sunday
-    const firstDay = firstDayOfMonth.locale(locale).startOf('week');
-    const monthRange = moment.range(firstDay.toDate(), endDayOfMonth.toDate());
-
-    return Array.from(monthRange.by('day'));
-}
-
-/**
- * Get month calendar based on locale and start date.
- * Each day is annotated to know if they are displayed and/or clickable.
- *
- * @deprecated will be removed in next major version along with the removal of moment (no replacement planned)
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  minDate       The first selectable date.
- * @param  maxDate       The last selectable date.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-export function getAnnotatedMonthCalendar(
-    locale: string,
-    minDate?: Date,
-    maxDate?: Date,
-    selectedMonth?: Moment,
-): AnnotatedDate[] {
-    const month = moment(selectedMonth).locale(locale).month();
-
-    const clickableRange = moment.range(minDate as Date, maxDate as Date);
-
-    return getMonthCalendar(locale, selectedMonth).map((date) => {
-        return {
-            date,
-            isClickable: clickableRange.contains(date),
-            isDisplayed: date.month() === month,
-            isToday: date.isSame(moment(), 'day'),
-        };
-    });
-}

package/js/types/Callback.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Falsy.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/GenericProps.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasAriaLabelOrLabelledBy.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasClassName.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasCloseMode.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HasTheme.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/HeadingElement.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Point.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/Predicate.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/RectSize.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/TextElement.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/ValueOf.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/types/index.min.js

@@ -1 +0,0 @@
-"use strict";

package/js/utils/className/fontColorClass.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/index.min.js"),e=require("./resolveColorWithVariants.min.js");require("../../constants/keycodes.min.js"),exports.fontColorClass=function(o,t){if(!o)return;const[s,n=r.ColorVariant.N]=e.resolveColorWithVariants(o,t);return`lumx-color-font-${s}-${n}`};

package/js/utils/className/fontColorClass.test.min.js

@@ -1 +0,0 @@
-"use strict";var o=require("./fontColorClass.min.js");require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),require("./resolveColorWithVariants.min.js"),describe(o.fontColorClass,()=>{it("should get lumx class for font color",()=>{expect(o.fontColorClass("dark")).toBe("lumx-color-font-dark-N")}),it("should get lumx class for font color with variant",()=>{expect(o.fontColorClass("red","L2")).toBe("lumx-color-font-red-L2")}),it("should get lumx class for font color with variant with override",()=>{expect(o.fontColorClass("red-N","L2")).toBe("lumx-color-font-red-L2")})});

package/js/utils/className/getBasicClass.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/isBoolean"),t=require("lodash/kebabCase");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e),s=r(t);exports.getBasicClass=function({prefix:e,type:t,value:r}){if(a.default(r)){if(!r)return"";return["has","is"].some(e=>t.toString().startsWith(e))?`${e}--${s.default(t)}`:`${e}--is-${s.default(t)}`}return`${e}--${s.default(t)}-${r}`};

package/js/utils/className/getBasicClass.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getBasicClass.min.js");require("lodash/isBoolean"),require("lodash/kebabCase"),describe(e.getBasicClass,()=>{it("should return correct basic CSS class for different types and values",()=>{expect(e.getBasicClass({prefix:"test",type:"color",value:"primary"})).toBe("test--color-primary"),expect(e.getBasicClass({prefix:"test",type:"variant",value:"button"})).toBe("test--variant-button"),expect(e.getBasicClass({prefix:"test",type:"isDark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"dark",value:!0})).toBe("test--is-dark"),expect(e.getBasicClass({prefix:"test",type:"hasDark",value:!0})).toBe("test--has-dark"),expect(e.getBasicClass({prefix:"test",type:"isActive",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"hasBorder",value:!0})).toBe("test--has-border"),expect(e.getBasicClass({prefix:"test",type:"isVisible",value:!1})).toBe(""),expect(e.getBasicClass({prefix:"test",type:"variant",value:void 0})).toBe("test--variant-undefined")})});

package/js/utils/className/getRootClassName.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/kebabCase"),t=require("../../constants/index.min.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../constants/keycodes.min.js");var s=r(e);const n=/^(.*)-(.+)$/gi;exports.getRootClassName=function(e,r){const o=`${t.CSS_PREFIX}-${s.default(e)}`;return r?o.replace(n,"$1__$2"):o};

package/js/utils/className/getRootClassName.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getRootClassName.min.js");require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),describe(e.getRootClassName,()=>{it("should transform the component name into a lumx class",()=>{expect(e.getRootClassName("Table")).toBe("lumx-table")}),it("should transform the sub component name into a lumx class",()=>{expect(e.getRootClassName("TableBody",!0)).toBe("lumx-table__body")})});

package/js/utils/className/getTypographyClassName.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getTypographyClassName=e=>`lumx-typography-${e}`;

package/js/utils/className/getTypographyClassName.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./getTypographyClassName.min.js");describe(e.getTypographyClassName,()=>{it("should generate lumx typography class",()=>{expect(e.getTypographyClassName("title")).toBe("lumx-typography-title")})});

package/js/utils/className/handleBasicClasses.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),a=require("lodash/isBoolean"),s=require("lodash/isEmpty"),r=require("./getBasicClass.min.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/kebabCase");var u=t(e),i=t(a),l=t(s);exports.handleBasicClasses=function({prefix:e,...a}){const s={};return l.default(a)||Object.keys(a).forEach(t=>{var u;s[r.getBasicClass({prefix:e,type:t,value:a[t]})]=i.default(a[t])?a[t]:!("number"==typeof(u=a[t])?0===u:l.default(u))}),u.default(e,s)};

package/js/utils/className/handleBasicClasses.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./handleBasicClasses.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("./getBasicClass.min.js"),require("lodash/kebabCase"),describe(e.handleBasicClasses,()=>{it("should return correct combined CSS classes based on props",()=>{const s=e.handleBasicClasses({prefix:"test",undefined:void 0,null:null,emptyString:"",emptyArray:[],emptyObject:{},color:"red",isDisabled:!1,visible:!0,hasButton:!0});expect(s).toBe("test test--color-red test--is-visible test--has-button")})});

package/js/utils/className/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("./handleBasicClasses.min.js"),e=require("./getBasicClass.min.js"),a=require("./getRootClassName.min.js"),r=require("./getTypographyClassName.min.js"),o=require("./fontColorClass.min.js"),i=require("./resolveColorWithVariants.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../../constants/index.min.js"),require("../../constants/keycodes.min.js"),exports.handleBasicClasses=s.handleBasicClasses,exports.getBasicClass=e.getBasicClass,exports.getRootClassName=a.getRootClassName,exports.getTypographyClassName=r.getTypographyClassName,exports.fontColorClass=o.fontColorClass,exports.resolveColorWithVariants=i.resolveColorWithVariants;

package/js/utils/className/resolveColorWithVariants.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveColorWithVariants=function(e,t){if(!e)return[void 0,t];const[r,o]=e.split("-");return[r,t||o]};

package/js/utils/className/resolveColorWithVariants.test.min.js

@@ -1 +0,0 @@
-"use strict";var o=require("./resolveColorWithVariants.min.js");describe(o.resolveColorWithVariants,()=>{it("should handle undefined color",()=>{const r=o.resolveColorWithVariants(void 0);expect(r).toEqual([void 0,void 0])}),it("should handle undefined color with variant",()=>{const r=o.resolveColorWithVariants(void 0,"L2");expect(r).toEqual([void 0,"L2"])}),it("should handle color with undefined variant",()=>{const r=o.resolveColorWithVariants("primary");expect(r).toEqual(["primary",void 0])}),it("should handle color & variant separated",()=>{const r=o.resolveColorWithVariants("primary","L2");expect(r).toEqual(["primary","L2"])}),it("should handle color with variant all in one",()=>{const r=o.resolveColorWithVariants("primary-L2");expect(r).toEqual(["primary","L2"])}),it("should override color variant with the given color variant",()=>{const r=o.resolveColorWithVariants("primary-L2","D2");expect(r).toEqual(["primary","D2"])})});

package/js/utils/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/noop"),t=require("./className/handleBasicClasses.min.js"),s=require("./className/getBasicClass.min.js"),r=require("./className/getRootClassName.min.js"),a=require("./className/getTypographyClassName.min.js"),n=require("./className/fontColorClass.min.js"),o=require("./className/resolveColorWithVariants.min.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../constants/index.min.js"),require("../constants/keycodes.min.js");var u=i(e);exports.handleBasicClasses=t.handleBasicClasses,exports.getBasicClass=s.getBasicClass,exports.getRootClassName=r.getRootClassName,exports.getTypographyClassName=a.getTypographyClassName,exports.fontColorClass=n.fontColorClass,exports.resolveColorWithVariants=o.resolveColorWithVariants,exports.detectHorizontalSwipe=function(e,t){let s,r,a,n,o;const i=e=>{const[t]=Array.from(e.changedTouches);s=t.pageX,r=t.pageY,n=(new Date).getTime(),o=!1},c=e=>{if(o)return;if(a=(new Date).getTime()-n,a>300)return;const[i]=Array.from(e.changedTouches),u=i.pageX-s,c=i.pageY-r;if(!(Math.abs(u)>=150&&Math.abs(c)<=150))return;t(u<0?"left":"right"),o=!0},l=!!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get(){e=!0}});window.addEventListener("testPassiveEventSupport",u.default,t),window.removeEventListener("testPassiveEventSupport",u.default,t)}catch(e){}return e}()&&{passive:!0};return e.addEventListener("touchstart",i,l),e.addEventListener("touchmove",c,l),()=>{e.removeEventListener("touchstart",i,l),e.removeEventListener("touchmove",c,l)}},exports.detectSwipe=function(e,t=u.default){let s,r,a,n,o,i,c;const l=e=>{const[t]=Array.from(e.changedTouches);o="none",a=t.pageX,n=t.pageY,c=(new Date).getTime(),e.preventDefault()},p=e=>{e.preventDefault()},d=e=>{const[u]=Array.from(e.changedTouches);s=u.pageX-a,r=u.pageY-n,i=(new Date).getTime()-c,i<=300&&(Math.abs(s)>=150&&Math.abs(r)<=100?o=s<0?"left":"right":Math.abs(r)>=150&&Math.abs(s)<=100&&(o=r<0?"up":"down")),t(o),e.preventDefault()};return e.addEventListener("touchstart",l,!1),e.addEventListener("touchmove",p,!1),e.addEventListener("touchend",d,!1),()=>{e.removeEventListener("touchstart",l,!1),e.removeEventListener("touchmove",p,!1),e.removeEventListener("touchend",d,!1)}},exports.onButtonPressed=function(e){return t=>{"Enter"!==t.key&&" "!==t.key||e(t)}},exports.onEnterPressed=function(e){return t=>{"Enter"===t.key&&e(t)}},exports.onEscapePressed=function(e){return t=>{"Escape"===t.key&&e(t)}};