@hopper-ui/components 1.3.0 → 1.3.1

package/dist/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___SbFVm) {
+:where(.OverlineText-module__hop-OverlineText___-AumH) {
   --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,58 +23,227 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___Cb3CN {
+.OverlineText-module__hop-OverlineText__text___epYug {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___Cb3CN::before,
-.OverlineText-module__hop-OverlineText__text___Cb3CN::after {
+.OverlineText-module__hop-OverlineText__text___epYug::before,
+.OverlineText-module__hop-OverlineText__text___epYug::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___Cb3CN::before {
+.OverlineText-module__hop-OverlineText__text___epYug::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___Cb3CN::after {
+.OverlineText-module__hop-OverlineText__text___epYug::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___tJTtf {
+.Badge-module__hop-Badge___09iuj {
   --hop-Badge-height: 1.5rem;
+  --hop-Badge-width: max-content;
   --hop-Badge-padding-inline: var(--hop-space-inset-sm);
   --hop-Badge-border-radius: var(--hop-shape-pill);
+  --hop-Badge-indeterminate-border-radius: var(--hop-shape-circle);
+  --hop-Badge-indeterminate-height: 1rem;
+  --hop-Badge-indeterminate-width: 1rem;
+  --hop-Badge-indeterminate-padding-inline: 0;
   --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
   --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
-  --hop-Badge-secondary-text-color: var(--hop-neutral-text);
-  --hop-Badge-secondary-background-color: var(--hop-neutral-surface-weak);
+  --hop-Badge-primary-text-color-hovered: var(--hop-primary-text-strong-hover);
+  --hop-Badge-primary-background-color-hovered: var(--hop-primary-surface-strong-hover);
+  --hop-Badge-primary-text-color-pressed: var(--hop-primary-text-strong);
+  --hop-Badge-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
+  --hop-Badge-primary-text-color-selected: var(--hop-primary-text-selected);
+  --hop-Badge-primary-background-color-selected: var(--hop-primary-surface-selected);
+  --hop-Badge-secondary-text-color: var(--hop-neutral-text-strong);
+  --hop-Badge-secondary-background-color: var(--hop-neutral-surface-strong);
+  --hop-Badge-secondary-text-color-hovered: var(--hop-neutral-text-strong);
+  --hop-Badge-secondary-background-color-hovered: var(--hop-neutral-surface-strong);
+  --hop-Badge-secondary-text-color-pressed: var(--hop-neutral-text-strong);
+  --hop-Badge-secondary-background-color-pressed: var(--hop-neutral-surface-strong);
+  --hop-Badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
+  --hop-Badge-secondary-background-color-selected: var(--hop-neutral-surface-selected);
+  --hop-Badge-subdued-text-color: var(--hop-neutral-text);
+  --hop-Badge-subdued-background-color: var(--hop-neutral-surface-weak);
+  --hop-Badge-subdued-text-color-hovered: var(--hop-neutral-text-weak-hover);
+  --hop-Badge-subdued-background-color-hovered: var(--hop-neutral-surface-weak-hover);
+  --hop-Badge-subdued-text-color-pressed: var(--hop-neutral-text-weak-press);
+  --hop-Badge-subdued-background-color-pressed: var(--hop-neutral-surface-weak-press);
+  --hop-Badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
+  --hop-Badge-subdued-background-color-selected: var(--hop-neutral-surface-weak-selected);
   --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
   --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
   --height: var(--hop-Badge-height);
+  --width: var(--hop-Badge-width);
   --padding-inline: var(--hop-Badge-padding-inline);
   --border-radius: var(--hop-Badge-border-radius);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
-  inline-size: max-content;
+  inline-size: var(--width);
   block-size: var(--height);
   padding-inline: var(--padding-inline);
   color: var(--text-color, var(--hop-Badge-primary-text-color));
   background-color: var(--background-color, var(--hop-Badge-primary-background-color));
   border-radius: var(--border-radius);
 }
-.Badge-module__hop-Badge--primary___3WZ9y {
+.Badge-module__hop-Badge___09iuj[data-variant=primary] {
   --background-color: var(--hop-Badge-primary-background-color);
   --text-color: var(--hop-Badge-primary-text-color);
 }
-.Badge-module__hop-Badge--secondary___OpnYy {
+.Badge-module__hop-Badge___09iuj[data-hovered][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-hovered);
+  --text-color: var(--hop-Badge-primary-text-color-hovered);
+}
+.Badge-module__hop-Badge___09iuj[data-pressed][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-pressed);
+  --text-color: var(--hop-Badge-primary-text-color-pressed);
+}
+.Badge-module__hop-Badge___09iuj[data-selected][data-variant=primary] {
+  --background-color: var(--hop-Badge-primary-background-color-selected);
+  --text-color: var(--hop-Badge-primary-text-color-selected);
+}
+.Badge-module__hop-Badge___09iuj[data-variant=secondary] {
   --background-color: var(--hop-Badge-secondary-background-color);
   --text-color: var(--hop-Badge-secondary-text-color);
 }
-.Badge-module__hop-Badge___tJTtf[data-disabled] {
+.Badge-module__hop-Badge___09iuj[data-hovered][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-hovered);
+  --text-color: var(--hop-Badge-secondary-text-color-hovered);
+}
+.Badge-module__hop-Badge___09iuj[data-pressed][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-pressed);
+  --text-color: var(--hop-Badge-secondary-text-color-pressed);
+}
+.Badge-module__hop-Badge___09iuj[data-selected][data-variant=secondary] {
+  --background-color: var(--hop-Badge-secondary-background-color-selected);
+  --text-color: var(--hop-Badge-secondary-text-color-selected);
+}
+.Badge-module__hop-Badge___09iuj[data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color);
+  --text-color: var(--hop-Badge-subdued-text-color);
+}
+.Badge-module__hop-Badge___09iuj[data-hovered][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-hovered);
+  --text-color: var(--hop-Badge-subdued-text-color-hovered);
+}
+.Badge-module__hop-Badge___09iuj[data-pressed][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-pressed);
+  --text-color: var(--hop-Badge-subdued-text-color-pressed);
+}
+.Badge-module__hop-Badge___09iuj[data-selected][data-variant=subdued] {
+  --background-color: var(--hop-Badge-subdued-background-color-selected);
+  --text-color: var(--hop-Badge-subdued-text-color-selected);
+}
+.Badge-module__hop-Badge___09iuj[data-indeterminate] {
+  --border-radius: var(--hop-Badge-indeterminate-border-radius);
+  --height: var(--hop-Badge-indeterminate-height);
+  --width: var(--hop-Badge-indeterminate-width);
+  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
+}
+.Badge-module__hop-Badge___09iuj[data-disabled] {
   --background-color: var(--hop-Badge-background-color-disabled);
   --text-color: var(--hop-Badge-text-color-disabled);
 }
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
+.FloatingBadge-module__hop-FloatingBadge___cvHzG {
+  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
+  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
+  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
+  --hop-FloatingBadge-badge-circular-y: calc(10% + var(--hop-FloatingBadge-offset-y));
+  --hop-FloatingBadge-badge-topright-top: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-topright-right: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-topright-circular-top: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-topright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-topright-bottom: auto;
+  --hop-FloatingBadge-badge-topright-left: auto;
+  --hop-FloatingBadge-badge-topright-transform: translate(50%, -50%);
+  --hop-FloatingBadge-badge-topright-transform-origin: 100% 0;
+  --hop-FloatingBadge-badge-topleft-top: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-topleft-circular-top: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-topleft-right: auto;
+  --hop-FloatingBadge-badge-topleft-bottom: auto;
+  --hop-FloatingBadge-badge-topleft-left: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-topleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-topleft-transform: translate(-50%, -50%);
+  --hop-FloatingBadge-badge-topleft-transform-origin: 0 0;
+  --hop-FloatingBadge-badge-bottomright-top: auto;
+  --hop-FloatingBadge-badge-bottomright-right: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-bottomright-circular-right: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-bottomright-bottom: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-bottomright-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-bottomright-left: auto;
+  --hop-FloatingBadge-badge-bottomright-transform: translate(50%, 50%);
+  --hop-FloatingBadge-badge-bottomright-transform-origin: 100% 100%;
+  --hop-FloatingBadge-badge-bottomleft-top: auto;
+  --hop-FloatingBadge-badge-bottomleft-right: auto;
+  --hop-FloatingBadge-badge-bottomleft-bottom: var(--hop-FloatingBadge-badge-y);
+  --hop-FloatingBadge-badge-bottomleft-circular-bottom: var(--hop-FloatingBadge-badge-circular-y);
+  --hop-FloatingBadge-badge-bottomleft-left: var(--hop-FloatingBadge-badge-x);
+  --hop-FloatingBadge-badge-bottomleft-circular-left: var(--hop-FloatingBadge-badge-circular-x);
+  --hop-FloatingBadge-badge-bottomleft-transform: translate(-50%, 50%);
+  --hop-FloatingBadge-badge-bottomleft-transform-origin: 0 100%;
+  position: relative;
+  box-sizing: border-box;
+  inline-size: max-content;
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"] {
+  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
+  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
+  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
+  --badge-left: var(--hop-FloatingBadge-badge-topright-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top right"][data-overlap=circular] {
+  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
+  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"] {
+  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
+  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
+  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
+  --badge-left: var(--hop-FloatingBadge-badge-topleft-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="top left"][data-overlap=circular] {
+  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
+  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"] {
+  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
+  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
+  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
+  --badge-left: var(--hop-FloatingBadge-badge-bottomright-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom right"][data-overlap=circular] {
+  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
+  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"] {
+  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
+  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
+  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
+  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-left);
+  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
+  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
+}
+.FloatingBadge-module__hop-FloatingBadge___cvHzG[data-placement="bottom left"][data-overlap=circular] {
+  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
+  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
+}
+.FloatingBadge-module__hop-FloatingBadge__badge___DizOb {
+  position: absolute;
+  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
+  transform-origin: var(--badge-transform-origin);
+  transform: var(--badge-transform);
+}

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

@@ -1,5 +1,7 @@
 export { Badge, BadgeProps, GlobalBadgeCssSelector } from './Badge.js';
-export { BadgeContext } from './BadgeContext.js';
+export { BadgeContext, BadgeContextValue } from './BadgeContext.js';
+export { FloatingBadge, FloatingBadgeOverlap, FloatingBadgePlacement, FloatingBadgeProps, GlobalFloatingBadgeCssSelector } from './FloatingBadge.js';
+export { FloatingBadgeContext } from './FloatingBadgeContext.js';
 import 'react';
 import '@hopper-ui/styled-system';
 import '../../utils/src/types.js';

package/dist/Badge/src/index.js

@@ -1,7 +1,10 @@
-export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-DXEWBV4C.js';
-import '../../chunk-C72PRNOP.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-2ZOLM7VR.js';
+import '../../chunk-JVDCU4PT.js';
 import '../../chunk-WPNVVGFW.js';
+export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-X2T2UX2O.js';
 export { BadgeContext } from '../../chunk-CQDLZ42T.js';
+export { FloatingBadgeContext } from '../../chunk-CIGS4QGT.js';
 import '../../chunk-HXI3MEEK.js';
+import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/Divider/src/Divider.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
-:where(.Divider-module__hop-Divider___ZVlCI) {
+:where(.Divider-module__hop-Divider___D1EZ2) {
   --hop-Divider-border-color: var(--hop-neutral-border-weak);
   --hop-Divider-border-size: 0.0625rem;
   --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
   border-block-end: var(--border-block-end);
   border-inline-start: var(--border-inline-start);
 }
-.Divider-module__hop-Divider--vertical___n1uBJ {
+.Divider-module__hop-Divider--vertical___N-Khe {
   --border-block-end: var(--hop-Divider-vertical-border-block-end);
   --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
   --inline-size: var(--hop-Divider-vertical-inline-size);

package/dist/Divider/src/Divider.js

@@ -1,4 +1,4 @@
-export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-DLZGJBL7.js';
+export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-5NMCOZOW.js';
 import '../../chunk-FYIHMKHI.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/Divider/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
-:where(.Divider-module__hop-Divider___ZVlCI) {
+:where(.Divider-module__hop-Divider___D1EZ2) {
   --hop-Divider-border-color: var(--hop-neutral-border-weak);
   --hop-Divider-border-size: 0.0625rem;
   --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
   border-block-end: var(--border-block-end);
   border-inline-start: var(--border-inline-start);
 }
-.Divider-module__hop-Divider--vertical___n1uBJ {
+.Divider-module__hop-Divider--vertical___N-Khe {
   --border-block-end: var(--hop-Divider-vertical-border-block-end);
   --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
   --inline-size: var(--hop-Divider-vertical-inline-size);

package/dist/Divider/src/index.js

@@ -1,4 +1,4 @@
-export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-DLZGJBL7.js';
+export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-5NMCOZOW.js';
 export { DividerContext } from '../../chunk-FYIHMKHI.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/ErrorMessage/src/ErrorMessage.css

@@ -1,5 +1,5 @@
 /* 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___TrcWf {
+.Text-module__hop-Text___D1rn4 {
   --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);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___TrcWf) {
+:where(.Text-module__hop-Text___D1rn4) {
   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___rF5yE) {
+:where(.Text-module__hop-Text--xs___83nUB) {
   --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___tPgW7) {
+:where(.Text-module__hop-Text--sm___J7Ynn) {
   --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___g9Wf2) {
+:where(.Text-module__hop-Text--md___vDq4E) {
   --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___gXea2) {
+:where(.Text-module__hop-Text--lg___d93YP) {
   --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___iGie8) {
+:where(.Text-module__hop-Text--xl___7Poiv) {
   --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___p5vcB) {
+:where(.Text-module__hop-Text--2xl___owE8f) {
   --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___Jg8ZC) {
+:where(.Text-module__hop-Text--inherit___LGo4-) {
   --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);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___i9yn3 {
+.ErrorMessage-module__hop-ErrorMessage___rQyDx {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___zmOVR {
+.ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/ErrorMessage/src/ErrorMessage.js

@@ -1,7 +1,7 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-BRU54ERL.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-A2S2Q73W.js';
 import '../../chunk-NH3IVMXB.js';
 import '../../chunk-FAE27DLF.js';
-import '../../chunk-D5PBETXF.js';
+import '../../chunk-QCTIAKM6.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';

package/dist/ErrorMessage/src/index.css

@@ -1,5 +1,5 @@
 /* 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___TrcWf {
+.Text-module__hop-Text___D1rn4 {
   --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);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___TrcWf) {
+:where(.Text-module__hop-Text___D1rn4) {
   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___rF5yE) {
+:where(.Text-module__hop-Text--xs___83nUB) {
   --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___tPgW7) {
+:where(.Text-module__hop-Text--sm___J7Ynn) {
   --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___g9Wf2) {
+:where(.Text-module__hop-Text--md___vDq4E) {
   --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___gXea2) {
+:where(.Text-module__hop-Text--lg___d93YP) {
   --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___iGie8) {
+:where(.Text-module__hop-Text--xl___7Poiv) {
   --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___p5vcB) {
+:where(.Text-module__hop-Text--2xl___owE8f) {
   --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___Jg8ZC) {
+:where(.Text-module__hop-Text--inherit___LGo4-) {
   --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);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___i9yn3 {
+.ErrorMessage-module__hop-ErrorMessage___rQyDx {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___zmOVR {
+.ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/ErrorMessage/src/index.js

@@ -1,7 +1,7 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-BRU54ERL.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-A2S2Q73W.js';
 import '../../chunk-NH3IVMXB.js';
 export { ErrorMessageContext } from '../../chunk-FAE27DLF.js';
-import '../../chunk-D5PBETXF.js';
+import '../../chunk-QCTIAKM6.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';