@vygruppen/spor-react 9.6.2 → 9.6.3

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.6.2 build
2
+ > @vygruppen/spor-react@9.6.3 build
3
3
  > tsup src/index.tsx --dts --treeshake --format cjs,esm
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -10,11 +10,11 @@
10
10
  ESM Build start
11
11
  DTS Build start
12
12
  ESM dist/index.mjs 2.08 KB
13
- ESM dist/CountryCodeSelect-EZTV452W.mjs 1.19 KB
14
- ESM dist/chunk-7VZBL2PP.mjs 396.18 KB
15
- ESM ⚡️ Build success in 2224ms
16
- CJS dist/index.js 506.01 KB
17
- CJS ⚡️ Build success in 2225ms
18
- DTS ⚡️ Build success in 13063ms
19
- DTS dist/index.d.ts 348.14 KB
20
- DTS dist/index.d.mts 348.14 KB
13
+ ESM dist/CountryCodeSelect-JV5KU4MM.mjs 1.19 KB
14
+ ESM dist/chunk-LZRG4IP5.mjs 396.30 KB
15
+ ESM ⚡️ Build success in 2374ms
16
+ CJS dist/index.js 506.15 KB
17
+ CJS ⚡️ Build success in 2376ms
18
+ DTS ⚡️ Build success in 13847ms
19
+ DTS dist/index.d.ts 348.30 KB
20
+ DTS dist/index.d.mts 348.30 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 9.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - d998cb8: Improve layout of tables when content overflow and in responsive views
8
+
3
9
  ## 9.6.2
4
10
 
5
11
  ### Patch Changes
@@ -1,4 +1,4 @@
1
- import { createTexts, useTranslation, InfoSelect, Item } from './chunk-7VZBL2PP.mjs';
1
+ import { createTexts, useTranslation, InfoSelect, Item } from './chunk-LZRG4IP5.mjs';
2
2
  import React from 'react';
3
3
  import { getSupportedCallingCodes } from 'awesome-phonenumber';
4
4
 
@@ -3365,7 +3365,7 @@ var texts14 = createTexts({
3365
3365
  sv: "Telefonnummer"
3366
3366
  }
3367
3367
  });
3368
- var LazyCountryCodeSelect = React71__default.lazy(() => import('./CountryCodeSelect-EZTV452W.mjs'));
3368
+ var LazyCountryCodeSelect = React71__default.lazy(() => import('./CountryCodeSelect-JV5KU4MM.mjs'));
3369
3369
  var Radio = forwardRef((props, ref) => {
3370
3370
  return /* @__PURE__ */ React71__default.createElement(Radio$1, { ...props, ref });
3371
3371
  });
@@ -4587,7 +4587,7 @@ var Tabs = forwardRef((props, ref) => {
4587
4587
  });
4588
4588
  var Table = forwardRef((props, ref) => {
4589
4589
  const { variant, size: size2, colorScheme, children, ...rest } = props;
4590
- return /* @__PURE__ */ React71__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__default.createElement(Box, { overflowX: "auto" }, /* @__PURE__ */ React71__default.createElement(
4590
+ return /* @__PURE__ */ React71__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React71__default.createElement(
4591
4591
  Table$1,
4592
4592
  {
4593
4593
  variant,
@@ -13189,14 +13189,18 @@ var config38 = helpers28.defineMultiStyleConfig({
13189
13189
  table: {
13190
13190
  borderCollapse: "collapse",
13191
13191
  ...baseText("default", props),
13192
- width: "100%"
13192
+ width: "100%",
13193
+ minWidth: "600px"
13193
13194
  },
13194
13195
  th: {
13195
13196
  fontWeight: "bold",
13196
- textAlign: "start"
13197
+ textAlign: "start",
13198
+ verticalAlign: "top",
13199
+ minWidth: "68px"
13197
13200
  },
13198
13201
  td: {
13199
- textAlign: "start"
13202
+ textAlign: "start",
13203
+ verticalAlign: "top"
13200
13204
  },
13201
13205
  tfoot: {
13202
13206
  tr: {
package/dist/index.d.mts CHANGED
@@ -6393,15 +6393,19 @@ declare const theme: {
6393
6393
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6394
6394
  table: {
6395
6395
  width: string;
6396
+ minWidth: string;
6396
6397
  color: string;
6397
6398
  borderCollapse: string;
6398
6399
  };
6399
6400
  th: {
6400
6401
  fontWeight: string;
6401
6402
  textAlign: string;
6403
+ verticalAlign: string;
6404
+ minWidth: string;
6402
6405
  };
6403
6406
  td: {
6404
6407
  textAlign: string;
6408
+ verticalAlign: string;
6405
6409
  };
6406
6410
  tfoot: {
6407
6411
  tr: {
package/dist/index.d.ts CHANGED
@@ -6393,15 +6393,19 @@ declare const theme: {
6393
6393
  baseStyle?: ((props: _chakra_ui_styled_system.StyleFunctionProps) => {
6394
6394
  table: {
6395
6395
  width: string;
6396
+ minWidth: string;
6396
6397
  color: string;
6397
6398
  borderCollapse: string;
6398
6399
  };
6399
6400
  th: {
6400
6401
  fontWeight: string;
6401
6402
  textAlign: string;
6403
+ verticalAlign: string;
6404
+ minWidth: string;
6402
6405
  };
6403
6406
  td: {
6404
6407
  textAlign: string;
6408
+ verticalAlign: string;
6405
6409
  };
6406
6410
  tfoot: {
6407
6411
  tr: {
package/dist/index.js CHANGED
@@ -5511,7 +5511,7 @@ var init_Table = __esm({
5511
5511
  "src/table/Table.tsx"() {
5512
5512
  exports.Table = react.forwardRef((props, ref) => {
5513
5513
  const { variant, size: size2, colorScheme, children, ...rest } = props;
5514
- return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { overflowX: "auto" }, /* @__PURE__ */ React71__namespace.default.createElement(
5514
+ return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React71__namespace.default.createElement(
5515
5515
  react.Table,
5516
5516
  {
5517
5517
  variant,
@@ -14962,14 +14962,18 @@ var init_table2 = __esm({
14962
14962
  table: {
14963
14963
  borderCollapse: "collapse",
14964
14964
  ...baseText("default", props),
14965
- width: "100%"
14965
+ width: "100%",
14966
+ minWidth: "600px"
14966
14967
  },
14967
14968
  th: {
14968
14969
  fontWeight: "bold",
14969
- textAlign: "start"
14970
+ textAlign: "start",
14971
+ verticalAlign: "top",
14972
+ minWidth: "68px"
14970
14973
  },
14971
14974
  td: {
14972
- textAlign: "start"
14975
+ textAlign: "start",
14976
+ verticalAlign: "top"
14973
14977
  },
14974
14978
  tfoot: {
14975
14979
  tr: {
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, 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, ProgressBar, ProgressIndicator, ProgressLoader, Radio, 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, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-7VZBL2PP.mjs';
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, 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, ProgressBar, ProgressIndicator, ProgressLoader, Radio, 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, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-LZRG4IP5.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vygruppen/spor-react",
3
- "version": "9.6.2",
3
+ "version": "9.6.3",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -32,7 +32,7 @@ export const Table = forwardRef<TableProps, "table">((props, ref) => {
32
32
  const { variant, size, colorScheme, children, ...rest } = props;
33
33
  return (
34
34
  <Box {...rest} {...getStyleProps(props)}>
35
- <Box overflowX="auto">
35
+ <Box overflowX="auto" role="region">
36
36
  <ChakraTable
37
37
  variant={variant}
38
38
  size={size}
@@ -17,13 +17,17 @@ const config = helpers.defineMultiStyleConfig({
17
17
  borderCollapse: "collapse",
18
18
  ...baseText("default", props),
19
19
  width: "100%",
20
+ minWidth: "600px",
20
21
  },
21
22
  th: {
22
23
  fontWeight: "bold",
23
24
  textAlign: "start",
25
+ verticalAlign: "top",
26
+ minWidth: "68px",
24
27
  },
25
28
  td: {
26
29
  textAlign: "start",
30
+ verticalAlign: "top",
27
31
  },
28
32
  tfoot: {
29
33
  tr: {