@vygruppen/spor-react 9.8.0 → 9.8.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@9.8.0 build
+> @vygruppen/spor-react@9.8.1 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -9,12 +9,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
+CJS dist/index.js 508.25 KB
+CJS ⚡️ Build success in 2175ms
 ESM dist/index.mjs                      2.11 KB
-ESM dist/CountryCodeSelect-EKYAUNTI.mjs 1.19 KB
-ESM dist/chunk-3P7NVQKW.mjs             397.80 KB
-ESM ⚡️ Build success in 2067ms
-CJS dist/index.js 508.29 KB
-CJS ⚡️ Build success in 2068ms
-DTS ⚡️ Build success in 11221ms
-DTS dist/index.d.ts  337.50 KB
-DTS dist/index.d.mts 337.50 KB
+ESM dist/chunk-S335RZ6M.mjs             397.76 KB
+ESM dist/CountryCodeSelect-FODJ4ZSF.mjs 1.19 KB
+ESM ⚡️ Build success in 2175ms
+DTS ⚡️ Build success in 11477ms
+DTS dist/index.d.ts  337.73 KB
+DTS dist/index.d.mts 337.73 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 9.8.1
+
+### Patch Changes
+
+- 6852a42: Update docs for PressableCard and RadioCard
+
 ## 9.8.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-EKYAUNTI.mjs → CountryCodeSelect-FODJ4ZSF.mjs}

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

package/dist/{chunk-3P7NVQKW.mjs → chunk-S335RZ6M.mjs}

@@ -848,11 +848,10 @@ var StaticCard = forwardRef(
 var PressableCard = ({
   children,
   as = "button",
-  size: size2 = "sm",
   variant = "base",
   ...props
 }) => {
-  const styles3 = useStyleConfig("PressableCard", { variant, size: size2 });
+  const styles3 = useStyleConfig("PressableCard", { variant });
   return /* @__PURE__ */ React73__default.createElement(Box, { as, __css: styles3, ...props }, children);
 };
 var AccordionContext = React73__default.createContext(null);
@@ -3428,7 +3427,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React73__default.lazy(() => import('./CountryCodeSelect-EKYAUNTI.mjs'));
+var LazyCountryCodeSelect = React73__default.lazy(() => import('./CountryCodeSelect-FODJ4ZSF.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React73__default.createElement(Radio$1, { ...props, ref });
 });

package/dist/index.d.mts

@@ -67,6 +67,7 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
 
 type RadioCardProps = UseRadioProps & BoxProps & {
     children: React.ReactNode;
+    /** Defaults to "base" */
     variant: "floating" | "base";
 };
 /**
@@ -116,7 +117,16 @@ declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<"di
 type RadioCardGroupProps = RadioGroupProps$1 & {
     children: React.ReactNode;
     props?: RadioGroupProps$1;
+    /** Defaults to "row" */
     direction?: StackDirection;
+    /** Defaults to "base" */
+    variant?: string;
+    /** The name of the radio group */
+    name?: string;
+    /** The default value of the radio group */
+    defaultValue?: string;
+    /** The callback function to be called when the radio group value changes */
+    onChange?: (value: string) => void;
 };
 /**
  * Radio card groups are used to group several radio cards together.
@@ -200,11 +210,9 @@ type StaticCardProps = BoxProps & {
 declare const StaticCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, StaticCardProps>;
 
 type PressableCardProps = Omit<BoxProps, "as"> & {
-    /** Use "floating" | "accent" | "base". Defaults to base  */
+    /** Defaults to "base"  */
     variant: "floating" | "accent" | "base";
-    /** Use "sm" | "lg". Defaults to sm  */
-    size?: "sm" | "lg";
-    /** Use "button" | "a" | "label". Defaults to button  */
+    /** Defaults to "button"  */
     as: "button" | "a" | "label";
 };
 /**
@@ -237,7 +245,7 @@ type PressableCardProps = Omit<BoxProps, "as"> & {
  *
  * @see StaticCard
  */
-declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
+declare const PressableCard: ({ children, as, variant, ...props }: PressableCardProps) => React.JSX.Element;
 
 type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
     /**

package/dist/index.d.ts

@@ -67,6 +67,7 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
 
 type RadioCardProps = UseRadioProps & BoxProps & {
     children: React.ReactNode;
+    /** Defaults to "base" */
     variant: "floating" | "base";
 };
 /**
@@ -116,7 +117,16 @@ declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<"di
 type RadioCardGroupProps = RadioGroupProps$1 & {
     children: React.ReactNode;
     props?: RadioGroupProps$1;
+    /** Defaults to "row" */
     direction?: StackDirection;
+    /** Defaults to "base" */
+    variant?: string;
+    /** The name of the radio group */
+    name?: string;
+    /** The default value of the radio group */
+    defaultValue?: string;
+    /** The callback function to be called when the radio group value changes */
+    onChange?: (value: string) => void;
 };
 /**
  * Radio card groups are used to group several radio cards together.
@@ -200,11 +210,9 @@ type StaticCardProps = BoxProps & {
 declare const StaticCard: _chakra_ui_system_dist_system_types.ComponentWithAs<As, StaticCardProps>;
 
 type PressableCardProps = Omit<BoxProps, "as"> & {
-    /** Use "floating" | "accent" | "base". Defaults to base  */
+    /** Defaults to "base"  */
     variant: "floating" | "accent" | "base";
-    /** Use "sm" | "lg". Defaults to sm  */
-    size?: "sm" | "lg";
-    /** Use "button" | "a" | "label". Defaults to button  */
+    /** Defaults to "button"  */
     as: "button" | "a" | "label";
 };
 /**
@@ -237,7 +245,7 @@ type PressableCardProps = Omit<BoxProps, "as"> & {
  *
  * @see StaticCard
  */
-declare const PressableCard: ({ children, as, size, variant, ...props }: PressableCardProps) => React.JSX.Element;
+declare const PressableCard: ({ children, as, variant, ...props }: PressableCardProps) => React.JSX.Element;
 
 type AccordionProps = Omit<AccordionProps$1, "variant" | "size"> & {
     /**

package/dist/index.js

@@ -926,11 +926,10 @@ var init_PressableCard = __esm({
     exports.PressableCard = ({
       children,
       as = "button",
-      size: size2 = "sm",
       variant = "base",
       ...props
     }) => {
-      const styles3 = react.useStyleConfig("PressableCard", { variant, size: size2 });
+      const styles3 = react.useStyleConfig("PressableCard", { variant });
       return /* @__PURE__ */ React73__namespace.default.createElement(react.Box, { as, __css: styles3, ...props }, children);
     };
   }

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, 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, RadioCard, RadioCardGroup, 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-3P7NVQKW.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, 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, RadioCard, RadioCardGroup, 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-S335RZ6M.mjs';

package/package.json

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

package/src/layout/PressableCard.tsx

@@ -2,11 +2,9 @@ import React from "react";
 import { Box, BoxProps, useStyleConfig } from "@chakra-ui/react";
 
 type PressableCardProps = Omit<BoxProps, "as"> & {
-  /** Use "floating" | "accent" | "base". Defaults to base  */
+  /** Defaults to "base"  */
   variant: "floating" | "accent" | "base";
-  /** Use "sm" | "lg". Defaults to sm  */
-  size?: "sm" | "lg";
-  /** Use "button" | "a" | "label". Defaults to button  */
+  /** Defaults to "button"  */
   as: "button" | "a" | "label";
 };
 
@@ -44,11 +42,10 @@ type PressableCardProps = Omit<BoxProps, "as"> & {
 export const PressableCard = ({
   children,
   as = "button",
-  size = "sm",
   variant = "base",
   ...props
 }: PressableCardProps) => {
-  const styles = useStyleConfig("PressableCard", { variant, size });
+  const styles = useStyleConfig("PressableCard", { variant });
   return (
     <Box as={as} __css={styles} {...props}>
       {children}

package/src/layout/RadioCard.tsx

@@ -12,6 +12,7 @@ import React, { useId } from "react";
 type RadioCardProps = UseRadioProps &
   BoxProps & {
     children: React.ReactNode;
+    /** Defaults to "base" */
     variant: "floating" | "base";
   };
 

package/src/layout/RadioCardGroup.tsx

@@ -9,7 +9,16 @@ import React, { Children } from "react";
 type RadioCardGroupProps = RadioGroupProps & {
   children: React.ReactNode;
   props?: RadioGroupProps;
+  /** Defaults to "row" */
   direction?: StackDirection;
+  /** Defaults to "base" */
+  variant?: string;
+  /** The name of the radio group */
+  name?: string;
+  /** The default value of the radio group */
+  defaultValue?: string;
+  /** The callback function to be called when the radio group value changes */
+  onChange?: (value: string) => void;
 };
 
 /**