@vygruppen/spor-react 9.14.0 → 9.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
 
2
- > @vygruppen/spor-react@9.14.0 build
2
+ > @vygruppen/spor-react@9.14.1 build
3
3
  > tsup src/index.tsx --dts --treeshake --format cjs,esm
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -9,12 +9,12 @@
9
9
  CJS Build start
10
10
  ESM Build start
11
11
  DTS Build start
12
+ CJS dist/index.js 536.08 KB
13
+ CJS ⚡️ Build success in 2234ms
12
14
  ESM dist/index.mjs 2.21 KB
13
- ESM dist/CountryCodeSelect-GZJN7XWM.mjs 1.19 KB
14
- ESM dist/chunk-BDLLFC3C.mjs 421.92 KB
15
- ESM ⚡️ Build success in 2235ms
16
- CJS dist/index.js 536.05 KB
17
- CJS ⚡️ Build success in 2237ms
18
- DTS ⚡️ Build success in 15733ms
19
- DTS dist/index.d.ts 345.96 KB
20
- DTS dist/index.d.mts 345.96 KB
15
+ ESM dist/CountryCodeSelect-JADNUR4X.mjs 1.19 KB
16
+ ESM dist/chunk-HKTFZRTD.mjs 421.95 KB
17
+ ESM ⚡️ Build success in 2234ms
18
+ DTS ⚡️ Build success in 16305ms
19
+ DTS dist/index.d.ts 345.90 KB
20
+ DTS dist/index.d.mts 345.90 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 9.14.1
4
+
5
+ ### Patch Changes
6
+
7
+ - c71b156: Vertical align for infoselect
8
+
3
9
  ## 9.14.0
4
10
 
5
11
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- import { createTexts, useTranslation, InfoSelect, Item } from './chunk-BDLLFC3C.mjs';
1
+ import { createTexts, useTranslation, InfoSelect, Item } from './chunk-HKTFZRTD.mjs';
2
2
  import React from 'react';
3
3
  import { getSupportedCallingCodes } from 'awesome-phonenumber';
4
4
 
@@ -1400,9 +1400,9 @@ function InfoSelect({
1400
1400
  Box,
1401
1401
  {
1402
1402
  ...valueProps,
1403
- h: !hasChosenValue ? "0px" : "18px",
1403
+ h: isLabelSrOnly ? "" : !hasChosenValue ? "0px" : "18px",
1404
1404
  hidden: !hasChosenValue,
1405
- transform: "scale(1) translateY(-10px)",
1405
+ transform: isLabelSrOnly ? "" : "scale(1) translateY(-10px)",
1406
1406
  transitionProperty: "var(--spor-transition-property-common)",
1407
1407
  transitionDuration: "var(--spor-transition-duration-normal)"
1408
1408
  },
@@ -1758,7 +1758,7 @@ var texts4 = createTexts({
1758
1758
  sv: "Landskod"
1759
1759
  }
1760
1760
  });
1761
- var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-GZJN7XWM.mjs'));
1761
+ var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-JADNUR4X.mjs'));
1762
1762
  var Radio = forwardRef((props, ref) => {
1763
1763
  return /* @__PURE__ */ React87__default.createElement(Radio$1, { ...props, ref });
1764
1764
  });
@@ -12326,7 +12326,6 @@ var config19 = helpers11.defineMultiStyleConfig({
12326
12326
  justifyContent: "space-between",
12327
12327
  alignItems: "center",
12328
12328
  fontSize: "mobile.md",
12329
- h: 8,
12330
12329
  ...baseBorder("default", props),
12331
12330
  _hover: {
12332
12331
  ...baseBorder("hover", props)
package/dist/index.d.mts CHANGED
@@ -4714,7 +4714,6 @@ declare const theme: {
4714
4714
  justifyContent: string;
4715
4715
  alignItems: string;
4716
4716
  fontSize: string;
4717
- h: number;
4718
4717
  } | {
4719
4718
  _disabled: {
4720
4719
  backgroundColor: string;
@@ -4761,7 +4760,6 @@ declare const theme: {
4761
4760
  justifyContent: string;
4762
4761
  alignItems: string;
4763
4762
  fontSize: string;
4764
- h: number;
4765
4763
  };
4766
4764
  placeholder: {};
4767
4765
  arrowIcon: {};
package/dist/index.d.ts CHANGED
@@ -4714,7 +4714,6 @@ declare const theme: {
4714
4714
  justifyContent: string;
4715
4715
  alignItems: string;
4716
4716
  fontSize: string;
4717
- h: number;
4718
4717
  } | {
4719
4718
  _disabled: {
4720
4719
  backgroundColor: string;
@@ -4761,7 +4760,6 @@ declare const theme: {
4761
4760
  justifyContent: string;
4762
4761
  alignItems: string;
4763
4762
  fontSize: string;
4764
- h: number;
4765
4763
  };
4766
4764
  placeholder: {};
4767
4765
  arrowIcon: {};
package/dist/index.js CHANGED
@@ -1522,9 +1522,9 @@ function InfoSelect({
1522
1522
  react.Box,
1523
1523
  {
1524
1524
  ...valueProps,
1525
- h: !hasChosenValue ? "0px" : "18px",
1525
+ h: isLabelSrOnly ? "" : !hasChosenValue ? "0px" : "18px",
1526
1526
  hidden: !hasChosenValue,
1527
- transform: "scale(1) translateY(-10px)",
1527
+ transform: isLabelSrOnly ? "" : "scale(1) translateY(-10px)",
1528
1528
  transitionProperty: "var(--spor-transition-property-common)",
1529
1529
  transitionDuration: "var(--spor-transition-duration-normal)"
1530
1530
  },
@@ -13990,7 +13990,6 @@ var init_info_select = __esm({
13990
13990
  justifyContent: "space-between",
13991
13991
  alignItems: "center",
13992
13992
  fontSize: "mobile.md",
13993
- h: 8,
13994
13993
  ...baseBorder("default", props),
13995
13994
  _hover: {
13996
13995
  ...baseBorder("hover", props)
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, CargonetLogo, 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, FullScreenDrawer, 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, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, TogglePride, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoDefault, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, usePride, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-BDLLFC3C.mjs';
1
+ export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, CargonetLogo, 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, FullScreenDrawer, 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, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, TogglePride, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoDefault, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, usePride, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-HKTFZRTD.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vygruppen/spor-react",
3
- "version": "9.14.0",
3
+ "version": "9.14.1",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -224,9 +224,9 @@ export function InfoSelect<T extends object>({
224
224
  </chakra.div>
225
225
  <Box
226
226
  {...valueProps}
227
- h={!hasChosenValue ? "0px" : "18px"}
227
+ h={isLabelSrOnly ? "" : !hasChosenValue ? "0px" : "18px"}
228
228
  hidden={!hasChosenValue}
229
- transform={"scale(1) translateY(-10px)"}
229
+ transform={isLabelSrOnly ? "" : "scale(1) translateY(-10px)"}
230
230
  transitionProperty={"var(--spor-transition-property-common)"}
231
231
  transitionDuration={"var(--spor-transition-duration-normal)"}
232
232
  >
@@ -40,7 +40,6 @@ const config = helpers.defineMultiStyleConfig({
40
40
  justifyContent: "space-between",
41
41
  alignItems: "center",
42
42
  fontSize: "mobile.md",
43
- h: 8,
44
43
  ...baseBorder("default", props),
45
44
  _hover: {
46
45
  ...baseBorder("hover", props),