@vygruppen/spor-react 6.2.1 → 6.2.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@6.2.1 build
+> @vygruppen/spor-react@6.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-UHSKIIAP.mjs".
 "Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/index.js".
+"Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/chunk-2OBDF3T7.mjs".
 DTS Build start
+CJS dist/index.js 507.17 KB
+CJS ⚡️ Build success in 2068ms
 ESM dist/index.mjs                      2.16 KB
-ESM dist/CountryCodeSelect-CJUALQVN.mjs 1.19 KB
-ESM dist/chunk-UHSKIIAP.mjs             397.75 KB
-ESM ⚡️ Build success in 2305ms
-CJS dist/index.js 507.10 KB
-CJS ⚡️ Build success in 2306ms
-DTS ⚡️ Build success in 12726ms
-DTS dist/index.d.ts  267.02 KB
-DTS dist/index.d.mts 267.02 KB
+ESM dist/CountryCodeSelect-FJ6OGX3Z.mjs 1.19 KB
+ESM dist/chunk-2OBDF3T7.mjs             397.81 KB
+ESM ⚡️ Build success in 2068ms
+DTS ⚡️ Build success in 12503ms
+DTS dist/index.d.ts  267.08 KB
+DTS dist/index.d.mts 267.08 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 6.2.2
+
+### Patch Changes
+
+- d14a70f: Button: Fix bug with broken buttons when there were links
+
 ## 6.2.1
 
 ### Patch Changes

package/dist/{CountryCodeSelect-CJUALQVN.mjs → CountryCodeSelect-FJ6OGX3Z.mjs}

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

package/dist/{chunk-UHSKIIAP.mjs → chunk-2OBDF3T7.mjs}

@@ -1211,6 +1211,7 @@ var Button = forwardRef((props, ref) => {
       Flex,
       {
         justifyContent: "space-between",
+        flex: 1,
         alignItems: "center",
         gap: 1,
         visibility: isLoading ? "hidden" : "visible",
@@ -3419,7 +3420,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-CJUALQVN.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-FJ6OGX3Z.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -10100,6 +10101,8 @@ var config6 = defineStyleConfig$1({
   baseStyle: {
     border: 0,
     borderRadius: "xl",
+    display: "flex",
+    alignItems: "center",
     transitionProperty: "common",
     transitionDuration: "normal",
     textWrap: "wrap",

package/dist/index.d.mts

@@ -2336,6 +2336,8 @@ declare const theme: {
             baseStyle?: {
                 border: number;
                 borderRadius: string;
+                display: string;
+                alignItems: string;
                 transitionProperty: string;
                 transitionDuration: string;
                 textWrap: string;

package/dist/index.d.ts

@@ -2336,6 +2336,8 @@ declare const theme: {
             baseStyle?: {
                 border: number;
                 borderRadius: string;
+                display: string;
+                alignItems: string;
                 transitionProperty: string;
                 transitionDuration: string;
                 textWrap: string;

package/dist/index.js

@@ -711,6 +711,7 @@ var init_Button = __esm({
           react.Flex,
           {
             justifyContent: "space-between",
+            flex: 1,
             alignItems: "center",
             gap: 1,
             visibility: isLoading ? "hidden" : "visible",
@@ -11543,6 +11544,8 @@ var init_button2 = __esm({
       baseStyle: {
         border: 0,
         borderRadius: "xl",
+        display: "flex",
+        alignItems: "center",
         transitionProperty: "common",
         transitionDuration: "normal",
         textWrap: "wrap",

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, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-UHSKIIAP.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, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-2OBDF3T7.mjs';

package/package.json

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

package/src/button/Button.tsx

@@ -116,6 +116,7 @@ export const Button = forwardRef<ButtonProps, "button">((props, ref) => {
       )}
       <Flex
         justifyContent="space-between"
+        flex={1}
         alignItems="center"
         gap={1}
         visibility={isLoading ? "hidden" : "visible"}

package/src/theme/components/button.ts

@@ -7,6 +7,8 @@ const config = defineStyleConfig({
   baseStyle: {
     border: 0,
     borderRadius: "xl",
+    display: "flex",
+    alignItems: "center",
     transitionProperty: "common",
     transitionDuration: "normal",
     textWrap: "wrap",