@hopper-ui/components 1.0.4 → 1.0.6

package/dist/Avatar/src/RichIconAvatarImage.d.ts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import { RichIconProps } from '@hopper-ui/icons';
+import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { SizeAdapter } from '../../utils/src/sizeAdapter.js';
+import { BaseComponentProps } from '../../utils/src/types.js';
+import { AvatarSize, AvatarProps } from './Avatar.js';
+import '@react-types/shared';
+import 'react-aria-components';
+import '../../typography/Text/src/Text.js';
+
+declare const GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
+interface RichIconAvatarImageProps extends StyledSystemProps, BaseComponentProps, Omit<HTMLAttributes<HTMLDivElement>, "slot" | "content" | "color"> {
+    /**
+     * Whether or not the avatar image is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * The size of the image.
+     * * @default "md"
+     */
+    size?: ResponsiveProp<AvatarSize>;
+}
+declare const AvatarToIconSizeAdapter: SizeAdapter<AvatarProps["size"], RichIconProps["size"]>;
+/**
+ * RichIconAvatarImage is a wrapper component that provides a consistent way to style the image of a RichIcon.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _RichIconAvatarImage: react.ForwardRefExoticComponent<RichIconAvatarImageProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage, type RichIconAvatarImageProps };

package/dist/Avatar/src/RichIconAvatarImage.js

@@ -0,0 +1,5 @@
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-ITQK6JTD.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JWW56J7M.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Avatar/src/RichIconAvatarImageContext.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { RichIconAvatarImageProps } from './RichIconAvatarImage.js';
+import '@hopper-ui/icons';
+import '@hopper-ui/styled-system';
+import '../../utils/src/sizeAdapter.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import './Avatar.js';
+import '../../typography/Text/src/Text.js';
+
+declare const RichIconAvatarImageContext: react.Context<ContextValue<RichIconAvatarImageProps, HTMLDivElement>>;
+
+export { RichIconAvatarImageContext };

package/dist/Avatar/src/RichIconAvatarImageContext.js

@@ -0,0 +1,2 @@
+export { RichIconAvatarImageContext } from '../../chunk-JWW56J7M.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Avatar/src/index.css

@@ -0,0 +1,265 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___B7ZPi {
+  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
+  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
+  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
+  --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
+  --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Text-md-font-size: var(--hop-body-md-font-size);
+  --hop-Text-md-font-family: var(--hop-body-md-font-family);
+  --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Text-md-line-height: var(--hop-body-md-line-height);
+  --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
+  --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
+  --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
+  --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
+  --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
+  --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
+  --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
+  --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
+  --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
+  --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
+  --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
+  --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
+  --hop-Text-inherit-size-font-size: inherit;
+  --hop-Text-inherit-size-font-family: inherit;
+  --hop-Text-inherit-size-font-weight: inherit;
+  --hop-Text-inherit-size-line-height: inherit;
+}
+:where(.Text-module__hop-Text___B7ZPi) {
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+}
+:where(.Text-module__hop-Text--xs___2lyVp) {
+  --font-size: var(--hop-Text-xs-font-size);
+  --font-family: var(--hop-Text-xs-font-family);
+  --font-weight: var(--hop-Text-xs-font-weight);
+  --line-height: var(--hop-Text-xs-line-height);
+}
+:where(.Text-module__hop-Text--sm___ZJw0q) {
+  --font-size: var(--hop-Text-sm-font-size);
+  --font-family: var(--hop-Text-sm-font-family);
+  --font-weight: var(--hop-Text-sm-font-weight);
+  --line-height: var(--hop-Text-sm-line-height);
+}
+:where(.Text-module__hop-Text--md___JVXXA) {
+  --font-size: var(--hop-Text-md-font-size);
+  --font-family: var(--hop-Text-md-font-family);
+  --font-weight: var(--hop-Text-md-font-weight);
+  --line-height: var(--hop-Text-md-line-height);
+}
+:where(.Text-module__hop-Text--lg___cL0LO) {
+  --font-size: var(--hop-Text-lg-font-size);
+  --font-family: var(--hop-Text-lg-font-family);
+  --font-weight: var(--hop-Text-lg-font-weight);
+  --line-height: var(--hop-Text-lg-line-height);
+}
+:where(.Text-module__hop-Text--xl___KLn7g) {
+  --font-size: var(--hop-Text-xl-font-size);
+  --font-family: var(--hop-Text-xl-font-family);
+  --font-weight: var(--hop-Text-xl-font-weight);
+  --line-height: var(--hop-Text-xl-line-height);
+}
+:where(.Text-module__hop-Text--2xl___gb6mt) {
+  --font-size: var(--hop-Text-2xl-font-size);
+  --font-family: var(--hop-Text-2xl-font-family);
+  --font-weight: var(--hop-Text-2xl-font-weight);
+  --line-height: var(--hop-Text-2xl-line-height);
+}
+:where(.Text-module__hop-Text--inherit___-UFCW) {
+  --font-size: var(--hop-Text-inherit-size-font-size);
+  --font-family: var(--hop-Text-inherit-size-font-family);
+  --font-weight: var(--hop-Text-inherit-size-font-weight);
+  --line-height: var(--hop-Text-inherit-size-line-height);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y {
+  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
+  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
+  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
+  --hop-RichIconAvatarImage-xs-size: 1rem;
+  --hop-RichIconAvatarImage-icon-xs-size: 1rem;
+  --hop-RichIconAvatarImage-sm-size: 1.5rem;
+  --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
+  --hop-RichIconAvatarImage-md-size: 2rem;
+  --hop-RichIconAvatarImage-icon-md-size: 2rem;
+  --hop-RichIconAvatarImage-lg-size: 3rem;
+  --hop-RichIconAvatarImage-icon-lg-size: 3rem;
+  --hop-RichIconAvatarImage-xl-size: 4rem;
+  --hop-RichIconAvatarImage-icon-xl-size: 4rem;
+  --hop-RichIconAvatarImage-2xl-size: 6rem;
+  --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
+  --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
+  --background-color: var(--hop-RichIconAvatarImage-background-color);
+  user-select: none;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
+  block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
+  color: var(--hop-RichIconAvatarImage-icon-color);
+  background-color: var(--background-color);
+  border-radius: var(--hop-RichIconAvatarImage-border-radius);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r7PMb {
+  --size: var(--hop-RichIconAvatarImage-xs-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___nZFlr {
+  --size: var(--hop-RichIconAvatarImage-sm-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mkcIx {
+  --size: var(--hop-RichIconAvatarImage-md-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TifOU {
+  --size: var(--hop-RichIconAvatarImage-lg-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xs3Zv {
+  --size: var(--hop-RichIconAvatarImage-xl-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l0TTX {
+  --size: var(--hop-RichIconAvatarImage-2xl-size);
+  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y[data-disabled] {
+  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl {
+  position: relative;
+  display: block;
+  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
+  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
+}
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl {
+  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
+  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
+.Avatar-module__hop-Avatar___8RZO3 {
+  --hop-Avatar-border-radius: var(--hop-shape-circle);
+  --hop-Avatar-mix-blend-mode: normal;
+  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
+  --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
+  --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
+  --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
+  --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
+  --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
+  --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
+  --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
+  --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
+  --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
+  --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
+  --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
+  --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
+  --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
+  --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
+  --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
+  --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
+  --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
+  --hop-Avatar-xs-size: 1rem;
+  --hop-Avatar-sm-size: 1.5rem;
+  --hop-Avatar-md-size: 2rem;
+  --hop-Avatar-lg-size: 3rem;
+  --hop-Avatar-xl-size: 4rem;
+  --hop-Avatar-2xl-size: 6rem;
+  --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Avatar-mix-blend-mode-disabled: luminosity;
+  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
+  user-select: none;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  inline-size: var(--size, var(--hop-Avatar-md-size));
+  block-size: var(--size, var(--hop-Avatar-md-size));
+  color: var(--text-color, var(--hop-neutral-text));
+  background-color: var(--background-color, transparent);
+  border-radius: var(--hop-Avatar-border-radius);
+}
+.Avatar-module__hop-Avatar--xs___ynFuF {
+  --size: var(--hop-Avatar-xs-size);
+}
+.Avatar-module__hop-Avatar--sm___3oY2t {
+  --size: var(--hop-Avatar-sm-size);
+}
+.Avatar-module__hop-Avatar--md___6Gv9Q {
+  --size: var(--hop-Avatar-md-size);
+}
+.Avatar-module__hop-Avatar--lg___S6Ehu {
+  --size: var(--hop-Avatar-lg-size);
+}
+.Avatar-module__hop-Avatar--xl___1CYyi {
+  --size: var(--hop-Avatar-xl-size);
+}
+.Avatar-module__hop-Avatar--2xl___u7E0y {
+  --size: var(--hop-Avatar-2xl-size);
+}
+.Avatar-module__hop-Avatar--decorative-option1___ULBn2 {
+  --background-color: var(--hop-Avatar-decorative-1-background-color);
+  --text-color: var(--hop-Avatar-decorative-1-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option2___J4qwW {
+  --background-color: var(--hop-Avatar-decorative-2-background-color);
+  --text-color: var(--hop-Avatar-decorative-2-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option3___yKw7L {
+  --background-color: var(--hop-Avatar-decorative-3-background-color);
+  --text-color: var(--hop-Avatar-decorative-3-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option4___KS3Oe {
+  --background-color: var(--hop-Avatar-decorative-4-background-color);
+  --text-color: var(--hop-Avatar-decorative-4-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option5___lTcxY {
+  --background-color: var(--hop-Avatar-decorative-5-background-color);
+  --text-color: var(--hop-Avatar-decorative-5-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option6___vuJcI {
+  --background-color: var(--hop-Avatar-decorative-6-background-color);
+  --text-color: var(--hop-Avatar-decorative-6-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option7___SBK4z {
+  --background-color: var(--hop-Avatar-decorative-7-background-color);
+  --text-color: var(--hop-Avatar-decorative-7-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option8___smE79 {
+  --background-color: var(--hop-Avatar-decorative-8-background-color);
+  --text-color: var(--hop-Avatar-decorative-8-text-color);
+}
+.Avatar-module__hop-Avatar--decorative-option9___vvtuE {
+  --background-color: var(--hop-Avatar-decorative-9-background-color);
+  --text-color: var(--hop-Avatar-decorative-9-text-color);
+}
+.Avatar-module__hop-Avatar___8RZO3[data-disabled] {
+  --background-color: var(--hop-Avatar-background-color-disabled);
+  --text-color: var(--hop-Avatar-text-color-disabled);
+  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
+  isolation: isolate;
+}
+.Avatar-module__hop-Avatar__image___M4hSZ {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: cover;
+  mix-blend-mode: var(--mix-blend-mode);
+}

package/dist/Avatar/src/index.d.ts

@@ -0,0 +1,14 @@
+export { Avatar, AvatarInitialsProps, AvatarProps, AvatarSize, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './Avatar.js';
+export { AnonymousAvatar, AnonymousAvatarProps, GlobalAnonymousAvatarCssSelector } from './AnonymousAvatar.js';
+export { DeletedAvatar, DeletedAvatarProps, GlobalDeletedAvatarCssSelector } from './DeletedAvatar.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, RichIconAvatarImage, RichIconAvatarImageProps } from './RichIconAvatarImage.js';
+export { AvatarContext } from './AvatarContext.js';
+export { RichIconAvatarImageContext } from './RichIconAvatarImageContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import '../../typography/Text/src/Text.js';
+import 'react-aria-components';
+import '../../utils/src/sizeAdapter.js';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import '@hopper-ui/icons';

package/dist/Avatar/src/index.js

@@ -0,0 +1,13 @@
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from '../../chunk-JUMJ6A3K.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-E4WFKXW4.js';
+import '../../chunk-RG4JKE4N.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-HXI3MEEK.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from '../../chunk-J33IFG4U.js';
+export { AvatarContext } from '../../chunk-AES7QBQE.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from '../../chunk-ITQK6JTD.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+export { RichIconAvatarImageContext } from '../../chunk-JWW56J7M.js';
+import '../../chunk-NS3XVOQ7.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/Avatar/src/useImageFallback.d.ts

@@ -0,0 +1,34 @@
+import { ReactEventHandler } from 'react';
+
+interface ImageFallbackProps {
+    /**
+     * The URL of the first choice image to load.
+     */
+    src?: string;
+    /**
+     * The URL of the fallback image to load if the first choice fails.
+     */
+    fallbackSrc?: string | null;
+    /**
+     * The function to call when the image is loaded.
+     */
+    onLoad?: ReactEventHandler<HTMLImageElement>;
+    /**
+     * The function to call when the image fails to load.
+     */
+    onError?: ReactEventHandler<HTMLImageElement>;
+}
+interface ImageFallbackReturnProps {
+    /**
+     * The URL of the image to display.
+     */
+    imageUrl: string;
+    /**
+     * The status of the image loading.
+     */
+    status: Status;
+}
+type Status = "loading" | "failed" | "pending" | "loaded";
+declare function useImageFallback(props: ImageFallbackProps): ImageFallbackReturnProps;
+
+export { type ImageFallbackProps, type ImageFallbackReturnProps, useImageFallback };

package/dist/Avatar/src/useImageFallback.js

@@ -0,0 +1,2 @@
+export { useImageFallback } from '../../chunk-NS3XVOQ7.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/{badge → Badge}/src/Badge.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___lA54v) {
+:where(.OverlineText-module__hop-OverlineText___a5x6R) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6 {
+.OverlineText-module__hop-OverlineText__text___TV62d {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::before,
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
+.OverlineText-module__hop-OverlineText__text___TV62d::before,
+.OverlineText-module__hop-OverlineText__text___TV62d::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::before {
+.OverlineText-module__hop-OverlineText__text___TV62d::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
+.OverlineText-module__hop-OverlineText__text___TV62d::after {
   margin-block-start: var(--top-offset);
 }
 
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
-.Badge-module__hop-Badge___mk1h- {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
+.Badge-module__hop-Badge___vobuo {
   --hop-Badge-height: 1.5rem;
   --hop-Badge-padding-inline: var(--hop-space-inset-sm);
   --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,15 +66,15 @@
   background-color: var(--background-color, var(--hop-Badge-primary-background-color));
   border-radius: var(--border-radius);
 }
-.Badge-module__hop-Badge--primary___RxxTa {
+.Badge-module__hop-Badge--primary___qDeOA {
   --background-color: var(--hop-Badge-primary-background-color);
   --text-color: var(--hop-Badge-primary-text-color);
 }
-.Badge-module__hop-Badge--secondary___8k1fQ {
+.Badge-module__hop-Badge--secondary___jTHaT {
   --background-color: var(--hop-Badge-secondary-background-color);
   --text-color: var(--hop-Badge-secondary-text-color);
 }
-.Badge-module__hop-Badge___mk1h-[data-disabled] {
+.Badge-module__hop-Badge___vobuo[data-disabled] {
   --background-color: var(--hop-Badge-background-color-disabled);
   --text-color: var(--hop-Badge-text-color-disabled);
 }

package/dist/{badge → Badge}/src/Badge.d.ts

@@ -8,7 +8,7 @@ declare const GlobalBadgeCssSelector = "hop-Badge";
 interface BadgeProps extends StyledSystemProps, BaseComponentProps {
     /**
      * The visual style of the badge.
-     * * @default "primary"
+     * @default "primary"
      */
     variant?: "primary" | "secondary";
     /**

package/dist/{badge → Badge}/src/Badge.js

@@ -1,6 +1,7 @@
-export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-LRXYIR2A.js';
-import '../../chunk-BCHUEONM.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-SOSHKMNI.js';
+import '../../chunk-K4ZGI7DJ.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-ZSFJVMJN.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';

package/dist/Badge/src/BadgeContext.js

@@ -0,0 +1,2 @@
+export { BadgeContext } from '../../chunk-CQDLZ42T.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/{badge → Badge}/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___lA54v) {
+:where(.OverlineText-module__hop-OverlineText___a5x6R) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6 {
+.OverlineText-module__hop-OverlineText__text___TV62d {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::before,
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
+.OverlineText-module__hop-OverlineText__text___TV62d::before,
+.OverlineText-module__hop-OverlineText__text___TV62d::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::before {
+.OverlineText-module__hop-OverlineText__text___TV62d::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
+.OverlineText-module__hop-OverlineText__text___TV62d::after {
   margin-block-start: var(--top-offset);
 }
 
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
-.Badge-module__hop-Badge___mk1h- {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
+.Badge-module__hop-Badge___vobuo {
   --hop-Badge-height: 1.5rem;
   --hop-Badge-padding-inline: var(--hop-space-inset-sm);
   --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,15 +66,15 @@
   background-color: var(--background-color, var(--hop-Badge-primary-background-color));
   border-radius: var(--border-radius);
 }
-.Badge-module__hop-Badge--primary___RxxTa {
+.Badge-module__hop-Badge--primary___qDeOA {
   --background-color: var(--hop-Badge-primary-background-color);
   --text-color: var(--hop-Badge-primary-text-color);
 }
-.Badge-module__hop-Badge--secondary___8k1fQ {
+.Badge-module__hop-Badge--secondary___jTHaT {
   --background-color: var(--hop-Badge-secondary-background-color);
   --text-color: var(--hop-Badge-secondary-text-color);
 }
-.Badge-module__hop-Badge___mk1h-[data-disabled] {
+.Badge-module__hop-Badge___vobuo[data-disabled] {
   --background-color: var(--hop-Badge-background-color-disabled);
   --text-color: var(--hop-Badge-text-color-disabled);
 }

package/dist/{badge → Badge}/src/index.js

@@ -1,6 +1,7 @@
-export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-LRXYIR2A.js';
-import '../../chunk-BCHUEONM.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-SOSHKMNI.js';
+import '../../chunk-K4ZGI7DJ.js';
 import '../../chunk-WPNVVGFW.js';
-export { BadgeContext } from '../../chunk-ZSFJVMJN.js';
+export { BadgeContext } from '../../chunk-CQDLZ42T.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-2P3A4VVY.js';