@baseline-ui/core 0.59.0 → 0.60.0

package/dist/components/ColorInput/ColorInput.types.d.ts

@@ -0,0 +1,137 @@
+import type { StylingProps } from "../../utils";
+import type { ColorSwatchProps } from "../ColorSwatch";
+import type { PopoverContentProps } from "../Popover";
+import type { IconComponentProps } from "../shared/types/IconComponent";
+import type { Color, ColorFieldProps } from "@react-stately/color";
+import type { AriaLabelingProps, PressEvent } from "@react-types/shared";
+import type React from "react";
+import type { AriaButtonProps } from "react-aria";
+import type { OverlayTriggerProps } from "react-stately";
+export interface ColorPreset {
+    label: string;
+    color: string;
+}
+export interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
+    /**
+     * The list of color presets to show in the color picker. The signature of the
+     * color presets is:
+     *
+     * ```ts
+     * export interface ColorPreset {
+     *   label: string;
+     *   color: string;
+     * }
+     * ```
+     *
+     * The color can be a hex or hexa value.
+     */
+    presets?: ColorPreset[];
+    /**
+     * Whether to include the custom color picker. If `false`, the color picker
+     * will only show the color presets. The custom color picker allows the user
+     * to pick any color. You can set the `allowAlpha` prop to `false` to disable
+     * the alpha channel.
+     *
+     * @default true
+     */
+    includePicker?: boolean;
+    /**
+     * Whether to show the color label. The color label is the name of the color
+     * that is currently selected. If boolean, the label will be shown only when
+     * the color is not `null`. If a function, the function will be called with
+     * the current color and should return a string. If `false`, the label will
+     * not be shown.
+     *
+     * @default true
+     */
+    colorLabel?: boolean | ((color: Color | null, options: {
+        isIndeterminate: boolean;
+    }) => string);
+    /**
+     * Whether to allow alpha values in the custom color picker.
+     *
+     * @default true
+     */
+    allowAlpha?: boolean;
+    /**
+     * Whether to allow the removal of the color.
+     *
+     * @default false
+     */
+    allowRemoval?: boolean;
+    /** The label position of the color input. */
+    labelPosition?: "top" | "start";
+    /**
+     * Whether to show the color picker in active or lazy mode. In active mode,
+     * the color picker will be rendered when the color input popover is open and
+     * the value of the color input will be updated when the user picks a color.
+     * In lazy mode, the color picker will be rendered only when the user clicks
+     * on the "Add color" button and the selected color will be added to custom
+     * colors when the user clicks on the "Add color" button.
+     *
+     * @default active
+     */
+    pickerMode?: "active" | "lazy";
+    /**
+     * The key to use to store the picked color in the local storage.
+     *
+     * @default baselinePickedColor
+     */
+    storePickedColorKey?: string;
+    /**
+     * The label to show on the add color button.
+     *
+     * @default Add color
+     */
+    addColorButtonLabel?: string;
+    /**
+     * The label to show on the remove color button.
+     *
+     * @default Remove color
+     */
+    removeColorButtonLabel?: string;
+    /**
+     * The label to show on the custom colors section.
+     *
+     * @default Custom colors
+     */
+    customColorsLabel?: string;
+    /**
+     * An optional function to render the custom trigger button.
+     *
+     * @param options
+     */
+    renderTriggerButton?: (options: {
+        isOpen: boolean;
+        color: Color | null;
+        ref: React.RefObject<HTMLButtonElement>;
+        colorName?: string | boolean;
+        triggerProps: AriaButtonProps<"button">;
+        labelId?: string;
+    } & Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon">) => React.JSX.Element;
+    /**
+     * Handler that is called when the user stops dragging or clicking on the
+     * color picker. In case of presets, this is called when the user clicks on a
+     * color preset.
+     */
+    onChangeEnd?: (color: Color | null) => void;
+    /**
+     * Whether the color input is indeterminate.
+     *
+     * @default false
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Handler that is called when the user presses the trigger button. This can
+     * be used to track events like clicks on the trigger button.
+     */
+    onTriggerPress?: (event: PressEvent) => void;
+}
+export interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "renderTriggerButton" | "colorLabel" | "label" | "labelPosition" | "aria-label">, IconComponentProps {
+    /**
+     * The variant of the color input button.
+     *
+     * @default standard
+     */
+    variant?: "compact" | "standard";
+}

package/dist/components/ColorInput/ColorInputButton.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { StylingProps } from "../../utils";
+import type { ActionButtonProps } from "../ActionButton";
+import type { ColorSwatchProps } from "../ColorSwatch";
+import type { IconProps } from "../Icon";
+import type { ColorInputProps } from "./ColorInput.types";
+import type { Color } from "@react-stately/color";
+export declare const ColorInputButton: React.ForwardRefExoticComponent<ColorInputButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconColorInputButton: React.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "color" | "children" | "labelPosition"> & {
+    icon: React.FC<IconProps>;
+    color?: string | null;
+} & React.RefAttributes<HTMLButtonElement>>;
+interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel">, Pick<ColorSwatchProps, "isIndeterminate" | "indeterminateIcon"> {
+    isOpen: boolean;
+    "aria-label"?: string;
+    labelPosition?: "top" | "start";
+    color: Color | null;
+    colorName?: string | boolean;
+    isIndeterminate?: boolean;
+}
+export {};

package/dist/components/ColorInput/ColorPresetList.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ListBoxProps } from "../ListBox";
+import type { ListOption } from "../shared/types/List";
+import type { Color } from "@react-stately/color";
+import type { OverlayTriggerState } from "react-stately";
+export declare const ColorPresetList: React.ForwardRefExoticComponent<ColorPresetListProps & React.RefAttributes<HTMLDivElement>>;
+interface ColorPresetListProps {
+    autoFocus?: ListBoxProps["autoFocus"];
+    state: OverlayTriggerState;
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    color: Color | null;
+    presets: ListOption[];
+    setColor: (color: Color | null) => void;
+    isIndeterminate: boolean;
+}
+export {};

package/dist/components/ColorInput/ColorSlider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ColorSliderStateOptions } from "@react-stately/color";
+export declare const ColorSlider: React.FC<Omit<ColorSliderStateOptions, "locale">>;

package/dist/components/ColorInput/CustomColors.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { Color } from "@react-stately/color";
+export declare const CustomColors: React.FC<CustomColorsProps>;
+interface CustomColorsProps {
+    color: Color;
+    setColor: (color: Color) => void;
+    storePickedColorKey: string;
+    addColorButtonLabel?: string;
+    removeColorButtonLabel?: string;
+    customColorsLabel?: string;
+    pickerMode: "active" | "lazy";
+    allowAlpha: boolean;
+    isIndeterminate: boolean;
+}
+export {};

package/dist/components/ColorInput/IconColorInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { IconColorInputProps } from "./ColorInput.types";
+export declare const IconColorInput: React.ForwardRefExoticComponent<IconColorInputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ColorInput/Picker.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { Color } from "@react-stately/color";
+export declare const Picker: React.FC<{
+    color: Color;
+    setColor: (color: Color) => void;
+    allowAlpha: boolean;
+    onChangeEnd?: (color: Color) => void;
+}>;

package/dist/components/ColorInput/__tests__/data.d.ts

@@ -0,0 +1,8 @@
+export declare const presets: {
+    label: string;
+    color: string;
+}[];
+export declare const presetsWithAlpha: {
+    label: string;
+    color: string;
+}[];

package/dist/components/ColorInput/hooks/useColorTrigger.d.ts

@@ -0,0 +1,13 @@
+import type { ColorInputProps } from "../ColorInput.types";
+import type { Color } from "@react-stately/color";
+export declare function useColorTrigger({ colorLabel, color, presets, isIndeterminate, }: Pick<ColorInputProps, "colorLabel"> & {
+    color: Color | null;
+    presets: {
+        id: string;
+        label: string;
+    }[];
+    isIndeterminate?: boolean;
+}): {
+    colorName: string | boolean | undefined;
+    humanReadableName: string | undefined;
+};

package/dist/components/ColorInput/index.d.ts

@@ -0,0 +1,4 @@
+export { ColorInput } from "./ColorInput";
+export { IconColorInputButton } from "./ColorInputButton";
+export { type ColorInputProps, type ColorPreset, type IconColorInputProps, } from "./ColorInput.types";
+export { IconColorInput } from "./IconColorInput";

package/dist/components/ColorInput/intl/index.d.ts

@@ -0,0 +1,399 @@
+declare const _default: {
+    ar: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    cs: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    cy: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    da: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    de: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    el: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    en_GB: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    en: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    es: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    fi: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    fr_CA: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    fr: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    he: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    hr: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    id: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    it: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    ja: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    ko: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    ms: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    nb_NO: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    nl: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    pl: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    pt_PT: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    pt: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    ru: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    sk: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    sl: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    sv: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    th: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    tr: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    uk: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    zh_Hans: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+    zh_Hant: {
+        "bui.colorInput.add": string;
+        "bui.colorInput.addColor": string;
+        "bui.colorInput.cancel": string;
+        "bui.colorInput.colorFormat": string;
+        "bui.colorInput.colorPresets": string;
+        "bui.colorInput.customColors": string;
+        "bui.colorInput.newColor": string;
+        "bui.colorInput.noColor": string;
+        "bui.colorInput.removeColor": string;
+        "bui.colorInput.transparent": string;
+    };
+};
+export default _default;