@wix/site-ui 1.291.0 → 1.292.0

package/dist/Field/index.js

@@ -781,4 +781,4 @@ const Field = {
     Item: Item,
     Validity: FieldValidity_FieldValidity
 };
-export { Field };
+export { Field, FieldLabel_FieldLabel };

package/dist/NumberField/index.css

@@ -2,18 +2,31 @@
   font: var(--wst-paragraph-2-font);
   color: var(--wst-paragraph-2-color, #000);
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
+  font-size: 16px;
   display: inline-flex;
 }
 
+.label-oMsYOb {
+  padding: 8px 0;
+  font-size: 16px;
+}
+
+.root-XA6trs[data-disabled] .label-oMsYOb {
+  color: var(--wst-system-disabled-color, #939393);
+}
+
 .group-lqMZOf {
+  width: var(--number-field-width, 104px);
   box-sizing: border-box;
   background-color: var(--wst-primary-background-color, #fff);
   border: var(--wst-system-line-1-width, 1px) solid
     color-mix(in srgb, var(--wst-paragraph-2-color, #000) 60%, transparent);
-  border-radius: 0;
+  border-radius: var(--number-field-border-radius, 32px);
   justify-content: space-between;
+  align-self: flex-start;
   align-items: center;
+  padding: 0 2px;
   display: inline-flex;
 }
 
@@ -21,6 +34,10 @@
   border-color: var(--wst-paragraph-2-color, #000);
 }
 
+.group-lqMZOf:has(.input-BRhN7p:focus) {
+  box-shadow: 0 0 0 2px var(--wst-links-and-actions-color, #116dff);
+}
+
 .root-XA6trs[data-disabled] .group-lqMZOf {
   border-color: var(--wst-system-disabled-color, #939393);
 }
@@ -32,6 +49,7 @@
 .input-BRhN7p {
   text-align: center;
   width: 100%;
+  min-width: 0;
   color: var(--wst-paragraph-2-color, #000);
   font: inherit;
   background: none;
@@ -94,7 +112,7 @@
   justify-content: center;
   align-self: stretch;
   align-items: center;
-  padding: 7px 4px;
+  padding: 7px 0;
   display: inline-flex;
 }
 
@@ -102,6 +120,10 @@
   padding-inline-start: 4px;
 }
 
+.increment-qnw0yh {
+  padding-inline-end: 4px;
+}
+
 .increment-qnw0yh:hover, .decrement-zkpqlA:hover {
   color: var(--wst-links-and-actions-color, #116dff);
 }

package/dist/NumberField/index.d.ts

@@ -1,3 +1,5 @@
+import { FieldErrorProps } from '@base-ui/react';
+import { FieldLabelProps } from '@base-ui/react';
 import { NumberFieldDecrementProps as NumberFieldDecrementProps_2 } from '@base-ui/react';
 import { NumberFieldGroupProps as NumberFieldGroupProps_2 } from '@base-ui/react';
 import { NumberFieldIncrementProps as NumberFieldIncrementProps_2 } from '@base-ui/react';
@@ -195,6 +197,12 @@ export declare const NumberField: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NumberFieldRootProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string;
     } & React_2.RefAttributes<HTMLDivElement>>;
+    Label: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<FieldLabelProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
+        className?: string;
+    } & React_2.RefAttributes<HTMLElement>>;
+    Error: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<FieldErrorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        className?: string;
+    } & React_2.RefAttributes<HTMLDivElement>>;
     Group: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NumberFieldGroupProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string;
     } & React_2.RefAttributes<HTMLDivElement>>;

package/dist/NumberField/index.js

@@ -26,6 +26,7 @@ import { useRegisterFieldControl } from "../4281.js";
 import { useValueChanged } from "../2801.js";
 import { stopEvent } from "../6330.js";
 import { mergeCleanups } from "../4495.js";
+import { Field, FieldLabel_FieldLabel } from "../Field/index.js";
 import * as __rspack_external_react from "react";
 import * as __rspack_external_react_dom_7136dc57 from "react-dom";
 const NumberFieldRootContext = /*#__PURE__*/ __rspack_external_react.createContext(void 0);
@@ -1402,6 +1403,7 @@ const NumberFieldScrubAreaCursor_NumberFieldScrubAreaCursor = /*#__PURE__*/ __rs
 if ("production" !== process.env.NODE_ENV) NumberFieldScrubAreaCursor_NumberFieldScrubAreaCursor.displayName = "NumberFieldScrubAreaCursor";
 const NumberField_module = {
     root: "root-XA6trs",
+    label: "label-oMsYOb",
     group: "group-lqMZOf",
     input: "input-BRhN7p",
     increment: "increment-qnw0yh",
@@ -1430,7 +1432,7 @@ const Decrement = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className,
     }));
 const Input = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(NumberFieldInput_NumberFieldInput, {
         ref: ref,
-        className: clsx(NumberField_module.input, className),
+        className: clsx(NumberField_module.input, className, 'has-custom-focus'),
         ...props
     }));
 const ScrubArea = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(NumberFieldScrubArea_NumberFieldScrubArea, {
@@ -1443,8 +1445,16 @@ const ScrubAreaCursor = /*#__PURE__*/ __rspack_external_react.forwardRef(({ clas
         className: clsx(NumberField_module.scrubAreaCursor, className),
         ...props
     }));
+const Label = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(FieldLabel_FieldLabel, {
+        ref: ref,
+        className: clsx(NumberField_module.label, className),
+        ...props
+    }));
+const NumberField_Error = Field.Error;
 const NumberField = {
     Root: Root,
+    Label: Label,
+    Error: NumberField_Error,
     Group: Group,
     Increment: Increment,
     Decrement: Decrement,

package/dist/index.d.ts

@@ -6798,6 +6798,12 @@ export declare const NumberField: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NumberFieldRootProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string;
     } & React_2.RefAttributes<HTMLDivElement>>;
+    Label: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<FieldLabelProps_2, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
+        className?: string;
+    } & React_2.RefAttributes<HTMLElement>>;
+    Error: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<FieldErrorProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        className?: string;
+    } & React_2.RefAttributes<HTMLDivElement>>;
     Group: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NumberFieldGroupProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string;
     } & React_2.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.291.0",
+  "version": "1.292.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -94,5 +94,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "2ec1d05aedf56f79ccdcc5d4b84818c5c8f1782f1838e3e9f9c44db3"
+  "falconPackageHash": "0f1778a24a83d913106d98c08bfdd039f520a95fb60854777ca9ae57"
 }