@hopper-ui/components 1.3.25 → 1.3.27

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___PZH3U {
+.Heading-module__hop-Heading___VjXaT {
   --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___PZH3U) {
+:where(.Heading-module__hop-Heading___VjXaT) {
   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___I-PNg) {
+:where(.Heading-module__hop-Heading--xs___wV3Wi) {
   --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___wKJf5) {
+:where(.Heading-module__hop-Heading--sm___VBLVa) {
   --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___kqhjn) {
+:where(.Heading-module__hop-Heading--md___e1x-W) {
   --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___kXlhF) {
+:where(.Heading-module__hop-Heading--lg___QgMnD) {
   --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___-8ce8) {
+:where(.Heading-module__hop-Heading--xl___hCrwD) {
   --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___KRgGY) {
+:where(.Heading-module__hop-Heading--2xl___vz-W2) {
   --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___kKyqV) {
+:where(.Heading-module__hop-Heading--3xl___0L9OO) {
   --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___13nPk {
+.Text-module__hop-Text___yrj1h {
   --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___13nPk) {
+:where(.Text-module__hop-Text___yrj1h) {
   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___4PYRL) {
+:where(.Text-module__hop-Text--xs___Lu8T3) {
   --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___R0d9u) {
+:where(.Text-module__hop-Text--sm___pRig8) {
   --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___xiBnj) {
+:where(.Text-module__hop-Text--md___uKmjq) {
   --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___yOLxE) {
+:where(.Text-module__hop-Text--lg___qlKXm) {
   --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___uUwf-) {
+:where(.Text-module__hop-Text--xl___FgxT6) {
   --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___bg2X9) {
+:where(.Text-module__hop-Text--2xl___C6sgK) {
   --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___hrzn1) {
+:where(.Text-module__hop-Text--inherit___quEAZ) {
   --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___d6THC) {
+:where(.OverlineText-module__hop-OverlineText___mXivM) {
   --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___m9fud {
+.OverlineText-module__hop-OverlineText__text___u-6BC {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::before,
-.OverlineText-module__hop-OverlineText__text___m9fud::after {
+.OverlineText-module__hop-OverlineText__text___u-6BC::before,
+.OverlineText-module__hop-OverlineText__text___u-6BC::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::before {
+.OverlineText-module__hop-OverlineText__text___u-6BC::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___m9fud::after {
+.OverlineText-module__hop-OverlineText__text___u-6BC::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___Wuql9 {
+.Label-module__hop-Label___MtYFE {
   --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___Wuql9) {
+:where(.Label-module__hop-Label___MtYFE) {
   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___ybqw3) {
+:where(.Label-module__hop-Label__indicator___xiobi) {
   padding-inline-start: var(--hop-space-20);
 }

package/dist/utils/src/index.d.ts

@@ -2,11 +2,11 @@ export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNu
 export { ClearContainerSlots, ClearProviders, ClearProvidersProps } from './ClearSlots.js';
 export { composeClassnameRenderProps } from './composeClassnameRenderProps.js';
 export { cssModule } from './cssModule.js';
-export { EnsureTextWrapper } from './EnsureTextWrapper.js';
+export { ensureTextWrapper } from './EnsureTextWrapper.js';
 export { isTextOnlyChildren } from './isTextOnlyChildren.js';
 export { Size, SizeAdapter } from './sizeAdapter.js';
 export { SlotProvider, SlotProviderProps } from './SlotProvider.js';
-export { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './types.js';
+export { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, MenuAlignment, MenuDirection, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './types.js';
 export { useFontFaceReady } from './useFontFaceReady.js';
 export { useIsOverflow } from './useIsOverflow.js';
 export { useRenderProps } from './useRenderProps.js';

package/dist/utils/src/index.js

@@ -1,22 +1,22 @@
 import '../../chunk-LQICWONC.js';
 import '../../chunk-SNIF7MEM.js';
+export { useScale } from '../../chunk-MTDFS4CZ.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-QH5LWKA7.js';
+export { ensureTextWrapper } from '../../chunk-BMOOWAAW.js';
 export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-P6DGNPLB.js';
+import '../../chunk-SUPINNZT.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-AAMEZDS5.js';
+import '../../chunk-WH2HH7QB.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-5HPWSPMG.js';
+import '../../chunk-72NKF2AB.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-FR7CLIF6.js';
+import '../../chunk-7OSLSIHA.js';
 import '../../chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from '../../chunk-HXI3MEEK.js';
 export { useRenderProps } from '../../chunk-NH3IVMXB.js';

package/dist/utils/src/types.d.ts

@@ -1,5 +1,5 @@
 import { ResponsiveProp } from '@hopper-ui/styled-system';
-import { DOMProps as DOMProps$1, AriaLabelingProps } from '@react-types/shared';
+import { DOMProps as DOMProps$1, AriaLabelingProps, ValidationResult } from '@react-types/shared';
 import { CSSProperties, ReactNode } from 'react';
 import { SlotProps } from 'react-aria-components';
 
@@ -83,6 +83,8 @@ type Align = "start" | "end" | "center";
 type FieldSize = "sm" | "md";
 type NecessityIndicator = "asterisk" | "label";
 type InputGroupVariant = "borderless" | "bordered";
+type MenuAlignment = "start" | "end";
+type MenuDirection = "top" | "bottom";
 interface FieldProps {
     /**
      * The helper message of the field.
@@ -91,7 +93,7 @@ interface FieldProps {
     /**
      * The error message of the field.
      */
-    errorMessage?: ReactNode;
+    errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     /**
      * The label of the field.
      */
@@ -107,4 +109,4 @@ interface FieldProps {
     size?: ResponsiveProp<FieldSize>;
 }
 
-export type { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps };
+export type { AccessibleSlotProps, Align, BaseComponentDOMProps, DOMProps, FieldProps, FieldSize, InputGroupVariant, InteractionProps, MenuAlignment, MenuDirection, NecessityIndicator, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/components",
   "author": "Workleap",
-  "version": "1.3.25",
+  "version": "1.3.27",
   "description": "The components package.",
   "license": "Apache-2.0",
   "repository": {