@hopper-ui/components 1.6.0 → 1.7.0

package/dist/tag/src/Tag.js

@@ -1,23 +1,23 @@
-export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-K73FGFB2.js';
+export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-G5GYOSK7.js';
 import '../../chunk-4BWTFR22.js';
 import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-L4D32IWU.js';
-import '../../chunk-5WUSHVW7.js';
+import '../../chunk-JNJFX2LE.js';
+import '../../chunk-KKUSWUZC.js';
 import '../../chunk-O7IJYNVQ.js';
 import '../../chunk-DXVKHP4V.js';
 import '../../chunk-ZSFJVMJN.js';
 import '../../chunk-FA26RZSE.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-C76BH4QR.js';
+import '../../chunk-53QBBZR4.js';
 import '../../chunk-5K3V5PGZ.js';
 import '../../chunk-GBWXEK6N.js';
-import '../../chunk-R4ICRVDS.js';
+import '../../chunk-HQJZSCV7.js';
 import '../../chunk-UYYHPXUH.js';
-import '../../chunk-75DHKNW2.js';
-import '../../chunk-KUGVMCIB.js';
+import '../../chunk-NNLLQWDS.js';
+import '../../chunk-CIQZIY5N.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-CQHB3HRC.js';
-import '../../chunk-WJ55ZV54.js';
+import '../../chunk-L7DSMPLQ.js';
+import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';

package/dist/tag/src/TagGroup.css

@@ -1,5 +1,5 @@
 /* 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___3N-BS {
+.Heading-module__hop-Heading___f8I5B {
   --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);
@@ -33,7 +33,7 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___3N-BS) {
+:where(.Heading-module__hop-Heading___f8I5B) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
@@ -41,43 +41,43 @@
   line-height: var(--line-height);
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading--xs___AIoE1) {
+:where(.Heading-module__hop-Heading--xs___RO7T9) {
   --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);
 }
-:where(.Heading-module__hop-Heading--sm___C-5Tn) {
+:where(.Heading-module__hop-Heading--sm___u2TRR) {
   --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);
 }
-:where(.Heading-module__hop-Heading--md___ptBBh) {
+:where(.Heading-module__hop-Heading--md___BFmdf) {
   --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);
 }
-:where(.Heading-module__hop-Heading--lg___MhXsB) {
+:where(.Heading-module__hop-Heading--lg___hMrrH) {
   --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);
 }
-:where(.Heading-module__hop-Heading--xl___jMCo1) {
+:where(.Heading-module__hop-Heading--xl___gQz6L) {
   --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);
 }
-:where(.Heading-module__hop-Heading--2xl___N864S) {
+:where(.Heading-module__hop-Heading--2xl___9oHXD) {
   --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);
 }
-:where(.Heading-module__hop-Heading--3xl___ev4Cg) {
+:where(.Heading-module__hop-Heading--3xl___7ZGiB) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,33 +85,40 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___F-45c {
+.Form-module__hop-Form___7RaBZ {
   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___tzV87 {
+.Label-module__hop-Label___dgJtM {
   --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___tzV87) {
+:where(.Label-module__hop-Label___dgJtM) {
   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___Wp4MQ) {
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
+.FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
+  display: flex;
+  gap: var(--hop-space-inset-xs);
+  align-items: center;
+}
+.FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___lDKuo) {
+:where(.OverlineText-module__hop-OverlineText___LSVJ2) {
   --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);
@@ -135,26 +142,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___JrGdf {
+.OverlineText-module__hop-OverlineText__text___-Cgyx {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___JrGdf::before,
-.OverlineText-module__hop-OverlineText__text___JrGdf::after {
+.OverlineText-module__hop-OverlineText__text___-Cgyx::before,
+.OverlineText-module__hop-OverlineText__text___-Cgyx::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___JrGdf::before {
+.OverlineText-module__hop-OverlineText__text___-Cgyx::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___JrGdf::after {
+.OverlineText-module__hop-OverlineText__text___-Cgyx::after {
   margin-block-start: var(--top-offset);
 }
 
 /* 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___TSNAC {
+.Text-module__hop-Text___NFTCi {
   --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);
@@ -184,49 +191,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___TSNAC) {
+:where(.Text-module__hop-Text___NFTCi) {
   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___yuFT0) {
+:where(.Text-module__hop-Text--xs___I0d0v) {
   --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___qelbx) {
+:where(.Text-module__hop-Text--sm___33NDY) {
   --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___PcK3y) {
+:where(.Text-module__hop-Text--md___12lqb) {
   --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___iRaZl) {
+:where(.Text-module__hop-Text--lg___EIx-l) {
   --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___kO3Qt) {
+:where(.Text-module__hop-Text--xl___Hgsci) {
   --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___rAN5U) {
+:where(.Text-module__hop-Text--2xl___bZva7) {
   --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___hn3le) {
+:where(.Text-module__hop-Text--inherit___D42Q3) {
   --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);
@@ -234,7 +241,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
-.Paragraph-module__hop-Paragraph___VOZwC {
+.Paragraph-module__hop-Paragraph___pDtiI {
   --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
   --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
   --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +253,33 @@
   margin-block-end: var(--margin-block-end);
   overflow-wrap: break-word;
 }
-.Paragraph-module__hop-Paragraph___VOZwC:last-child {
+.Paragraph-module__hop-Paragraph___pDtiI:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___crXVt {
+.Paragraph-module__hop-Paragraph--xs___yzl-N {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___nxfnz {
+.Paragraph-module__hop-Paragraph--sm___mssXe {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___YgyE0 {
+.Paragraph-module__hop-Paragraph--md___Ujb4e {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___G36sQ {
+.Paragraph-module__hop-Paragraph--lg___fzVC0 {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___dWzV5 {
+.Paragraph-module__hop-Paragraph--xl___bF-Yd {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
+.Paragraph-module__hop-Paragraph--2xl___UuYkH {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___Z3RKC {
+.Paragraph-module__hop-Paragraph--inherit___jW721 {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___Q81Sd {
+.ErrorMessage-module__hop-ErrorMessage___XomeT {
   --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);
@@ -289,13 +296,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___L84xV {
+.ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
-.HelperMessage-module__hop-HelperMessage___bH5cE {
+.HelperMessage-module__hop-HelperMessage___QIP7E {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -304,13 +311,13 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___lLc5y {
+.HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
-.TagGroup-module__hop-TagGroup___RiCxo {
+.TagGroup-module__hop-TagGroup___48fwW {
   --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -330,10 +337,10 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.TagGroup-module__hop-TagGroup___RiCxo > .TagGroup-module__hop-TagGroup__label___mhhZK {
+.TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__label___8gSQ3 {
   order: 1;
 }
-.TagGroup-module__hop-TagGroup__list___DG3Es {
+.TagGroup-module__hop-TagGroup__list___FWPsU {
   display: flex;
   flex-wrap: wrap;
   gap: var(--list-row-gap) var(--list-column-gap);
@@ -342,11 +349,11 @@
   border-radius: var(--list-border-radius);
   outline: none;
 }
-.TagGroup-module__hop-TagGroup__list___DG3Es[data-focus-visible] {
+.TagGroup-module__hop-TagGroup__list___FWPsU[data-focus-visible] {
   outline: 0.125rem solid var(--list-focus-ring-color);
   outline-offset: 0.125rem;
 }
-.TagGroup-module__hop-TagGroup___RiCxo > .TagGroup-module__hop-TagGroup__error-message___K0kzq,
-.TagGroup-module__hop-TagGroup___RiCxo > .TagGroup-module__hop-TagGroup__helper-message___KAUaL {
+.TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__error-message___IKwxJ,
+.TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__helper-message___ysCU- {
   order: 3;
 }

package/dist/tag/src/TagGroup.js

@@ -1,18 +1,19 @@
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-MP4UER4S.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-VBJVG2YA.js';
 import '../../chunk-4BWTFR22.js';
 import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-SINPHU2Z.js';
+import '../../chunk-PDWWX5JI.js';
+import '../../chunk-FIY4TUYL.js';
 import '../../chunk-YVCZUIU3.js';
-import '../../chunk-W53AAAUA.js';
+import '../../chunk-DEFXMEBJ.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-HCFKAC4T.js';
+import '../../chunk-23WYVBUK.js';
 import '../../chunk-FV74YT2D.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-R4ICRVDS.js';
+import '../../chunk-HQJZSCV7.js';
 import '../../chunk-UYYHPXUH.js';
-import '../../chunk-75DHKNW2.js';
-import '../../chunk-CQHB3HRC.js';
-import '../../chunk-WJ55ZV54.js';
+import '../../chunk-NNLLQWDS.js';
+import '../../chunk-L7DSMPLQ.js';
+import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';