@hopper-ui/components 1.3.14 → 1.3.16

package/dist/buttons/src/Button.d.ts

@@ -6,17 +6,19 @@ import { SpinnerProps } from '../../Spinner/src/Spinner.js';
 import '../../utils/src/types.js';
 
 declare const GlobalButtonCssSelector = "hop-Button";
+type ButtonVariant = "primary" | "secondary" | "danger" | "upsell" | "ghost-primary" | "ghost-secondary" | "ghost-danger";
+type ButtonSize = "sm" | "md";
 interface ButtonProps extends StyledComponentProps<ButtonProps$1> {
     /**
      * The visual style of the button.
      * @default "primary"
      */
-    variant?: "primary" | "secondary" | "danger" | "upsell" | "ghost-primary" | "ghost-secondary" | "ghost-danger";
+    variant?: ButtonVariant;
     /**
      * A button can vary in size.
      * @default "md"
      */
-    size?: ResponsiveProp<"sm" | "md">;
+    size?: ResponsiveProp<ButtonSize>;
     /**
      * Whether or not the button takes up the width of its container.
      */
@@ -41,4 +43,4 @@ interface ButtonProps extends StyledComponentProps<ButtonProps$1> {
  */
 declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
 
-export { _Button as Button, type ButtonProps, GlobalButtonCssSelector };
+export { _Button as Button, type ButtonProps, type ButtonSize, type ButtonVariant, GlobalButtonCssSelector };

package/dist/buttons/src/Button.js

@@ -1,20 +1,20 @@
-export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-RXMCGKWB.js';
+export { _Button as Button, GlobalButtonCssSelector } from '../../chunk-ZJND7BQD.js';
 import '../../chunk-H5YTU3U7.js';
 import '../../chunk-WMTWFKKP.js';
-import '../../chunk-R2EN2OFJ.js';
+import '../../chunk-43D3MCMN.js';
 import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-P2OSN32C.js';
+import '../../chunk-TU4QEQE4.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-PWJCO32L.js';
-import '../../chunk-I3B3G6N4.js';
+import '../../chunk-CKPFSDF5.js';
+import '../../chunk-NCOVEXXO.js';
 import '../../chunk-TXZ6BMFR.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-JZAWRJFA.js';
+import '../../chunk-AUEHFPNX.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-MLLUZ55T.js';
+import '../../chunk-KGMX2K4Z.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/buttons/src/ButtonGroup.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___iSo-j {
+.Heading-module__hop-Heading___xZw9W {
   --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___iSo-j) {
+:where(.Heading-module__hop-Heading___xZw9W) {
   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___r0VNm) {
+:where(.Heading-module__hop-Heading--xs___0mH4P) {
   --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___BCYRe) {
+:where(.Heading-module__hop-Heading--sm___zuPx1) {
   --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___6mXux) {
+:where(.Heading-module__hop-Heading--md___dMnqg) {
   --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___NXe4q) {
+:where(.Heading-module__hop-Heading--lg___VBwKM) {
   --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___GzsDF) {
+:where(.Heading-module__hop-Heading--xl___rNXkV) {
   --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___t6dqU) {
+:where(.Heading-module__hop-Heading--2xl___R1-Y8) {
   --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___fPAPT) {
+:where(.Heading-module__hop-Heading--3xl___gmnf3) {
   --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___YWQie {
+.Text-module__hop-Text___7-tYM {
   --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___YWQie) {
+:where(.Text-module__hop-Text___7-tYM) {
   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___pfyH6) {
+:where(.Text-module__hop-Text--xs___HbFAZ) {
   --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___oH8pv) {
+:where(.Text-module__hop-Text--sm___tYwpG) {
   --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___6SESF) {
+:where(.Text-module__hop-Text--md___kRzjz) {
   --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___KUuZc) {
+:where(.Text-module__hop-Text--lg___-9lHi) {
   --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___Yhkcp) {
+:where(.Text-module__hop-Text--xl___7-Sot) {
   --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___fCHd1) {
+:where(.Text-module__hop-Text--2xl___9rIz6) {
   --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___pumuo) {
+:where(.Text-module__hop-Text--inherit___MTfwM) {
   --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___PKcfo) {
+:where(.OverlineText-module__hop-OverlineText___9vlkQ) {
   --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,78 +188,78 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___gzZg6 {
+.OverlineText-module__hop-OverlineText__text___NRM2V {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___gzZg6::before,
-.OverlineText-module__hop-OverlineText__text___gzZg6::after {
+.OverlineText-module__hop-OverlineText__text___NRM2V::before,
+.OverlineText-module__hop-OverlineText__text___NRM2V::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___gzZg6::before {
+.OverlineText-module__hop-OverlineText__text___NRM2V::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___gzZg6::after {
+.OverlineText-module__hop-OverlineText__text___NRM2V::after {
   margin-block-start: var(--top-offset);
 }
 
 /* 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___-0l1I {
+.Label-module__hop-Label___55NlZ {
   --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___-0l1I) {
+:where(.Label-module__hop-Label___55NlZ) {
   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___Qu17i) {
+:where(.Label-module__hop-Label__indicator___daGkb) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
-.ButtonGroup-module__hop-ButtonGroup___GbwhW {
+.ButtonGroup-module__hop-ButtonGroup___t5qpa {
   display: inline-flex;
   flex-wrap: nowrap;
   gap: var(--hop-space-inline-md);
 }
-.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
-  justify-content: center;
+.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
+  align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
+.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
   flex-direction: column;
   gap: var(--hop-space-stack-md);
-  align-items: center;
+  justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___0sFu1.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
+.ButtonGroup-module__hop-ButtonGroup--start___dTygn.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
   align-items: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___uIRfN.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
+.ButtonGroup-module__hop-ButtonGroup--center___-KnB4.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___ZvYya.ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m {
+.ButtonGroup-module__hop-ButtonGroup--end___09mLc.ButtonGroup-module__hop-ButtonGroup--vertical___B18j0 {
   align-items: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___0sFu1.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
+.ButtonGroup-module__hop-ButtonGroup--start___dTygn.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
   justify-content: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___uIRfN.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
+.ButtonGroup-module__hop-ButtonGroup--center___-KnB4.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___ZvYya.ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc {
+.ButtonGroup-module__hop-ButtonGroup--end___09mLc.ButtonGroup-module__hop-ButtonGroup--horizontal___6Vg3i {
   justify-content: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--wrap___KBa-5 {
+.ButtonGroup-module__hop-ButtonGroup--wrap___mTPyO {
   flex-wrap: wrap;
 }
-.ButtonGroup-module__hop-ButtonGroup--fluid___Pemuq {
+.ButtonGroup-module__hop-ButtonGroup--fluid___3rDTv {
   inline-size: 100%;
 }

package/dist/buttons/src/ButtonGroup.d.ts

@@ -2,6 +2,11 @@ import * as react from 'react';
 import { HTMLAttributes } from 'react';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
 import { Orientation } from 'react-aria';
+import { Align } from '../../utils/src/types.js';
+import { ButtonSize } from './Button.js';
+import '@react-types/shared';
+import 'react-aria-components';
+import '../../Spinner/src/Spinner.js';
 
 interface ButtonGroupProps extends StyledComponentProps<HTMLAttributes<HTMLDivElement>> {
     /**
@@ -17,7 +22,7 @@ interface ButtonGroupProps extends StyledComponentProps<HTMLAttributes<HTMLDivEl
      * The size of the buttons in the ButtonGroup.
      * @default "md"
      */
-    size?: ResponsiveProp<"sm" | "md">;
+    size?: ResponsiveProp<ButtonSize>;
     /**
      * Whether elements are forced onto one line or can wrap onto multiple rows.
      * @default true
@@ -27,7 +32,7 @@ interface ButtonGroupProps extends StyledComponentProps<HTMLAttributes<HTMLDivEl
    * The alignment of the buttons within the ButtonGroup.
    * @default 'start'
    */
-    align?: ResponsiveProp<"start" | "end" | "center">;
+    align?: ResponsiveProp<Align>;
 }
 declare const GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 /**

package/dist/buttons/src/ButtonGroup.js

@@ -1,4 +1,4 @@
-export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from '../../chunk-RUZ3J43X.js';
+export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from '../../chunk-2HFFANGL.js';
 import '../../chunk-WMTWFKKP.js';
 import '../../chunk-VJQ7M2BK.js';
 import '../../chunk-M36KANKC.js';

package/dist/buttons/src/ButtonGroupContext.d.ts

@@ -3,6 +3,10 @@ import { ContextValue } from 'react-aria-components';
 import { ButtonGroupProps } from './ButtonGroup.js';
 import '@hopper-ui/styled-system';
 import 'react-aria';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import './Button.js';
+import '../../Spinner/src/Spinner.js';
 
 declare const ButtonGroupContext: react.Context<ContextValue<ButtonGroupProps, HTMLDivElement>>;