@hopper-ui/components 2.0.16 → 2.1.0

package/dist/tag/src/index.js

@@ -1,32 +1,32 @@
-export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-Z7EYUYWU.js';
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-JJZ2T2DG.js';
+export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-MJPWMHWN.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-AKV734JG.js';
 export { InternalTagGroupContext, TagGroupContext } from '../../chunk-4BWTFR22.js';
 export { TagContext } from '../../chunk-EWMWQ2MC.js';
-import '../../chunk-HQXYDMQA.js';
-import '../../chunk-GLL2WZW3.js';
+import '../../chunk-NCDNU2M5.js';
+import '../../chunk-5QCMSBKW.js';
 import '../../chunk-YVCZUIU3.js';
 import '../../chunk-EVKWFOHB.js';
-import '../../chunk-GNT5JLQE.js';
+import '../../chunk-3OFI7AVI.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-Y4DRJAAC.js';
+import '../../chunk-LQ5UXO7R.js';
 import '../../chunk-FV74YT2D.js';
-import '../../chunk-Q4WAM33P.js';
-import '../../chunk-JIG4HRTM.js';
+import '../../chunk-JEDGXRDC.js';
+import '../../chunk-HNHPGKAR.js';
 import '../../chunk-O7IJYNVQ.js';
 import '../../chunk-DXVKHP4V.js';
 import '../../chunk-ZSFJVMJN.js';
-import '../../chunk-2NSUMKNH.js';
 import '../../chunk-FA26RZSE.js';
-import '../../chunk-ETGKKKLV.js';
+import '../../chunk-2NSUMKNH.js';
+import '../../chunk-R5G45WDI.js';
 import '../../chunk-UYYHPXUH.js';
-import '../../chunk-ZMG45GYZ.js';
+import '../../chunk-W2WNTROY.js';
 import '../../chunk-5K3V5PGZ.js';
 import '../../chunk-GBWXEK6N.js';
 import '../../chunk-H7LGBRRK.js';
-import '../../chunk-IDUKGRRO.js';
+import '../../chunk-LESZFYKK.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-TIPN4VYD.js';
-import '../../chunk-SEHWACBO.js';
+import '../../chunk-GYESUZI4.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/tile/src/Tile.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___xUjDG {
+.Heading-module__hop-Heading___GI2GG {
   --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,53 +33,53 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___xUjDG) {
+:where(.Heading-module__hop-Heading___GI2GG) {
   margin: 0;
   color: var(--hop-neutral-text);
 }
-:where(.Heading-module__hop-Heading___xUjDG):not(.Heading-module__hop-Heading--unset___YCvuY) {
+:where(.Heading-module__hop-Heading___GI2GG):not(.Heading-module__hop-Heading--unset___85BUQ) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___Em2p2) {
+:where(.Heading-module__hop-Heading--xs___Zxw6C) {
   --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___oSsuh) {
+:where(.Heading-module__hop-Heading--sm___wZ3mb) {
   --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___7EOsJ) {
+:where(.Heading-module__hop-Heading--md___ulzBV) {
   --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___0aGsE) {
+:where(.Heading-module__hop-Heading--lg___iJMDe) {
   --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___FnqVz) {
+:where(.Heading-module__hop-Heading--xl___VysPZ) {
   --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___62B2w) {
+:where(.Heading-module__hop-Heading--2xl___kNGMr) {
   --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___3JhEy) {
+:where(.Heading-module__hop-Heading--3xl___WJtA7) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___gY9Gw {
+.Form-module__hop-Form___LKBfF {
   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___9-w9E {
+.Label-module__hop-Label___mDjHA {
   --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___9-w9E) {
+:where(.Label-module__hop-Label___mDjHA) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
 }
 
 /* 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___8OC7O {
+.FieldLabel-module__hop-FieldLabel__wrapper___UseG- {
   display: flex;
   gap: var(--hop-space-inset-xs);
   align-items: center;
 }
-.FieldLabel-module__hop-FieldLabel__indicator___BnU9K {
+.FieldLabel-module__hop-FieldLabel__indicator___6ud5m {
   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___XQKJB) {
+:where(.OverlineText-module__hop-OverlineText___3fpMa) {
   --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);
@@ -144,26 +144,26 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___qWNw1 {
+.OverlineText-module__hop-OverlineText__text___adJnj {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___qWNw1::before,
-.OverlineText-module__hop-OverlineText__text___qWNw1::after {
+.OverlineText-module__hop-OverlineText__text___adJnj::before,
+.OverlineText-module__hop-OverlineText__text___adJnj::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___qWNw1::before {
+.OverlineText-module__hop-OverlineText__text___adJnj::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___qWNw1::after {
+.OverlineText-module__hop-OverlineText__text___adJnj::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___ZSJ6H {
+.Text-module__hop-Text___7u-oj {
   --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);
@@ -193,49 +193,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___ZSJ6H) {
+:where(.Text-module__hop-Text___7u-oj) {
   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___f6guV) {
+:where(.Text-module__hop-Text--xs___7gVXC) {
   --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___X6oVT) {
+:where(.Text-module__hop-Text--sm___euoRS) {
   --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___8gfdr) {
+:where(.Text-module__hop-Text--md___w0Zta) {
   --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___B-0Nv) {
+:where(.Text-module__hop-Text--lg___QFfCw) {
   --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___EYFPN) {
+:where(.Text-module__hop-Text--xl___pU7hM) {
   --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___gY5rN) {
+:where(.Text-module__hop-Text--2xl___P78fs) {
   --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___SGZGE) {
+:where(.Text-module__hop-Text--inherit___9FyEw) {
   --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);
@@ -243,7 +243,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___-Cee6 {
+.Paragraph-module__hop-Paragraph___QPrlU {
   --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
   --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
   --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,47 +255,47 @@
   margin-block-end: var(--margin-block-end);
   overflow-wrap: break-word;
 }
-.Paragraph-module__hop-Paragraph___-Cee6:last-child {
+.Paragraph-module__hop-Paragraph___QPrlU:last-child {
   --margin-block-end: 0;
 }
-.Paragraph-module__hop-Paragraph--xs___ftYUi {
+.Paragraph-module__hop-Paragraph--xs___m23yb {
   --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--sm___lXCwq {
+.Paragraph-module__hop-Paragraph--sm___3raRf {
   --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--md___vqNeN {
+.Paragraph-module__hop-Paragraph--md___42dnp {
   --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--lg___mCNrF {
+.Paragraph-module__hop-Paragraph--lg___N7hcI {
   --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--xl___BgzNn {
+.Paragraph-module__hop-Paragraph--xl___2j0se {
   --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--2xl___z3LJP {
+.Paragraph-module__hop-Paragraph--2xl___Ppj1- {
   --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
 }
-.Paragraph-module__hop-Paragraph--inherit___LHszP {
+.Paragraph-module__hop-Paragraph--inherit___2la7W {
   --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
-.Image-module__hop-Image___ktU6a {
+.Image-module__hop-Image___ciD31 {
   display: block;
   max-inline-size: 100%;
   block-size: auto;
   vertical-align: middle;
 }
-.Image-module__hop-Image--rounded___fFq9Q {
+.Image-module__hop-Image--rounded___RWAMj {
   border-radius: var(--hop-shape-rounded-md);
 }
-.Image-module__hop-Image--circular___Ca8cJ {
+.Image-module__hop-Image--circular___tPDL5 {
   border-radius: var(--hop-shape-circle);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
-.SvgImage-module__hop-SvgImage___dZu2t {
+.SvgImage-module__hop-SvgImage___-vrzp {
   display: block;
   max-inline-size: 100%;
   block-size: auto;
@@ -303,7 +303,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/illustration/src/Illustration.module.css/#css-module-data */
-.Illustration-module__hop-Illustration___2iicg {
+.Illustration-module__hop-Illustration___5xep5 {
   --hop-Illustration-display: flex;
   --hop-Illustration-align-items: center;
   --hop-Illustration-justify-content: center;
@@ -323,130 +323,99 @@
   max-inline-size: var(--hop-Illustration-max-inline-size);
   max-block-size: var(--hop-Illustration-max-block-size);
 }
-.Illustration-module__hop-Illustration__image___B0Qkp {
+.Illustration-module__hop-Illustration__image___ulj9w {
   overflow: var(--hop-Illustration__image-overflow);
   max-inline-size: var(--hop-Illustration__image-max-inline-size);
   max-block-size: var(--hop-Illustration__image-max-block-size);
 }
-.Illustration-module__hop-Illustration--horizontal___njdHF {
+.Illustration-module__hop-Illustration--horizontal___MYITF {
   flex-direction: var(--hop-Illustration-horizontal-flex-direction);
   inline-size: var(--hop-Illustration-horizontal-inline-size);
 }
-.Illustration-module__hop-Illustration--vertical___HxCbl {
+.Illustration-module__hop-Illustration--vertical___M5V3v {
   flex-direction: var(--hop-Illustration-vertical-flex-direction);
   block-size: var(--hop-Illustration-vertical-block-size);
 }
-.Illustration-module__hop-Illustration--rounded___l26sK {
+.Illustration-module__hop-Illustration--rounded___Zvbyz {
   border-radius: var(--hop-Illustration-shape-border-radius);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tile/src/Tile.module.css/#css-module-data */
-.Tile-module__hop-Tile___Fvo0q {
-  --hop-Tile-color: var(--hop-neutral-text);
-  --hop-Tile-background: var(--hop-neutral-surface);
-  --hop-Tile-border-witdh: 0.0625rem;
-  --hop-Tile-border-style: solid;
-  --hop-Tile-border-color: var(--hop-neutral-border-strong);
-  --hop-Tile-border-radius: var(--hop-shape-rounded-md);
-  --hop-Tile-cursor: pointer;
-  --hop-Tile-outline-offset: 0rem;
-  --hop-Tile-outline-color: transparent;
-  --hop-Tile-outline-width: var(--hop-space-20);
-  --hop-Tile-display: grid;
+.Tile-module__hop-Tile___dNNbO {
+  --hop-Tile-border-radius: var(--hop-comp-tile-border-radius);
   --hop-Tile-grid-template: "image" auto "container" 1fr / auto;
-  --hop-Tile-color-focused: var(--hop-neutral-text-hover);
-  --hop-Tile-background-focused: var(--hop-neutral-surface-hover);
-  --hop-Tile-outline-color-focused: var(--hop-primary-border-focus);
-  --hop-Tile-border-color-focused: transparent;
-  --hop-Tile-color-hovered: var(--hop-neutral-text-hover);
-  --hop-Tile-background-hovered: var(--hop-neutral-surface-hover);
-  --hop-Tile-border-color-hovered: var(--hop-neutral-border-strong-hover);
-  --hop-Tile-color-pressed: var(--hop-neutral-text-press);
-  --hop-Tile-background-pressed: var(--hop-neutral-surface-press);
-  --hop-Tile-border-color-pressed: var(--hop-neutral-border-strong);
-  --hop-Tile-color-selected: var(--hop-neutral-text);
-  --hop-Tile-background-selected: var(--hop-neutral-surface-weak-selected);
-  --hop-Tile-outline-color-selected: var(--hop-neutral-border-strong);
-  --hop-Tile-border-color-selected: transparent;
-  --hop-Tile-color-disabled: var(--hop-neutral-text-disabled);
-  --hop-Tile-background-disabled: var(--hop-neutral-surface-disabled);
-  --hop-Tile-border-color-disabled: var(--hop-neutral-surface-disabled);
-  --hop-Tile-outline-color-disabled: transparent;
-  --hop-Tile-cursor-disabled: auto;
-  --hop-Tile-cursor-readonly: auto;
-  --hop-Tile-color-icon: transparent;
-  --hop-Tile-color-icon-selected: var(--hop-neutral-icon);
-  --hop-Tile-color-icon-disabled: var(--hop-neutral-icon-disabled);
-  --color: var(--hop-Tile-color);
-  --background: var(--hop-Tile-background);
-  --border-color: var(--hop-Tile-border-color);
-  --cursor: var(--hop-Tile-cursor);
+  --hop-Tile-color-icon: var(--hop-comp-tile-icon-color);
+  --color: var(--hop-comp-tile-text-color);
+  --background: var(--hop-comp-tile-background-color);
+  --border-color: var(--hop-comp-tile-border-color);
+  --outline-color: var(--hop-comp-tile-outline-color);
+  --cursor: pointer;
   cursor: var(--cursor);
-  display: var(--hop-Tile-display);
+  display: grid;
   grid-template: var(--hop-Tile-grid-template);
   color: var(--color);
+  box-shadow: var(--hop-comp-tile-box-shadow);
   background: var(--background);
-  border: var(--hop-Tile-border-witdh) var(--hop-Tile-border-style) var(--border-color);
+  border: 0.0625rem solid var(--border-color);
   border-radius: var(--hop-Tile-border-radius);
-  outline: var(--hop-Tile-outline-offset) solid var(--hop-Tile-outline-color);
-  outline-width: var(--hop-Tile-outline-width);
+  outline: var(--hop-space-20) solid var(--outline-color);
 }
-.Tile-module__hop-Tile--horizontal___ne9IW {
+.Tile-module__hop-Tile--horizontal___9-ubG {
   --hop-Tile-horizontal-align-items: center;
   --hop-Tile-grid-template: "image container" / 8rem auto;
   align-items: var(--hop-Tile-horizontal-align-items);
 }
-.Tile-module__hop-Tile___Fvo0q[data-hovered] {
-  --color: var(--hop-Tile-color-hovered);
-  --background: var(--hop-Tile-background-hovered);
-  --border-color: var(--hop-Tile-border-color-hovered);
-}
-.Tile-module__hop-Tile___Fvo0q[data-pressed] {
-  --color: var(--hop-Tile-color-pressed);
-  --background: var(--hop-Tile-background-pressed);
-  --border-color: var(--hop-Tile-border-color-pressed);
-}
-.Tile-module__hop-Tile___Fvo0q[data-focus-visible] {
-  --color: var(--hop-Tile-color-focused);
-  --background: var(--hop-Tile-background-focused);
-  --hop-Tile-outline-color: var(--hop-Tile-outline-color-focused);
-  --border-color: var(--hop-Tile-border-color-focused);
-}
-.Tile-module__hop-Tile___Fvo0q[data-selected] {
-  --color: var(--hop-Tile-color-selected);
-  --background: var(--hop-Tile-background-selected);
-  --border-color: var(--hop-Tile-border-color-selected);
-  --hop-Tile-outline-color: var(--hop-Tile-outline-color-selected);
-  --hop-Tile-color-icon: var(--hop-Tile-color-icon-selected);
-}
-.Tile-module__hop-Tile___Fvo0q[data-disabled]:not(.Tile-module__hop-Tile--readonly___uwI4a) {
-  --color: var(--hop-Tile-color-disabled);
-  --background: var(--hop-Tile-background-disabled);
-  --border-color: var(--hop-Tile-border-color-disabled);
-  --hop-Tile-outline-color: var(--hop-Tile-outline-color-disabled);
-  --cursor: var(--hop-Tile-cursor-disabled);
-}
-.Tile-module__hop-Tile--readonly___uwI4a {
-  --cursor: var(--hop-Tile-cursor-readonly);
-}
-.Tile-module__hop-Tile___Fvo0q[data-disabled][data-selected] {
-  --hop-Tile-color-icon: var(--hop-Tile-color-icon-disabled) ;
-}
-.Tile-module__hop-Tile__image___FaFsX,
-.Tile-module__hop-Tile__illustration___TUvj2 {
+.Tile-module__hop-Tile___dNNbO[data-hovered] {
+  --color: var(--hop-comp-tile-text-color-hover);
+  --background: var(--hop-comp-tile-background-color-hover);
+  --border-color: var(--hop-comp-tile-border-color-hover);
+}
+.Tile-module__hop-Tile___dNNbO[data-pressed] {
+  --color: var(--hop-comp-tile-text-color-press);
+  --background: var(--hop-comp-tile-background-color-press);
+  --border-color: var(--hop-comp-tile-border-color-press);
+}
+.Tile-module__hop-Tile___dNNbO[data-focus-visible] {
+  --color: var(--hop-comp-tile-text-color-focus);
+  --background: var(--hop-comp-tile-background-color-focus);
+  --outline-color: var(--hop-comp-tile-outline-color-focus);
+  --border-color: var(--hop-comp-tile-border-color-focus);
+}
+.Tile-module__hop-Tile___dNNbO[data-selected] {
+  --color: var(--hop-comp-tile-text-color-selected);
+  --background: var(--hop-comp-tile-background-color-selected);
+  --border-color: var(--hop-comp-tile-border-color-selected);
+  --outline-color: var(--hop-comp-tile-outline-color-selected);
+  --hop-Tile-color-icon: var(--hop-comp-tile-icon-color-selected);
+}
+.Tile-module__hop-Tile___dNNbO[data-disabled]:not(.Tile-module__hop-Tile--readonly___GtCOt) {
+  --color: var(--hop-comp-tile-text-color-disabled);
+  --background: var(--hop-comp-tile-background-color-disabled);
+  --border-color: var(--hop-comp-tile-border-color-disabled);
+  --outline-color: var(--hop-comp-tile-outline-color-disabled);
+  --cursor: auto;
+}
+.Tile-module__hop-Tile--readonly___GtCOt {
+  --cursor: auto;
+}
+.Tile-module__hop-Tile___dNNbO[data-disabled][data-selected] {
+  --hop-Tile-color-icon: var(--hop-comp-tile-icon-color-disabled);
+}
+.Tile-module__hop-Tile__image___Qx-e9,
+.Tile-module__hop-Tile__illustration___RDAY6 {
   grid-area: image;
 }
-.Tile-module__hop-Tile--vertical___k6MNG .Tile-module__hop-Tile__illustration___TUvj2 {
+.Tile-module__hop-Tile--vertical___G10Nt .Tile-module__hop-Tile__illustration___RDAY6 {
   border-start-start-radius: var(--hop-Tile-border-radius);
   border-start-end-radius: var(--hop-Tile-border-radius);
 }
-.Tile-module__hop-Tile--horizontal___ne9IW .Tile-module__hop-Tile__illustration___TUvj2 {
+.Tile-module__hop-Tile--horizontal___9-ubG .Tile-module__hop-Tile__illustration___RDAY6 {
   --hop-Tile-horizontal-illustration-block-size: 100%;
   block-size: var(--hop-Tile-horizontal-illustration-block-size);
   border-start-start-radius: var(--hop-Tile-border-radius);
   border-end-start-radius: var(--hop-Tile-border-radius);
 }
-.Tile-module__hop-Tile__container___6Imma {
+.Tile-module__hop-Tile__container___ZuVtr {
   --hop-Tile__container-padding: var(--hop-space-inset-md);
   --hop-Tile__container-display: grid;
   --hop-Tile__container-text-align: left;
@@ -458,7 +427,7 @@
   padding: var(--hop-Tile__container-padding);
   text-align: var(--hop-Tile__container-text-align);
 }
-:where(.Tile-module__hop-Tile__heading___Y1nyy) {
+:where(.Tile-module__hop-Tile__heading___7dW-0) {
   --hop-Tile__heading-font-size: var(--hop-heading-sm-font-size);
   --hop-Tile__heading-font-family: var(--hop-heading-sm-font-family);
   --hop-Tile__heading-font-weight: var(--hop-heading-sm-font-weight);
@@ -472,7 +441,7 @@
   line-height: var(--hop-Tile__heading-line-height);
   color: var(--color);
 }
-.Tile-module__hop-Tile__content___kbe19 {
+.Tile-module__hop-Tile__content___WU-xn {
   --hop-Tile__content-font-size: var(--hop-body-md-font-size);
   --hop-Tile__content-font-family: var(--hop-body-md-font-family);
   --hop-Tile__content-font-weight: var(--hop-body-md-font-weight);
@@ -484,11 +453,14 @@
   line-height: var(--hop-Tile__content-line-height);
   color: var(--color);
 }
-.Tile-module__hop-Tile__icon-container___hyopH {
+.Tile-module__hop-Tile___dNNbO[data-selected] .Tile-module__hop-Tile__content___WU-xn {
+  --hop-Tile__content-font-weight: var(--hop-body-md-semibold-font-weight);
+}
+.Tile-module__hop-Tile__icon-container___WLuh3 {
   --hop-Tile__icon-container-margin-inline-start: var(--hop-space-inset-md);
   grid-area: icon;
   margin-inline-start: var(--hop-Tile__icon-container-margin-inline-start);
 }
-.Tile-module__hop-Tile__icon___U7bb6 {
+.Tile-module__hop-Tile__icon___exeav {
   color: var(--hop-Tile-color-icon);
 }

package/dist/tile/src/Tile.js

@@ -1,4 +1,4 @@
-export { GlobalTileCssSelector, _Tile as Tile } from '../../chunk-CLO2AWJS.js';
+export { GlobalTileCssSelector, _Tile as Tile } from '../../chunk-BJ7USFLW.js';
 import '../../chunk-S7KMOXY2.js';
 import '../../chunk-5I6PDORP.js';
 import '../../chunk-JAR7CXVS.js';