@vygruppen/spor-react 12.12.1 → 12.13.0

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

@@ -3028,7 +3028,6 @@ var NumericStepper = React27__default.forwardRef((props, ref) => {
     disabled,
     withInput = true,
     stepSize = 1,
-    showZero = false,
     ariaLabelContext = { singular: "", plural: "" },
     ...rest
   } = props;
@@ -3063,8 +3062,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 +3074,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 +3085,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 +3093,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 +3111,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
       }
     )
@@ -5498,6 +5493,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))",