@hopper-ui/components 1.3.14 → 1.3.15

package/dist/ClearButton-DTR1qTbm.d.ts

@@ -0,0 +1,84 @@
+import * as react from 'react';
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { TagProps as TagProps$1, ButtonProps } from 'react-aria-components';
+import { SpinnerProps } from './Spinner/src/Spinner.js';
+
+declare const GlobalTagCssSelector = "hop-Tag";
+type TagSize = "sm" | "md" | "lg";
+type TagVariant = "neutral" | "subdued" | "progress" | "positive" | "caution" | "negative" | "option1" | "option2" | "option3" | "option4" | "option5" | "option6";
+interface TagProps extends StyledComponentProps<TagProps$1> {
+    /**
+     * Whether the tag is invalid or not.
+     */
+    isInvalid?: boolean;
+    /**
+     * Whether the tag is loading or not.
+     */
+    isLoading?: boolean;
+    /**
+     * The size of the tag.
+     * @default "md"
+     */
+    size?: ResponsiveProp<TagSize>;
+    /**
+     * The visual style of the Tag.
+     * @default "neutral"
+     */
+    variant?: TagVariant;
+    /**
+     * The props of the ClearButton.
+     */
+    clearButtonProps?: ClearButtonProps;
+    /**
+     * The props of the Spinner.
+     */
+    spinnerProps?: SpinnerProps;
+}
+/**
+ * A tag group is an interactive collection of labels, categories, keywords, or filters, with capabilities for keyboard navigation, selection, and removal.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
+type EmbeddedButtonSize = "md" | "lg";
+type EmbeddedButtonVariant = TagVariant;
+interface EmbeddedButtonProps extends StyledComponentProps<ButtonProps> {
+    /**
+     * Whether the EmbeddedButton should show a selected state.
+     */
+    isSelected?: boolean;
+    /**
+     * The size of the EmbeddedButton.
+     * @default "md"
+     */
+    size?: ResponsiveProp<EmbeddedButtonSize>;
+    /**
+     * Whether the EmbeddedButton is square in shape.
+     */
+    isSquare?: boolean;
+    /**
+     * The visual style of the EmbeddedButton.
+     * @default "neutral"
+     */
+    variant?: EmbeddedButtonVariant;
+}
+/**
+ * EmbeddedButtons are buttons embedded within other components, such as inputs and tags.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _EmbeddedButton: react.ForwardRefExoticComponent<EmbeddedButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+declare const GlobalClearButtonCssSelector = "hop-ClearButton";
+interface ClearButtonProps extends EmbeddedButtonProps {
+}
+/**
+ * ClearButtons are used to initialize an action. ClearButton labels express what action will occur when the user interacts with it.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _ClearButton: react.ForwardRefExoticComponent<ClearButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { type ClearButtonProps as C, type EmbeddedButtonSize as E, GlobalClearButtonCssSelector as G, type TagSize as T, _ClearButton as _, _EmbeddedButton as a, GlobalEmbeddedButtonCssSelector as b, type EmbeddedButtonVariant as c, type EmbeddedButtonProps as d, _Tag as e, GlobalTagCssSelector as f, type TagVariant as g, type TagProps as h };