@vygruppen/spor-react 3.5.1 → 3.5.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@3.5.1 build
+> @vygruppen/spor-react@3.5.2 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -9,14 +9,14 @@
 CJS Build start
 ESM Build start
 DTS Build start
-"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-HZ6V7HFA.mjs".
 "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-HDXTKAGQ.mjs".
+CJS dist/index.js 531.70 KB
+CJS ⚡️ Build success in 4431ms
 ESM dist/index.mjs                      2.06 KB
-ESM dist/CountryCodeSelect-IS3VUSPZ.mjs 1.19 KB
-ESM dist/chunk-HZ6V7HFA.mjs             425.35 KB
-ESM ⚡️ Build success in 5965ms
-CJS dist/index.js 531.62 KB
-CJS ⚡️ Build success in 5966ms
-DTS ⚡️ Build success in 23687ms
-DTS dist/index.d.ts  253.60 KB
-DTS dist/index.d.mts 253.60 KB
+ESM dist/CountryCodeSelect-IVEQVV6R.mjs 1.19 KB
+ESM dist/chunk-HDXTKAGQ.mjs             425.41 KB
+ESM ⚡️ Build success in 4432ms
+DTS ⚡️ Build success in 21404ms
+DTS dist/index.d.ts  253.62 KB
+DTS dist/index.d.mts 253.62 KB

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @vygruppen/spor-react
 
+## 3.5.2
+
+### Patch Changes
+
+- cfa3ebb1: ExpandableAlert: Fix double padding bug
+  Other:
+
+  - Set the document-level line height to a valid value
+  - Fix a bug with icon generation
+
+- Updated dependencies [cfa3ebb1]
+  - @vygruppen/spor-icon-react@3.2.2
+
 ## 3.5.1
 
 ### Patch Changes

package/dist/{CountryCodeSelect-IS3VUSPZ.mjs → CountryCodeSelect-IVEQVV6R.mjs}

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

package/dist/{chunk-HZ6V7HFA.mjs → chunk-HDXTKAGQ.mjs}

@@ -1438,7 +1438,7 @@ var texts5 = createTexts({
 });
 var BaseAlert = ({ variant, children, ...boxProps }) => {
   const styles2 = useMultiStyleConfig("Alert", { variant });
-  return /* @__PURE__ */ React50__default.createElement(Box, { sx: styles2.container, ...boxProps }, children);
+  return /* @__PURE__ */ React50__default.createElement(Box, { __css: styles2.container, ...boxProps }, children);
 };
 
 // src/alert/ClosableAlert.tsx
@@ -1488,7 +1488,7 @@ var ExpandableAlert = ({
   },
   ...boxProps
 }) => {
-  return /* @__PURE__ */ React50__default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0, ...boxProps }, /* @__PURE__ */ React50__default.createElement(
+  return /* @__PURE__ */ React50__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React50__default.createElement(
     Accordion$1,
     {
       onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1503,7 +1503,7 @@ var ExpandableAlert = ({
         alignItems: "center",
         flexGrow: "1"
       },
-      /* @__PURE__ */ React50__default.createElement(Flex, { as: headingLevel }, /* @__PURE__ */ React50__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__default.createElement(
+      /* @__PURE__ */ React50__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React50__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__default.createElement(
         Box,
         {
           as: "span",
@@ -5095,7 +5095,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-IS3VUSPZ.mjs'));
+var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-IVEQVV6R.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React50__default.createElement(Radio$1, { ...props, ref });
 });
@@ -10923,6 +10923,7 @@ var fontWeights = {
   bold: 700
 };
 var lineHeights = {
+  base: tokens10__default.font.style.lg["line-height"],
   normal: tokens10__default.font.style.lg["line-height"]
 };
 var radii2 = {

package/dist/index.d.mts

@@ -6612,6 +6612,7 @@ declare const theme: {
         bold: number;
     };
     lineHeights: {
+        base: string;
         normal: string;
     };
     radii: {

package/dist/index.d.ts

@@ -6612,6 +6612,7 @@ declare const theme: {
         bold: number;
     };
     lineHeights: {
+        base: string;
         normal: string;
     };
     radii: {

package/dist/index.js

@@ -958,7 +958,7 @@ var init_BaseAlert = __esm({
   "src/alert/BaseAlert.tsx"() {
     BaseAlert = ({ variant, children, ...boxProps }) => {
       const styles2 = react.useMultiStyleConfig("Alert", { variant });
-      return /* @__PURE__ */ React50__namespace.default.createElement(react.Box, { sx: styles2.container, ...boxProps }, children);
+      return /* @__PURE__ */ React50__namespace.default.createElement(react.Box, { __css: styles2.container, ...boxProps }, children);
     };
   }
 });
@@ -1022,7 +1022,7 @@ var init_ExpandableAlert = __esm({
       },
       ...boxProps
     }) => {
-      return /* @__PURE__ */ React50__namespace.default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0, ...boxProps }, /* @__PURE__ */ React50__namespace.default.createElement(
+      return /* @__PURE__ */ React50__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React50__namespace.default.createElement(
         react.Accordion,
         {
           onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1037,7 +1037,7 @@ var init_ExpandableAlert = __esm({
             alignItems: "center",
             flexGrow: "1"
           },
-          /* @__PURE__ */ React50__namespace.default.createElement(react.Flex, { as: headingLevel }, /* @__PURE__ */ React50__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__namespace.default.createElement(
+          /* @__PURE__ */ React50__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React50__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__namespace.default.createElement(
             react.Box,
             {
               as: "span",
@@ -12327,6 +12327,7 @@ var lineHeights;
 var init_lineHeights = __esm({
   "src/theme/foundations/lineHeights.ts"() {
     lineHeights = {
+      base: tokens10__namespace.default.font.style.lg["line-height"],
       normal: tokens10__namespace.default.font.style.lg["line-height"]
     };
   }

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, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, NumericStepper, 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, 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-HZ6V7HFA.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, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, NumericStepper, 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, 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-HDXTKAGQ.mjs';

package/package.json

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

package/src/alert/BaseAlert.tsx

@@ -14,7 +14,7 @@ export type BaseAlertProps = BoxProps & {
 export const BaseAlert = ({ variant, children, ...boxProps }: BaseAlertProps) => {
   const styles = useMultiStyleConfig("Alert", { variant });
   return (
-    <Box sx={styles.container} {...boxProps}>
+    <Box __css={styles.container} {...boxProps}>
       {children}
     </Box>
   );

package/src/alert/ExpandableAlert.tsx

@@ -45,7 +45,7 @@ export const ExpandableAlert = ({
   ...boxProps
 }: ExpandableAlertProps) => {
   return (
-    <BaseAlert variant={variant} paddingX={0} paddingY={0} padding={0} {...boxProps}>
+    <BaseAlert variant={variant} {...boxProps} paddingX={0} paddingY={0}>
       <Accordion
         onChange={(expandedIndex) => onToggle(expandedIndex === 0)}
         defaultIndex={defaultOpen ? 0 : -1}
@@ -59,7 +59,7 @@ export const ExpandableAlert = ({
               alignItems="center"
               flexGrow="1"
             >
-              <Flex as={headingLevel}>
+              <Flex as={headingLevel} alignItems="center">
                 <AlertIcon variant={variant} />
                 <Box
                   as="span"

package/src/theme/foundations/lineHeights.ts

@@ -1,5 +1,6 @@
 import tokens from "@vygruppen/spor-design-tokens";
 
 export const lineHeights = {
+  base: tokens.font.style.lg["line-height"],
   normal: tokens.font.style.lg["line-height"],
 };