@vygruppen/spor-react 7.2.0 → 7.2.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@7.2.0 build
+> @vygruppen/spor-react@7.2.2 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -8,15 +8,15 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
-"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-D64WYI7V.mjs".
+"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-PPXTF3R3.mjs".
 DTS Build start
 "Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/index.js".
 ESM dist/index.mjs                      2.16 KB
-ESM dist/CountryCodeSelect-QICAOALV.mjs 1.19 KB
-ESM dist/chunk-D64WYI7V.mjs             387.61 KB
-ESM ⚡️ Build success in 2217ms
-CJS dist/index.js 495.01 KB
-CJS ⚡️ Build success in 2217ms
-DTS ⚡️ Build success in 11050ms
-DTS dist/index.d.ts  265.56 KB
-DTS dist/index.d.mts 265.56 KB
+ESM dist/CountryCodeSelect-K45HQCJC.mjs 1.19 KB
+ESM dist/chunk-PPXTF3R3.mjs             387.65 KB
+ESM ⚡️ Build success in 2188ms
+CJS dist/index.js 495.05 KB
+CJS ⚡️ Build success in 2188ms
+DTS ⚡️ Build success in 11009ms
+DTS dist/index.d.ts  265.46 KB
+DTS dist/index.d.mts 265.46 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 7.2.2
+
+### Patch Changes
+
+- a36e39c: Lower the zIndex of form error messages
+
+## 7.2.1
+
+### Patch Changes
+
+- a3159e5: Stepper: Change input to onBackButtonClick
+
 ## 7.2.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-QICAOALV.mjs → CountryCodeSelect-K45HQCJC.mjs}

@@ -1,4 +1,4 @@
-import { createTexts, useTranslation, InfoSelect, Item } from './chunk-D64WYI7V.mjs';
+import { createTexts, useTranslation, InfoSelect, Item } from './chunk-PPXTF3R3.mjs';
 import React from 'react';
 import { getSupportedCallingCodes } from 'awesome-phonenumber';
 

package/dist/{chunk-D64WYI7V.mjs → chunk-PPXTF3R3.mjs}

@@ -2801,7 +2801,7 @@ var FormErrorMessage = ({
       position: "absolute",
       top: -0.5,
       left: 3,
-      zIndex: "popover",
+      zIndex: "dropdown",
       maxWidth: "50ch",
       ...errorMessageProps,
       ...boxProps
@@ -3420,7 +3420,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-QICAOALV.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-K45HQCJC.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -4311,10 +4311,11 @@ var Stepper = ({
           size: "sm",
           visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
           onClick: () => {
+            const stepToGoTo = activeStep - 1;
             if (onBackButtonClick) {
-              onBackButtonClick(activeStep === 1);
+              onBackButtonClick(stepToGoTo);
             }
-            onClick(activeStep - 1);
+            onClick(stepToGoTo);
           }
         }
       ),

package/dist/index.d.mts

@@ -1956,11 +1956,10 @@ type StepperProps = {
     /** Callback for when a step is clicked */
     onClick: (clickedStep: number) => void;
     /** Callback for when the back button is clicked (on smaller screens).
-     * A boolean indicating whether or not the user is on the first step is passed as an argument.
      *
      * If this is not provided, the back button will not be shown on smaller screens on the first step.
      */
-    onBackButtonClick?: (isFirstStep: boolean) => void;
+    onBackButtonClick?: (stepNumberToGoTo: number) => void;
     /**
      * Heading shown on smaller devices
      * @deprecated Use `heading` instead

package/dist/index.d.ts

@@ -1956,11 +1956,10 @@ type StepperProps = {
     /** Callback for when a step is clicked */
     onClick: (clickedStep: number) => void;
     /** Callback for when the back button is clicked (on smaller screens).
-     * A boolean indicating whether or not the user is on the first step is passed as an argument.
      *
      * If this is not provided, the back button will not be shown on smaller screens on the first step.
      */
-    onBackButtonClick?: (isFirstStep: boolean) => void;
+    onBackButtonClick?: (stepNumberToGoTo: number) => void;
     /**
      * Heading shown on smaller devices
      * @deprecated Use `heading` instead

package/dist/index.js

@@ -3320,7 +3320,7 @@ var init_FormErrorMessage = __esm({
           position: "absolute",
           top: -0.5,
           left: 3,
-          zIndex: "popover",
+          zIndex: "dropdown",
           maxWidth: "50ch",
           ...errorMessageProps,
           ...boxProps
@@ -5184,10 +5184,11 @@ var init_Stepper = __esm({
               size: "sm",
               visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
               onClick: () => {
+                const stepToGoTo = activeStep - 1;
                 if (onBackButtonClick) {
-                  onBackButtonClick(activeStep === 1);
+                  onBackButtonClick(stepToGoTo);
                 }
-                onClick(activeStep - 1);
+                onClick(stepToGoTo);
               }
             }
           ),

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, SimplePopover, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardPopover, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-D64WYI7V.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, NumericStepper, OrderedList, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, Portal, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, SimplePopover, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardPopover, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-PPXTF3R3.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/input/FormErrorMessage.tsx

@@ -60,7 +60,7 @@ export const FormErrorMessage = ({
         position="absolute"
         top={-0.5}
         left={3}
-        zIndex="popover"
+        zIndex="dropdown"
         maxWidth="50ch"
         {...errorMessageProps}
         {...boxProps}

package/src/stepper/Stepper.tsx

@@ -9,11 +9,10 @@ type StepperProps = {
   /** Callback for when a step is clicked */
   onClick: (clickedStep: number) => void;
   /** Callback for when the back button is clicked (on smaller screens).
-   * A boolean indicating whether or not the user is on the first step is passed as an argument.
    *
    * If this is not provided, the back button will not be shown on smaller screens on the first step.
    */
-  onBackButtonClick?: (isFirstStep: boolean) => void;
+  onBackButtonClick?: (stepNumberToGoTo: number) => void;
   /**
    * Heading shown on smaller devices
    * @deprecated Use `heading` instead
@@ -92,10 +91,11 @@ export const Stepper = ({
                 size="sm"
                 visibility={hideBackButtonOnFirstStep ? "hidden" : "visible"}
                 onClick={() => {
+                  const stepToGoTo = activeStep - 1;
                   if (onBackButtonClick) {
-                    onBackButtonClick(activeStep === 1);
+                    onBackButtonClick(stepToGoTo);
                   }
-                  onClick(activeStep - 1);
+                  onClick(stepToGoTo);
                 }}
               />
               {shownHeading && (