@hopper-ui/components 1.3.20 → 1.3.22

package/dist/utils/src/index.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___7drzK {
+.Heading-module__hop-Heading___Eay4d {
   --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___7drzK) {
+:where(.Heading-module__hop-Heading___Eay4d) {
   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___0JHJR) {
+:where(.Heading-module__hop-Heading--xs___d3EXo) {
   --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___FfRbr) {
+:where(.Heading-module__hop-Heading--sm___kJu64) {
   --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___iEZB3) {
+:where(.Heading-module__hop-Heading--md___5l07Q) {
   --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___CiHJr) {
+:where(.Heading-module__hop-Heading--lg___n4a5t) {
   --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___BxXWu) {
+:where(.Heading-module__hop-Heading--xl___iRAGJ) {
   --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___AaMF1) {
+:where(.Heading-module__hop-Heading--2xl___7feao) {
   --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___KsM39) {
+:where(.Heading-module__hop-Heading--3xl___YyZPS) {
   --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___-EUra {
+.Text-module__hop-Text___a3kO5 {
   --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___-EUra) {
+:where(.Text-module__hop-Text___a3kO5) {
   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___t4w0g) {
+:where(.Text-module__hop-Text--xs___oNTnw) {
   --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___3fx9R) {
+:where(.Text-module__hop-Text--sm___w91cp) {
   --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___N-FVs) {
+:where(.Text-module__hop-Text--md___sWC3z) {
   --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___Hk0C7) {
+:where(.Text-module__hop-Text--lg___CsB7P) {
   --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___a4t-X) {
+:where(.Text-module__hop-Text--xl___CIkMe) {
   --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___PFpVA) {
+:where(.Text-module__hop-Text--2xl___hSu4e) {
   --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___ENNdv) {
+:where(.Text-module__hop-Text--inherit___KZpNu) {
   --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___DX8iF) {
+:where(.OverlineText-module__hop-OverlineText___cowIx) {
   --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,39 +188,39 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe {
+.OverlineText-module__hop-OverlineText__text___bMeuH {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::before,
-.OverlineText-module__hop-OverlineText__text___p5TCe::after {
+.OverlineText-module__hop-OverlineText__text___bMeuH::before,
+.OverlineText-module__hop-OverlineText__text___bMeuH::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::before {
+.OverlineText-module__hop-OverlineText__text___bMeuH::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___p5TCe::after {
+.OverlineText-module__hop-OverlineText__text___bMeuH::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___YFmlQ {
+.Label-module__hop-Label___lehKc {
   --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___YFmlQ) {
+:where(.Label-module__hop-Label___lehKc) {
   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___32htv) {
+:where(.Label-module__hop-Label__indicator___fWyCS) {
   padding-inline-start: var(--hop-space-20);
 }

package/dist/utils/src/index.js

@@ -1,26 +1,26 @@
-import '../../chunk-SNIF7MEM.js';
 import '../../chunk-LQICWONC.js';
+import '../../chunk-SNIF7MEM.js';
 export { useFontFaceReady } from '../../chunk-IU6XMS2X.js';
 export { useTruncatedText } from '../../chunk-Z57VHYOF.js';
 export { useScale } from '../../chunk-MTDFS4CZ.js';
 export { useSlot } from '../../chunk-H5YTU3U7.js';
 export { useIsOverflow } from '../../chunk-EHXOXTDN.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../../chunk-TIPN4VYD.js';
-export { EnsureTextWrapper } from '../../chunk-XAEUK2IS.js';
+export { EnsureTextWrapper } from '../../chunk-BPHBGKEP.js';
 export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-BAVC57WI.js';
+import '../../chunk-OA3QBRFE.js';
+import '../../chunk-HWO7TXDE.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AW7BK3KI.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-DF556GIE.js';
+import '../../chunk-JTX57GMF.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-G3KPVKSY.js';
+import '../../chunk-KSVVXFS7.js';
 import '../../chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from '../../chunk-HXI3MEEK.js';
+export { SlotProvider } from '../../chunk-M36KANKC.js';
 export { useRenderProps } from '../../chunk-NH3IVMXB.js';
 export { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
-export { SlotProvider } from '../../chunk-M36KANKC.js';
 export { cssModule } from '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/components",
   "author": "Workleap",
-  "version": "1.3.20",
+  "version": "1.3.22",
   "description": "The components package.",
   "license": "Apache-2.0",
   "repository": {
@@ -34,18 +34,18 @@
     "README.md"
   ],
   "peerDependencies": {
-    "@hopper-ui/styled-system": "^2.1.0",
+    "@hopper-ui/styled-system": "^2.4",
     "react": "^18",
-    "react-aria": "^3.34",
-    "react-aria-components": "^1.2",
+    "react-aria": "^3.35",
+    "react-aria-components": "^1.4",
     "react-dom": "^18"
   },
   "dependencies": {
-    "@react-aria/utils": "^3.25.2",
-    "@react-stately/utils": "^3.10.3",
-    "@react-types/shared": "^3.24.1",
+    "@react-aria/utils": "^3.25.3",
+    "@react-stately/utils": "^3.10.4",
+    "@react-types/shared": "^3.25.0",
     "clsx": "^2.1.1",
-    "@hopper-ui/icons": "2.8.2"
+    "@hopper-ui/icons": "2.8.3"
   },
   "devDependencies": {
     "@swc/core": "1.5.25",
@@ -70,8 +70,8 @@
     "jest-fail-on-console": "3.3.0",
     "jest-fetch-mock": "3.0.3",
     "react": "18.3.1",
-    "react-aria": "3.34.3",
-    "react-aria-components": "1.2.1",
+    "react-aria": "3.35.0",
+    "react-aria-components": "1.4.0",
     "react-dom": "18.3.1",
     "react-test-renderer": "18.3.1",
     "ts-jest": "29.1.4",

package/dist/chunk-BPH5ATEH.js

@@ -1,187 +0,0 @@
-import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-7S4WBT4G.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { EnsureTextWrapper } from './chunk-XAEUK2IS.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext } from '@hopper-ui/icons';
-import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { chain, filterDOMProps, useRouter, shouldClientNavigate } from '@react-aria/utils';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useFocusRing, useHover, useButton, mergeProps } from 'react-aria';
-import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps, DEFAULT_SLOT } from 'react-aria-components';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___HPpVI", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___T3G5d", "hop-Button--fluid": "Button-module__hop-Button--fluid___3YVb7", "hop-Button--sm": "Button-module__hop-Button--sm___0fIDw", "hop-Button--primary": "Button-module__hop-Button--primary___Cx51h", "hop-Button--md": "Button-module__hop-Button--md___uSRhB", "hop-Button--secondary": "Button-module__hop-Button--secondary___UTPB-", "hop-Button--upsell": "Button-module__hop-Button--upsell___kcXh5", "hop-Button--danger": "Button-module__hop-Button--danger___HXRrw", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___VbKFl", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___WQyum", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___bYDdD", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___BPaSX", "hop-Button__icon": "Button-module__hop-Button__icon___eA9hq", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___mGVJY", "hop-Button__text": "Button-module__hop-Button__text___zKrFi", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___WL9OE", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___lcbkq" };
-var GlobalButtonCssSelector = "hop-Button";
-var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
-function useSimulatedRACButton(props, ref) {
-  const { focusProps, isFocused, isFocusVisible } = useFocusRing(props);
-  const { hoverProps, isHovered } = useHover(props);
-  const ctx = props;
-  const elementType = props.href ? "a" : "button";
-  const { buttonProps, isPressed } = useButton({
-    ...props,
-    elementType,
-    isDisabled: props.isDisabled || props.isLoading
-  }, ref);
-  const state = {
-    isFocused,
-    isFocusVisible,
-    isHovered,
-    isPressed,
-    isDisabled: props.isDisabled || false
-  };
-  const mergedProps = {
-    ...mergeProps(buttonProps, focusProps, hoverProps),
-    "data-disabled": props.isDisabled || void 0,
-    "data-pressed": ctx.isPressed || isPressed || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0
-  };
-  return [mergedProps, state];
-}
-function useCreateRouterLinkClickEventHandler(props) {
-  const router = useRouter();
-  return (e) => {
-    if (!router.isNative && e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
-    !e.isDefaultPrevented() && shouldClientNavigate(e.currentTarget, e) && props.href) {
-      e.preventDefault();
-      router.open(e.currentTarget, e, props.href, props.routerOptions);
-    }
-  };
-}
-function Button(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, ButtonContext);
-  [props, ref] = useContextProps(props, ref, ButtonContext$1);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const [{ onClick, ...buttonProps }, state] = useSimulatedRACButton(ownProps, ref);
-  const stringFormatter = useLocalizedString();
-  const {
-    className,
-    children: childrenProp,
-    size: sizeProp,
-    isFluid: isFluidProp,
-    variant = "primary",
-    isLoading,
-    style: styleProp,
-    spinnerProps,
-    ...otherProps
-  } = ownProps;
-  const [textRef, hasText] = useSlot();
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalButtonCssSelector,
-    cssModule(
-      Button_module_default,
-      "hop-Button",
-      variant,
-      size,
-      isFluid && "fluid",
-      isLoading && "loading",
-      !hasText && "icon-only"
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const children = composeRenderProps(childrenProp, (prev) => {
-    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
-  });
-  const renderProps = useRenderProps({
-    className: classNames,
-    style,
-    children,
-    values: state
-  });
-  const hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
-  if (!hasText && !hasAriaLabel) {
-    console.warn("[hopper-ui] If you do not provide a text children, you must specify an aria-label for accessibility");
-  }
-  const handleClick = chain(
-    onClick,
-    useCreateRouterLinkClickEventHandler(props)
-  );
-  const As = props.href ? "a" : "button";
-  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
-  const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [IconListContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: Button_module_default["hop-Button__icon-list"]
-            },
-            "end-icon": {
-              size,
-              className: Button_module_default["hop-Button__end-icon-list"]
-            }
-          }
-        }],
-        [IconContext, {
-          slots: {
-            [DEFAULT_SLOT]: {
-              size,
-              className: Button_module_default["hop-Button__icon"]
-            },
-            "end-icon": {
-              size,
-              className: Button_module_default["hop-Button__end-icon"]
-            }
-          }
-        }],
-        [TextContext, {
-          className: Button_module_default["hop-Button__text"],
-          size,
-          ref: textRef
-        }]
-      ],
-      children: /* @__PURE__ */ jsxs(
-        As,
-        {
-          ...filterDOMProps(otherProps, { propNames: additionalButtonHTMLAttributes }),
-          ...buttonProps,
-          ...renderProps,
-          onClick: handleClick,
-          ref,
-          slot: props.slot || void 0,
-          "data-loading": isLoading,
-          children: [
-            renderProps.children,
-            isLoading && /* @__PURE__ */ jsx(
-              _Spinner,
-              {
-                "aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
-                size,
-                className: spinnerClassNames,
-                ...otherSpinnerProps
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-var _Button = slot("button", forwardRef(Button));
-_Button.displayName = "Button";
-
-export { GlobalButtonCssSelector, _Button };