@hopper-ui/components 1.5.7 → 1.5.8

package/dist/ListBox/src/ListBoxItem.js

@@ -1,31 +1,31 @@
-export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from '../../chunk-GD62QQQM.js';
-import '../../chunk-IF44PZZP.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from '../../chunk-IIUGCQWW.js';
+import '../../chunk-4KOZSCEO.js';
 import '../../chunk-FU5CCPLP.js';
-import '../../chunk-DKOJD5J5.js';
+import '../../chunk-TXMTWWQS.js';
 import '../../chunk-2EAZPH3M.js';
 import '../../chunk-Y2POLIXK.js';
-import '../../chunk-2SB3QWIW.js';
+import '../../chunk-CY3NQS5G.js';
 import '../../chunk-OKZYR4RF.js';
-import '../../chunk-CQDLZ42T.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-UVX4CZWO.js';
+import '../../chunk-QDAESUMP.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-YLDI6PLK.js';
-import '../../chunk-BYAY3UHK.js';
+import '../../chunk-YYBHF4YY.js';
+import '../../chunk-IZK3WBT5.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-75DHKNW2.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-QAUFBA7C.js';
+import '../../chunk-MGSR6KG7.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-2EQ5ZDRA.js';
+import '../../chunk-XJDZUQRN.js';
+import '../../chunk-AES7QBQE.js';
+import '../../chunk-NP2SOF4U.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-IZAWEDX6.js';
-import '../../chunk-ZMIX3DJQ.js';
-import '../../chunk-X6SER3TZ.js';
 import '../../chunk-2NSUMKNH.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
+import '../../chunk-ZMIX3DJQ.js';
+import '../../chunk-X6SER3TZ.js';
 import '../../chunk-KVDXQMWI.js';
-import '../../chunk-AES7QBQE.js';
+import '../../chunk-CQDLZ42T.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/ListBox/src/ListBoxItemSkeleton.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___GwHVO {
+.Text-module__hop-Text___A6WPK {
   --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___GwHVO) {
+:where(.Text-module__hop-Text___A6WPK) {
   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___Hy6wA) {
+:where(.Text-module__hop-Text--xs___OT9i0) {
   --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___r6n11) {
+:where(.Text-module__hop-Text--sm___bKtyz) {
   --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___77-k9) {
+:where(.Text-module__hop-Text--md___EWK9I) {
   --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___3QHga) {
+:where(.Text-module__hop-Text--lg___xKf2K) {
   --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___UhMR-) {
+:where(.Text-module__hop-Text--xl___X-I7p) {
   --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___E9rXG) {
+:where(.Text-module__hop-Text--2xl___qBAxp) {
   --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___rK-x9) {
+:where(.Text-module__hop-Text--inherit___aWINc) {
   --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,41 +79,51 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___vOuhR {
+.Heading-module__hop-Heading___qZGl6 {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
+  --hop-Heading-xs-top-offset: var(--hop-heading-xs-top-offset);
+  --hop-Heading-xs-bottom-offset: var(--hop-heading-xs-bottom-offset);
   --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
   --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
   --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
   --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
+  --hop-Heading-sm-top-offset: var(--hop-heading-sm-top-offset);
+  --hop-Heading-sm-bottom-offset: var(--hop-heading-sm-bottom-offset);
   --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
   --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
   --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
   --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
+  --hop-Heading-md-top-offset: var(--hop-heading-md-top-offset);
+  --hop-Heading-md-bottom-offset: var(--hop-heading-md-bottom-offset);
   --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
   --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
   --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
   --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
+  --hop-Heading-lg-top-offset: var(--hop-heading-lg-top-offset);
+  --hop-Heading-lg-bottom-offset: var(--hop-heading-lg-bottom-offset);
   --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
   --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
   --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
   --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
+  --hop-Heading-xl-top-offset: var(--hop-heading-xl-top-offset);
+  --hop-Heading-xl-bottom-offset: var(--hop-heading-xl-bottom-offset);
   --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
   --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
   --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
   --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
+  --hop-Heading-2xl-top-offset: var(--hop-heading-2xl-top-offset);
+  --hop-Heading-2xl-bottom-offset: var(--hop-heading-2xl-bottom-offset);
   --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
   --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
   --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
   --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
-  --hop-Heading-inherit-size-font-size: inherit;
-  --hop-Heading-inherit-size-font-family: inherit;
-  --hop-Heading-inherit-size-font-weight: inherit;
-  --hop-Heading-inherit-size-line-height: inherit;
+  --hop-Heading-3xl-top-offset: var(--hop-heading-3xl-top-offset);
+  --hop-Heading-3xl-bottom-offset: var(--hop-heading-3xl-bottom-offset);
 }
-:where(.Heading-module__hop-Heading___vOuhR) {
+:where(.Heading-module__hop-Heading___qZGl6) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
@@ -121,51 +131,79 @@
   line-height: var(--line-height);
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading--xs___TljxC) {
+:where(.Heading-module__hop-Heading___qZGl6)::before,
+:where(.Heading-module__hop-Heading___qZGl6)::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+:where(.Heading-module__hop-Heading___qZGl6)::before {
+  margin-block-end: var(--bottom-offset);
+}
+:where(.Heading-module__hop-Heading___qZGl6)::after {
+  margin-block-start: var(--top-offset);
+}
+:where(.Heading-module__hop-Heading--xs___9vIUc) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
+  --top-offset: var(--hop-Heading-xs-top-offset);
+  --bottom-offset: var(--hop-Heading-xs-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--sm___Dd4aA) {
+:where(.Heading-module__hop-Heading--sm___2cnPF) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
+  --top-offset: var(--hop-Heading-sm-top-offset);
+  --bottom-offset: var(--hop-Heading-sm-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--md___4QZ22) {
+:where(.Heading-module__hop-Heading--md___COxEc) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
+  --top-offset: var(--hop-Heading-md-top-offset);
+  --bottom-offset: var(--hop-Heading-md-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--lg___gCcT1) {
+:where(.Heading-module__hop-Heading--lg___uFN-j) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
+  --top-offset: var(--hop-Heading-lg-top-offset);
+  --bottom-offset: var(--hop-Heading-lg-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--xl___bgGSZ) {
+:where(.Heading-module__hop-Heading--xl___TI2o5) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
+  --top-offset: var(--hop-Heading-xl-top-offset);
+  --bottom-offset: var(--hop-Heading-xl-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--2xl___-BDq2) {
+:where(.Heading-module__hop-Heading--2xl___tSVfV) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
+  --top-offset: var(--hop-Heading-2xl-top-offset);
+  --bottom-offset: var(--hop-Heading-2xl-bottom-offset);
 }
-:where(.Heading-module__hop-Heading--3xl___uuF3d) {
+:where(.Heading-module__hop-Heading--3xl___yBW4k) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
   --line-height: var(--hop-Heading-3xl-line-height);
+  --top-offset: var(--hop-Heading-3xl-top-offset);
+  --bottom-offset: var(--hop-Heading-3xl-bottom-offset);
 }
 
 /* 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___zl-GZ) {
+:where(.OverlineText-module__hop-OverlineText___l87dr) {
   --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);
@@ -189,52 +227,52 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___74bSv {
+.OverlineText-module__hop-OverlineText__text___dDkQB {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___74bSv::before,
-.OverlineText-module__hop-OverlineText__text___74bSv::after {
+.OverlineText-module__hop-OverlineText__text___dDkQB::before,
+.OverlineText-module__hop-OverlineText__text___dDkQB::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___74bSv::before {
+.OverlineText-module__hop-OverlineText__text___dDkQB::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___74bSv::after {
+.OverlineText-module__hop-OverlineText__text___dDkQB::after {
   margin-block-start: var(--top-offset);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___NGqig {
+.Form-module__hop-Form___s5RQU {
   display: flex;
   flex-direction: column;
   gap: var(--hop-space-stack-lg);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___1lP-g {
+.Label-module__hop-Label___TPaRo {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___1lP-g) {
+:where(.Label-module__hop-Label___TPaRo) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
-:where(.Label-module__hop-Label__indicator___pBlO9) {
+:where(.Label-module__hop-Label__indicator___hKKpy) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___pSWxx {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___DXN8w {
   --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
   --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
   --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -260,7 +298,7 @@
   background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
   background-size: 400% 100%;
   border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
-  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-3sp-;
+  animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O;
   animation-duration: var(--animation-duration);
   animation-timing-function: ease-in-out;
   animation-fill-mode: forwards;
@@ -269,19 +307,19 @@
     --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
   }
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___pwbhz {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___TXhPk {
   --height: var(--hop-ListBoxItemSkeleton-xs-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___6N0Lw {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gO3ir {
   --height: var(--hop-ListBoxItemSkeleton-sm-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___vSeek {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___l8LoZ {
   --height: var(--hop-ListBoxItemSkeleton-md-height);
 }
-.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ZpaNH {
+.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Md68K {
   --height: var(--hop-ListBoxItemSkeleton-lg-height);
 }
-@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-3sp- {
+@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O {
   0% {
     background-position: 125% 50%;
   }

package/dist/ListBox/src/ListBoxItemSkeleton.js

@@ -1,4 +1,4 @@
-export { GlobalListBoxItemSkeletonCssSelector, _ListBoxItemSkeleton as ListBoxItemSkeleton } from '../../chunk-2SB3QWIW.js';
+export { GlobalListBoxItemSkeletonCssSelector, _ListBoxItemSkeleton as ListBoxItemSkeleton } from '../../chunk-CY3NQS5G.js';
 import '../../chunk-OKZYR4RF.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';