@vygruppen/spor-react 3.7.5 → 3.7.6

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@3.7.5 build
+> @vygruppen/spor-react@3.7.6 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -10,13 +10,13 @@
 ESM Build start
 DTS Build start
 "toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/index.js".
-"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-GIAB4PHV.mjs".
-CJS dist/index.js 539.16 KB
-CJS ⚡️ Build success in 3758ms
+"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-LQEO65MM.mjs".
+CJS dist/index.js 539.15 KB
+CJS ⚡️ Build success in 4394ms
 ESM dist/index.mjs                      2.09 KB
-ESM dist/CountryCodeSelect-SNFTRR3O.mjs 1.19 KB
-ESM dist/chunk-GIAB4PHV.mjs             430.78 KB
-ESM ⚡️ Build success in 3759ms
-DTS ⚡️ Build success in 18414ms
-DTS dist/index.d.ts  256.32 KB
-DTS dist/index.d.mts 256.32 KB
+ESM dist/CountryCodeSelect-IV4VKD4A.mjs 1.19 KB
+ESM dist/chunk-LQEO65MM.mjs             430.76 KB
+ESM ⚡️ Build success in 4394ms
+DTS ⚡️ Build success in 19752ms
+DTS dist/index.d.ts  256.31 KB
+DTS dist/index.d.mts 256.31 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 3.7.6
+
+### Patch Changes
+
+- 9e78f2f0: BreadcrumbLink: Fix a bug where the current page got a different amount of padding than other breadcrumbs
+
 ## 3.7.5
 
 ### Patch Changes

package/dist/{CountryCodeSelect-SNFTRR3O.mjs → CountryCodeSelect-IV4VKD4A.mjs}

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

package/dist/{chunk-GIAB4PHV.mjs → chunk-LQEO65MM.mjs}

@@ -5090,7 +5090,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-SNFTRR3O.mjs'));
+var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-IV4VKD4A.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React50__default.createElement(Radio$1, { ...props, ref });
 });
@@ -11373,10 +11373,10 @@ var baseStyleLink2 = defineStyle((props) => ({
   color: "inherit",
   textDecoration: "none",
   textStyle: "xs",
+  paddingX: 0.5,
+  borderRadius: "xs",
   "&:not([aria-current=page])": {
     cursor: "pointer",
-    paddingX: 0.5,
-    borderRadius: "xs",
     _hover: {
       backgroundColor: mode("seaMist", "pine")(props)
     },
@@ -11388,7 +11388,7 @@ var baseStyleLink2 = defineStyle((props) => ({
         })
       },
       notFocus: {
-        notFocus: { boxShadow: "none" }
+        boxShadow: "none"
       }
     }),
     _active: {

package/dist/index.d.mts

@@ -2193,6 +2193,8 @@ declare const theme: {
                     color: string;
                     textDecoration: string;
                     textStyle: string;
+                    paddingX: number;
+                    borderRadius: string;
                     "&:not([aria-current=page])": {
                         _active: {
                             backgroundColor: string;
@@ -2201,8 +2203,6 @@ declare const theme: {
                         _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
                         "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
                         cursor: string;
-                        paddingX: number;
-                        borderRadius: string;
                         _hover: {
                             backgroundColor: string;
                         };

package/dist/index.d.ts

@@ -2193,6 +2193,8 @@ declare const theme: {
                     color: string;
                     textDecoration: string;
                     textStyle: string;
+                    paddingX: number;
+                    borderRadius: string;
                     "&:not([aria-current=page])": {
                         _active: {
                             backgroundColor: string;
@@ -2201,8 +2203,6 @@ declare const theme: {
                         _focusVisible: _chakra_ui_styled_system.SystemStyleObject;
                         "&[data-focus]:not([data-focus-visible])": _chakra_ui_styled_system.SystemStyleObject;
                         cursor: string;
-                        paddingX: number;
-                        borderRadius: string;
                         _hover: {
                             backgroundColor: string;
                         };

package/dist/index.js

@@ -12880,10 +12880,10 @@ var init_breadcrumb2 = __esm({
       color: "inherit",
       textDecoration: "none",
       textStyle: "xs",
+      paddingX: 0.5,
+      borderRadius: "xs",
       "&:not([aria-current=page])": {
         cursor: "pointer",
-        paddingX: 0.5,
-        borderRadius: "xs",
         _hover: {
           backgroundColor: themeTools.mode("seaMist", "pine")(props)
         },
@@ -12895,7 +12895,7 @@ var init_breadcrumb2 = __esm({
             })
           },
           notFocus: {
-            notFocus: { boxShadow: "none" }
+            boxShadow: "none"
           }
         }),
         _active: {

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, 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, ProgressBar, 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, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-GIAB4PHV.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, 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, ProgressBar, 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, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-LQEO65MM.mjs';

package/package.json

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

package/src/theme/components/breadcrumb.ts

@@ -1,7 +1,10 @@
 import { breadcrumbAnatomy as parts } from "@chakra-ui/anatomy";
-import { createMultiStyleConfigHelpers, defineStyle } from "@chakra-ui/styled-system";
-import { getBoxShadowString } from "../utils/box-shadow-utils";
+import {
+  createMultiStyleConfigHelpers,
+  defineStyle,
+} from "@chakra-ui/styled-system";
 import { mode } from "@chakra-ui/theme-tools";
+import { getBoxShadowString } from "../utils/box-shadow-utils";
 import { focusVisible } from "../utils/focus-utils";
 
 const { defineMultiStyleConfig, definePartsStyle } =
@@ -15,10 +18,10 @@ const baseStyleLink = defineStyle((props) => ({
   color: "inherit",
   textDecoration: "none",
   textStyle: "xs",
+  paddingX: 0.5,
+  borderRadius: "xs",
   "&:not([aria-current=page])": {
     cursor: "pointer",
-    paddingX: 0.5,
-    borderRadius: "xs",
     _hover: {
       backgroundColor: mode("seaMist", "pine")(props),
     },
@@ -30,8 +33,8 @@ const baseStyleLink = defineStyle((props) => ({
         }),
       },
       notFocus: {
-        notFocus: { boxShadow: "none" },
-      }
+        boxShadow: "none",
+      },
     }),
     _active: {
       backgroundColor: mode("mint", "whiteAlpha.200")(props),