@vygruppen/spor-react 12.12.1 → 12.13.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.12.1 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.13.1 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,18 +11,18 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           315.53 KB
+CJS dist/index.cjs           315.62 KB
 CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       630.07 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       630.24 KB
-CJS ⚡️ Build success in 2643ms
-ESM dist/index.mjs           294.12 KB
+CJS ⚡️ Build success in 2628ms
+ESM dist/index.mjs           294.13 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       630.24 KB
+ESM dist/index.mjs.map       630.07 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2644ms
-DTS ⚡️ Build success in 18852ms
+ESM ⚡️ Build success in 2629ms
+DTS ⚡️ Build success in 18484ms
 DTS dist/icons/index.d.ts  44.00 B
-DTS dist/index.d.ts        156.18 KB
+DTS dist/index.d.ts        156.05 KB
 DTS dist/icons/index.d.cts 44.00 B
-DTS dist/index.d.cts       156.18 KB
+DTS dist/index.d.cts       156.05 KB

package/.turbo/turbo-postinstall.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.12.1 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.13.1 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @vygruppen/spor-react
 
+## 12.13.1
+
+### Patch Changes
+
+- 63931d2: Remove casting SelectItem to option in phonenumber-input. Does not work in in Safari.
+- 16807cd: Remove casting SelectItem to option in phonenumber-input. Does not work in in Safari.
+- 699acdf: Fix changeset error
+
+## 12.13.0
+
+### Minor Changes
+
+- 7ee3d63: Update design for NumericStepper, disable not hide buttons.
+
+### Patch Changes
+
+- 39d7fd8: Fix floating button use floating background.
+
 ## 12.12.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -13,6 +13,7 @@ var lu = require('react-icons/lu');
 var reactStately = require('react-stately');
 var date = require('@internationalized/date');
 var reactSwipeable = require('react-swipeable');
+var ReactDOM = require('react-dom');
 var awesomePhonenumber = require('awesome-phonenumber');
 var react$1 = require('@emotion/react');
 var tokens23 = require('@vygruppen/spor-design-tokens');
@@ -43,6 +44,7 @@ function _interopNamespace(e) {
 
 var React27__namespace = /*#__PURE__*/_interopNamespace(React27);
 var ReactLottie__default = /*#__PURE__*/_interopDefault(ReactLottie);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var tokens23__namespace = /*#__PURE__*/_interopNamespace(tokens23);
 var tokens4__default = /*#__PURE__*/_interopDefault(tokens4);
 
@@ -2580,6 +2582,8 @@ var Popover = React27.forwardRef(
         ...popoverProps,
         ref: popoverRef,
         minWidth: ((_a5 = triggerRef.current) == null ? void 0 : _a5.clientWidth) ?? "auto",
+        position: "absolute",
+        zIndex: 1400,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(reactAria.DismissButton, { onDismiss: state.close }),
           children,
@@ -2588,6 +2592,9 @@ var Popover = React27.forwardRef(
       }
     );
     if (isNonModal) {
+      if (globalThis.window !== void 0 && typeof document !== "undefined") {
+        return ReactDOM__default.default.createPortal(popoverBox, document.body);
+      }
       return popoverBox;
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(reactAria.Overlay, { children: [
@@ -3048,7 +3055,6 @@ var NumericStepper = React27__namespace.default.forwardRef((props, ref) => {
     disabled,
     withInput = true,
     stepSize = 1,
-    showZero = false,
     ariaLabelContext = { singular: "", plural: "" },
     ...rest
   } = props;
@@ -3083,8 +3089,7 @@ var NumericStepper = React27__namespace.default.forwardRef((props, ref) => {
             focusOnAddButton();
           }
         },
-        visibility: value <= minValue ? "hidden" : "visible",
-        disabled,
+        disabled: disabled || value <= minValue,
         id: value <= minValue ? void 0 : idProp
       }
     ),
@@ -3096,10 +3101,9 @@ var NumericStepper = React27__namespace.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) => {
@@ -3108,7 +3112,7 @@ var NumericStepper = React27__namespace.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();
           }
         }
@@ -3116,7 +3120,6 @@ var NumericStepper = React27__namespace.default.forwardRef((props, ref) => {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       Text3,
       {
-        visibility: !showZero && value === 0 ? "hidden" : "visible",
         "aria-live": "assertive",
         paddingX: "0.95rem",
         "aria-label": ariaLabelContext.plural === "" ? "" : t(texts13.currentNumberAriaLabel(ariaLabelContext.plural)),
@@ -3135,8 +3138,7 @@ var NumericStepper = React27__namespace.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
       }
     )
@@ -3337,7 +3339,7 @@ var CountryCodeSelect = React27.forwardRef((props, ref) => {
       lazyMount: true,
       "aria-label": t(texts15.countryCode),
       sideRadiusVariant: "rightSideSquare",
-      children: callingCodes.items.map((code) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
+      children: callingCodes.items.map((code) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 });
@@ -5518,6 +5520,7 @@ var buttonRecipe = react.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))",