@vygruppen/spor-react 12.12.1 → 12.13.1

package/dist/index.d.cts

@@ -269,6 +269,7 @@ declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
         };
         floating: {
             color: "floating.text";
+            background: "floating.surface";
             border: "sm";
             borderColor: "floating.outline";
             boxShadow: "0px 1px 3px 0px var(--spor-colors-surface-disabled, rgba(0, 0, 0, 0.10))";
@@ -1445,8 +1446,6 @@ type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
     withInput?: boolean;
     /** The amount to increase/decrease when pressing +/- */
     stepSize?: number;
-    /** Whether to show the number input when value is zero  */
-    showZero?: boolean;
     /** Name added to the aria-label of subtract and add buttons. */
     ariaLabelContext?: {
         singular: string;
@@ -1496,8 +1495,6 @@ declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBase
     withInput?: boolean;
     /** The amount to increase/decrease when pressing +/- */
     stepSize?: number;
-    /** Whether to show the number input when value is zero  */
-    showZero?: boolean;
     /** Name added to the aria-label of subtract and add buttons. */
     ariaLabelContext?: {
         singular: string;

package/dist/index.d.ts

@@ -269,6 +269,7 @@ declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
         };
         floating: {
             color: "floating.text";
+            background: "floating.surface";
             border: "sm";
             borderColor: "floating.outline";
             boxShadow: "0px 1px 3px 0px var(--spor-colors-surface-disabled, rgba(0, 0, 0, 0.10))";
@@ -1445,8 +1446,6 @@ type NumericStepperProps = FieldBaseProps & NumericStepperVariants & {
     withInput?: boolean;
     /** The amount to increase/decrease when pressing +/- */
     stepSize?: number;
-    /** Whether to show the number input when value is zero  */
-    showZero?: boolean;
     /** Name added to the aria-label of subtract and add buttons. */
     ariaLabelContext?: {
         singular: string;
@@ -1496,8 +1495,6 @@ declare const NumericStepper: React__default.ForwardRefExoticComponent<FieldBase
     withInput?: boolean;
     /** The amount to increase/decrease when pressing +/- */
     stepSize?: number;
-    /** Whether to show the number input when value is zero  */
-    showZero?: boolean;
     /** Name added to the aria-label of subtract and add buttons. */
     ariaLabelContext?: {
         singular: string;

package/dist/index.mjs

@@ -16,6 +16,7 @@ export { Item, Section } from 'react-stately';
 import { GregorianCalendar, createCalendar, getLocalTimeZone, endOfMonth, getWeeksInMonth, isSameMonth, isToday, parseTime } from '@internationalized/date';
 export { Time } from '@internationalized/date';
 import { useSwipeable } from 'react-swipeable';
+import ReactDOM from 'react-dom';
 import { getSupportedCallingCodes } from 'awesome-phonenumber';
 import { Global } from '@emotion/react';
 import tokens23__default from '@vygruppen/spor-design-tokens';
@@ -2560,6 +2561,8 @@ var Popover = forwardRef(
         ...popoverProps,
         ref: popoverRef,
         minWidth: ((_a5 = triggerRef.current) == null ? void 0 : _a5.clientWidth) ?? "auto",
+        position: "absolute",
+        zIndex: 1400,
         children: [
           /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close }),
           children,
@@ -2568,6 +2571,9 @@ var Popover = forwardRef(
       }
     );
     if (isNonModal) {
+      if (globalThis.window !== void 0 && typeof document !== "undefined") {
+        return ReactDOM.createPortal(popoverBox, document.body);
+      }
       return popoverBox;
     }
     return /* @__PURE__ */ jsxs(Overlay, { children: [
@@ -3028,7 +3034,6 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
     disabled,
     withInput = true,
     stepSize = 1,
-    showZero = false,
     ariaLabelContext = { singular: "", plural: "" },
     ...rest
   } = props;
@@ -3063,8 +3068,7 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
             focusOnAddButton();
           }
         },
-        visibility: value <= minValue ? "hidden" : "visible",
-        disabled,
+        disabled: disabled || value <= minValue,
         id: value <= minValue ? void 0 : idProp
       }
     ),
@@ -3076,10 +3080,9 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
         name: nameProp,
         value,
         disabled,
-        id: !showZero && value === 0 ? void 0 : idProp,
+        id: value === 0 ? void 0 : idProp,
         css: styles.input,
         width: `${Math.max(value.toString().length + 1, 3)}ch`,
-        visibility: !showZero && value === 0 ? "hidden" : "visible",
         "aria-live": "assertive",
         "aria-label": ariaLabelContext.plural === "" ? "" : t(texts13.currentNumberAriaLabel(ariaLabelContext.plural)),
         onChange: (e) => {
@@ -3088,7 +3091,7 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
             return;
           }
           onChange(Math.max(Math.min(numericInput, maxValue), minValue));
-          if (!showZero && Math.max(Math.min(numericInput, maxValue), minValue) === 0) {
+          if (Math.max(Math.min(numericInput, maxValue), minValue) === 0) {
             focusOnAddButton();
           }
         }
@@ -3096,7 +3099,6 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
     ) : /* @__PURE__ */ jsx(
       Text3,
       {
-        visibility: !showZero && value === 0 ? "hidden" : "visible",
         "aria-live": "assertive",
         paddingX: "0.95rem",
         "aria-label": ariaLabelContext.plural === "" ? "" : t(texts13.currentNumberAriaLabel(ariaLabelContext.plural)),
@@ -3115,8 +3117,7 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
           )
         ),
         onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
-        visibility: value >= maxValue ? "hidden" : "visible",
-        disabled,
+        disabled: disabled || value >= maxValue,
         id: value >= maxValue ? void 0 : idProp
       }
     )
@@ -3317,7 +3318,7 @@ var CountryCodeSelect = forwardRef((props, ref) => {
       lazyMount: true,
       "aria-label": t(texts15.countryCode),
       sideRadiusVariant: "rightSideSquare",
-      children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
+      children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 });
@@ -5498,6 +5499,7 @@ var buttonRecipe = defineRecipe({
       },
       floating: {
         color: "floating.text",
+        background: "floating.surface",
         border: "sm",
         borderColor: "floating.outline",
         boxShadow: "0px 1px 3px 0px var(--spor-colors-surface-disabled, rgba(0, 0, 0, 0.10))",