@hopper-ui/components 1.6.1 → 1.8.0

package/dist/avatar/src/Avatar.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___8DNX2 {
+.Heading-module__hop-Heading___EG00A {
   --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___8DNX2) {
+:where(.Heading-module__hop-Heading___EG00A) {
   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___ijsiM) {
+:where(.Heading-module__hop-Heading--xs___xNucC) {
   --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___BN2tx) {
+:where(.Heading-module__hop-Heading--sm___05Byx) {
   --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___lD9hR) {
+:where(.Heading-module__hop-Heading--md___7vlXO) {
   --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___ONPsa) {
+:where(.Heading-module__hop-Heading--lg___-iM4S) {
   --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___4KF24) {
+:where(.Heading-module__hop-Heading--xl___YiFxf) {
   --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___E-4uB) {
+:where(.Heading-module__hop-Heading--2xl___sLtGX) {
   --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___OwlpV) {
+:where(.Heading-module__hop-Heading--3xl___L3BmC) {
   --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___RucAL {
+.Form-module__hop-Form___uqGvw {
   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___F1-jA {
+.Label-module__hop-Label___x-D7q {
   --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___F1-jA) {
+:where(.Label-module__hop-Label___x-D7q) {
   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___kySOy) {
+
+/* 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___VGoF6 {
+  display: flex;
+  gap: var(--hop-space-inset-xs);
+  align-items: center;
+}
+.FieldLabel-module__hop-FieldLabel__indicator___fp8NS {
   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___nkvhg) {
+:where(.OverlineText-module__hop-OverlineText___uqriG) {
   --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___2PvUz {
+.OverlineText-module__hop-OverlineText__text___QC4h8 {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___2PvUz::before,
-.OverlineText-module__hop-OverlineText__text___2PvUz::after {
+.OverlineText-module__hop-OverlineText__text___QC4h8::before,
+.OverlineText-module__hop-OverlineText__text___QC4h8::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___2PvUz::before {
+.OverlineText-module__hop-OverlineText__text___QC4h8::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___2PvUz::after {
+.OverlineText-module__hop-OverlineText__text___QC4h8::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___qvnKA {
+.Text-module__hop-Text___TlqAw {
   --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___qvnKA) {
+:where(.Text-module__hop-Text___TlqAw) {
   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___heReZ) {
+:where(.Text-module__hop-Text--xs___r7Jh2) {
   --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___541we) {
+:where(.Text-module__hop-Text--sm___47IuM) {
   --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___hdUyI) {
+:where(.Text-module__hop-Text--md___C2YwB) {
   --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___lVP0u) {
+:where(.Text-module__hop-Text--lg___hfcIw) {
   --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___CTAop) {
+:where(.Text-module__hop-Text--xl___jSZWl) {
   --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___yx4Sp) {
+:where(.Text-module__hop-Text--2xl___3Q3EA) {
   --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___284Ab) {
+:where(.Text-module__hop-Text--inherit___S3ePi) {
   --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___txlUW {
+.Paragraph-module__hop-Paragraph___HpT17 {
   --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___txlUW:last-child {
+.Paragraph-module__hop-Paragraph___HpT17:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___uSr-c {
+.Paragraph-module__hop-Paragraph--xs___DXGDe {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___Xa52U {
+.Paragraph-module__hop-Paragraph--sm___qshKm {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___KBlMl {
+.Paragraph-module__hop-Paragraph--md___UEgGX {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___bF-R2 {
+.Paragraph-module__hop-Paragraph--lg___EvhSs {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___2XG7c {
+.Paragraph-module__hop-Paragraph--xl___X9E7u {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___PyV-w {
+.Paragraph-module__hop-Paragraph--2xl___MYUu5 {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___K3CwL {
+.Paragraph-module__hop-Paragraph--inherit___IZyrO {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB {
   --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);
@@ -303,46 +310,46 @@
   background-color: var(--background-color);
   border-radius: var(--hop-RichIconAvatarImage-border-radius);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___P4871 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___soMMV {
   --size: var(--hop-RichIconAvatarImage-xs-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RasWJ {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___L2Ls0 {
   --size: var(--hop-RichIconAvatarImage-sm-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Dz4pU {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-TpFk {
   --size: var(--hop-RichIconAvatarImage-md-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OH-gD {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___RjDDs {
   --size: var(--hop-RichIconAvatarImage-lg-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___PUJ3C {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___VCcO5 {
   --size: var(--hop-RichIconAvatarImage-xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PFE3 {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2EFbN {
   --size: var(--hop-RichIconAvatarImage-2xl-size);
   --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] {
   --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
 }
-.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
   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___OfnoG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
+.RichIconAvatarImage-module__hop-RichIconAvatarImage___Xl-OB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___27lgk {
   --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___UK5w- {
+.Avatar-module__hop-Avatar___sOX9A {
   --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);
@@ -387,67 +394,67 @@
   background-color: var(--background-color, transparent);
   border-radius: var(--hop-Avatar-border-radius);
 }
-.Avatar-module__hop-Avatar--xs___kGlrt {
+.Avatar-module__hop-Avatar--xs___i1aUW {
   --size: var(--hop-Avatar-xs-size);
 }
-.Avatar-module__hop-Avatar--sm___d9LVJ {
+.Avatar-module__hop-Avatar--sm___nwUvL {
   --size: var(--hop-Avatar-sm-size);
 }
-.Avatar-module__hop-Avatar--md___rKLQC {
+.Avatar-module__hop-Avatar--md___uyw33 {
   --size: var(--hop-Avatar-md-size);
 }
-.Avatar-module__hop-Avatar--lg___VadBR {
+.Avatar-module__hop-Avatar--lg___Mui78 {
   --size: var(--hop-Avatar-lg-size);
 }
-.Avatar-module__hop-Avatar--xl___cG4AH {
+.Avatar-module__hop-Avatar--xl___hHaUG {
   --size: var(--hop-Avatar-xl-size);
 }
-.Avatar-module__hop-Avatar--2xl___gYpb7 {
+.Avatar-module__hop-Avatar--2xl___pqrQN {
   --size: var(--hop-Avatar-2xl-size);
 }
-.Avatar-module__hop-Avatar--decorative-option1___rPJY3 {
+.Avatar-module__hop-Avatar--decorative-option1___s0WXt {
   --background-color: var(--hop-Avatar-decorative-1-background-color);
   --text-color: var(--hop-Avatar-decorative-1-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option2___wGv-I {
+.Avatar-module__hop-Avatar--decorative-option2___c3i5W {
   --background-color: var(--hop-Avatar-decorative-2-background-color);
   --text-color: var(--hop-Avatar-decorative-2-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option3___B4LtG {
+.Avatar-module__hop-Avatar--decorative-option3___vCyti {
   --background-color: var(--hop-Avatar-decorative-3-background-color);
   --text-color: var(--hop-Avatar-decorative-3-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option4___AMRxq {
+.Avatar-module__hop-Avatar--decorative-option4___JbRKY {
   --background-color: var(--hop-Avatar-decorative-4-background-color);
   --text-color: var(--hop-Avatar-decorative-4-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option5___q-beY {
+.Avatar-module__hop-Avatar--decorative-option5___xoYBk {
   --background-color: var(--hop-Avatar-decorative-5-background-color);
   --text-color: var(--hop-Avatar-decorative-5-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option6___zR-1U {
+.Avatar-module__hop-Avatar--decorative-option6___T7ZoY {
   --background-color: var(--hop-Avatar-decorative-6-background-color);
   --text-color: var(--hop-Avatar-decorative-6-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option7___V7lf3 {
+.Avatar-module__hop-Avatar--decorative-option7___wTPOD {
   --background-color: var(--hop-Avatar-decorative-7-background-color);
   --text-color: var(--hop-Avatar-decorative-7-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option8___M6MKQ {
+.Avatar-module__hop-Avatar--decorative-option8___swMm0 {
   --background-color: var(--hop-Avatar-decorative-8-background-color);
   --text-color: var(--hop-Avatar-decorative-8-text-color);
 }
-.Avatar-module__hop-Avatar--decorative-option9___IlUqF {
+.Avatar-module__hop-Avatar--decorative-option9___en8-c {
   --background-color: var(--hop-Avatar-decorative-9-background-color);
   --text-color: var(--hop-Avatar-decorative-9-text-color);
 }
-.Avatar-module__hop-Avatar___UK5w-[data-disabled] {
+.Avatar-module__hop-Avatar___sOX9A[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___JwMgS {
+.Avatar-module__hop-Avatar__image___aGfAg {
   position: relative;
   display: block;
   box-sizing: border-box;

package/dist/avatar/src/Avatar.js

@@ -1,12 +1,12 @@
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-6EXB57VD.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from '../../chunk-3OGBUJLO.js';
 import '../../chunk-QJ5FQN3N.js';
-import '../../chunk-S37LFZ2Z.js';
+import '../../chunk-FXNQDM7U.js';
 import '../../chunk-FA26RZSE.js';
-import '../../chunk-N6FVXOZU.js';
+import '../../chunk-NRUHVUQY.js';
 import '../../chunk-YKZRBQ6B.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-QYLYNHMO.js';
-import '../../chunk-WJ55ZV54.js';
+import '../../chunk-QCFV6G6K.js';
+import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';