@hopper-ui/components 1.4.4 → 1.4.6

package/dist/Image/src/index.js

@@ -1,6 +1,6 @@
-export { GlobalImageCssSelector, _Image as Image } from '../../chunk-TPRZ7BTR.js';
+export { GlobalImageCssSelector, _Image as Image } from '../../chunk-OUTV4GW4.js';
 export { ImageContext } from '../../chunk-XNHE2OVW.js';
-export { GlobalSvgImageCssSelector, _SvgImage as SvgImage } from '../../chunk-PX2R6M5I.js';
+export { GlobalSvgImageCssSelector, _SvgImage as SvgImage } from '../../chunk-LLEWW4UQ.js';
 export { SvgImageContext } from '../../chunk-M2XJDWZ7.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/Link/src/Link.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___wDf1Z {
+.Heading-module__hop-Heading___6rgZ- {
   --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,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___wDf1Z) {
+:where(.Heading-module__hop-Heading___6rgZ-) {
   margin: 0;
   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___D4nwg) {
+:where(.Heading-module__hop-Heading--xs___CU9xu) {
   --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___Js6v2) {
+:where(.Heading-module__hop-Heading--sm___exgBk) {
   --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___7ENJr) {
+:where(.Heading-module__hop-Heading--md___rcL9t) {
   --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___f-kfi) {
+:where(.Heading-module__hop-Heading--lg___DYMzj) {
   --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___53iBa) {
+:where(.Heading-module__hop-Heading--xl___Hna8N) {
   --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___v-MqN) {
+:where(.Heading-module__hop-Heading--2xl___1s5HE) {
   --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___tGTLn) {
+:where(.Heading-module__hop-Heading--3xl___Rxofk) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
 }
 
 /* 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___gPVWn {
+.Text-module__hop-Text___QOekS {
   --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);
@@ -114,49 +114,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___gPVWn) {
+:where(.Text-module__hop-Text___QOekS) {
   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___ryAs-) {
+:where(.Text-module__hop-Text--xs___dC-dY) {
   --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___4LJCF) {
+:where(.Text-module__hop-Text--sm___Cc616) {
   --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___Wj9mM) {
+:where(.Text-module__hop-Text--md___-Cnfu) {
   --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___lN1CJ) {
+:where(.Text-module__hop-Text--lg___42oYt) {
   --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___2jE4T) {
+:where(.Text-module__hop-Text--xl___NuxkX) {
   --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___x5T-v) {
+:where(.Text-module__hop-Text--2xl___edbgN) {
   --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___YuJYO) {
+:where(.Text-module__hop-Text--inherit___ipzBl) {
   --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);
@@ -164,7 +164,7 @@
 }
 
 /* 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___u7rES) {
+:where(.OverlineText-module__hop-OverlineText___XmSxB) {
   --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);
@@ -188,52 +188,52 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___bgk5b {
+.OverlineText-module__hop-OverlineText__text___VSfku {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___bgk5b::before,
-.OverlineText-module__hop-OverlineText__text___bgk5b::after {
+.OverlineText-module__hop-OverlineText__text___VSfku::before,
+.OverlineText-module__hop-OverlineText__text___VSfku::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___bgk5b::before {
+.OverlineText-module__hop-OverlineText__text___VSfku::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___bgk5b::after {
+.OverlineText-module__hop-OverlineText__text___VSfku::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___WvZ0Y {
+.Form-module__hop-Form___Z7zNm {
   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___NQL0y {
+.Label-module__hop-Label___hi6n3 {
   --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___NQL0y) {
+:where(.Label-module__hop-Label___hi6n3) {
   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___zXYpW) {
+:where(.Label-module__hop-Label__indicator___dmiaC) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___TrY8e {
+.IconList-module__hop-IconList___oGz4y {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -242,7 +242,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
-.Link-module__hop-Link___HXztA {
+.Link-module__hop-Link___hFsMk {
   --hop-Link-border-radius: var(--hop-shape-rounded-sm);
   --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
   --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -255,6 +255,13 @@
   --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
   --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
   --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
+  --hop-Link-padding-standalone: 0.125em 0;
+  --hop-Link-padding-standalone-xs: var(--hop-space-20) 0;
+  --hop-Link-padding-standalone-sm: var(--hop-space-20) 0;
+  --hop-Link-padding-standalone-md: var(--hop-space-40) 0;
+  --hop-Link-padding-standalone-lg: var(--hop-space-40) 0;
+  --hop-Link-padding-standalone-xl: var(--hop-space-80) 0;
+  --hop-Link-padding-standalone-2xl: var(--hop-space-80) 0;
   cursor: pointer;
   display: inline-flex;
   column-gap: var(--hop-Link-column-gap);
@@ -267,53 +274,76 @@
   outline: none;
   outline-offset: 0.125rem;
 }
-.Link-module__hop-Link___HXztA[data-focus-visible] {
+.Link-module__hop-Link___hFsMk[data-focus-visible] {
   outline: 0.125rem solid var(--hop-Link-focus-ring-color);
 }
-.Link-module__hop-Link___HXztA[data-disabled] {
+.Link-module__hop-Link___hFsMk[data-disabled] {
   cursor: default;
 }
-.Link-module__hop-Link--quiet___SwOjN[data-focus-visible],
-.Link-module__hop-Link--quiet___SwOjN[data-hovered] {
+.Link-module__hop-Link--standalone___jm3u6 .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--xs___rIZ-v .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-xs);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--sm___g86sw .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-sm);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--md___kjLvh .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-md);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--lg___Si5Fb .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-lg);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--xl___9p-1K .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-xl);
+}
+.Link-module__hop-Link--standalone___jm3u6.Link-module__hop-Link--2xl___cQPDg .Link-module__hop-Link__text___Kbh6k {
+  padding: var(--hop-Link-padding-standalone-2xl);
+}
+.Link-module__hop-Link--quiet___5keT2[data-focus-visible],
+.Link-module__hop-Link--quiet___5keT2[data-hovered],
+.Link-module__hop-Link--standalone___jm3u6[data-focus-visible],
+.Link-module__hop-Link--standalone___jm3u6[data-hovered] {
   text-decoration: underline;
 }
-.Link-module__hop-Link___HXztA:not(.Link-module__hop-Link--quiet___SwOjN) {
+.Link-module__hop-Link___hFsMk:not(.Link-module__hop-Link--quiet___5keT2, .Link-module__hop-Link--standalone___jm3u6) {
   text-decoration: underline;
 }
-.Link-module__hop-Link--primary___-v5lI {
+.Link-module__hop-Link--primary___O-tKj {
   color: var(--hop-Link-primary-text-color);
 }
-.Link-module__hop-Link--primary___-v5lI[data-disabled] {
+.Link-module__hop-Link--primary___O-tKj[data-disabled] {
   color: var(--hop-Link-primary-text-disabled-color);
 }
-.Link-module__hop-Link--primary___-v5lI:not([data-disabled])[data-focus-visible],
-.Link-module__hop-Link--primary___-v5lI:not([data-disabled])[data-hovered] {
+.Link-module__hop-Link--primary___O-tKj:not([data-disabled])[data-focus-visible],
+.Link-module__hop-Link--primary___O-tKj:not([data-disabled])[data-hovered] {
   color: var(--hop-Link-primary-text-hover-color);
 }
-.Link-module__hop-Link--primary___-v5lI:not([data-disabled])[data-pressed] {
+.Link-module__hop-Link--primary___O-tKj:not([data-disabled])[data-pressed] {
   color: var(--hop-Link-primary-text-pressed-color);
 }
-.Link-module__hop-Link--secondary___9KZWL {
+.Link-module__hop-Link--secondary___RqX-u {
   color: var(--hop-Link-neutral-text-color);
 }
-.Link-module__hop-Link--secondary___9KZWL[data-disabled] {
+.Link-module__hop-Link--secondary___RqX-u[data-disabled] {
   color: var(--hop-Link-neutral-text-disabled-color);
 }
-.Link-module__hop-Link--secondary___9KZWL:not([data-disabled])[data-focus-visible],
-.Link-module__hop-Link--secondary___9KZWL:not([data-disabled])[data-hovered] {
+.Link-module__hop-Link--secondary___RqX-u:not([data-disabled])[data-focus-visible],
+.Link-module__hop-Link--secondary___RqX-u:not([data-disabled])[data-hovered] {
   color: var(--hop-Link-neutral-text-hover-color);
 }
-.Link-module__hop-Link--secondary___9KZWL:not([data-disabled])[data-pressed] {
+.Link-module__hop-Link--secondary___RqX-u:not([data-disabled])[data-pressed] {
   color: var(--hop-Link-neutral-text-pressed-color);
 }
-.Link-module__hop-Link__icon___9auS4,
-.Link-module__hop-Link__icon-list___sFbib {
+.Link-module__hop-Link__icon___5XPEa,
+.Link-module__hop-Link__icon-list___ezeQy {
   order: 2;
 }
-.Link-module__hop-Link__text___Jg1Ab {
+.Link-module__hop-Link__text___Kbh6k {
   order: 1;
 }
-.Link-module__hop-Link__start-icon___ltPD-,
-.Link-module__hop-Link__start-icon-list___qR4sh {
+.Link-module__hop-Link__start-icon___1wooJ,
+.Link-module__hop-Link__start-icon-list___ibqXN {
   order: 0;
 }

package/dist/Link/src/Link.d.ts

@@ -24,6 +24,10 @@ interface LinkProps extends StyledComponentProps<LinkProps$1> {
      * Whether the link should open in a new tab.
      */
     isExternal?: boolean;
+    /**
+     * Wheter the link is standalone
+     */
+    isStandalone?: boolean;
 }
 /**
  * Links allow users to navigate to a different location. They can be presented inline inside a paragraph, as standalone text or as an image.

package/dist/Link/src/Link.js

@@ -1,19 +1,19 @@
-export { GlobalLinkCssSelector, _Link as Link } from '../../chunk-JFHEC3M5.js';
+export { GlobalLinkCssSelector, _Link as Link } from '../../chunk-E74QE424.js';
 import '../../chunk-4VVNSXIB.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-Q5E3TQRF.js';
+import '../../chunk-YAK3UMON.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-CMG4VD5X.js';
-import '../../chunk-BJZAXT2F.js';
+import '../../chunk-56QFPH7A.js';
+import '../../chunk-C67PNOQX.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-WCRASDES.js';
+import '../../chunk-M5Q2CFRQ.js';
 import '../../chunk-Q7NXUUB3.js';
-import '../../chunk-MLNWMBCL.js';
+import '../../chunk-JELBOYLB.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-6ZYGCRKJ.js';
+import '../../chunk-BOOMSDK7.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-65JPI4FL.js';