@vygruppen/spor-react 6.2.1 → 6.2.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@6.2.1 build
+> @vygruppen/spor-react@6.2.3 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/chunk-YFZOYRGT.mjs".
 "Collapse" is imported from external module "@chakra-ui/react" but never used in "dist/index.js".
 DTS Build start
 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-QZYP3GSD.mjs 1.19 KB
+ESM dist/chunk-YFZOYRGT.mjs             397.81 KB
+ESM ⚡️ Build success in 2180ms
+CJS dist/index.js 507.18 KB
+CJS ⚡️ Build success in 2181ms
+DTS ⚡️ Build success in 12024ms
+DTS dist/index.d.ts  267.08 KB
+DTS dist/index.d.mts 267.08 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 6.2.3
+
+### Patch Changes
+
+- b3b8e17: Added missing semicolon to font-faces
+
+## 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-QZYP3GSD.mjs}

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

package/dist/{chunk-UHSKIIAP.mjs → chunk-YFZOYRGT.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-QZYP3GSD.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",
@@ -13822,7 +13825,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["medium-italic"].name}
+  font-family: ${tokens10__default.asset.font["vy-sans"]["medium-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")

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",
@@ -15599,7 +15602,7 @@ var init_font_faces = __esm({
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__namespace.default.asset.font["vy-sans"]["medium-italic"].name}
+  font-family: ${tokens10__namespace.default.asset.font["vy-sans"]["medium-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")

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-YFZOYRGT.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "6.2.1",
+  "version": "6.2.3",
   "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",

package/src/theme/font-faces.ts

@@ -28,7 +28,7 @@ export const fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens.asset.font["vy-sans"]["medium-italic"].name}
+  font-family: ${tokens.asset.font["vy-sans"]["medium-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")