@vygruppen/spor-react 9.13.2 → 9.13.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@9.13.2 build
+> @vygruppen/spor-react@9.13.3 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -10,11 +10,11 @@
 ESM Build start
 DTS Build start
 ESM dist/index.mjs                      2.19 KB
-ESM dist/CountryCodeSelect-QPCMMHSU.mjs 1.19 KB
-ESM dist/chunk-UOSLFTBE.mjs             414.14 KB
-ESM ⚡️ Build success in 2239ms
-CJS dist/index.js 527.19 KB
-CJS ⚡️ Build success in 2239ms
-DTS ⚡️ Build success in 15663ms
-DTS dist/index.d.ts  344.57 KB
-DTS dist/index.d.mts 344.57 KB
+ESM dist/chunk-Y56HXMZC.mjs             414.22 KB
+ESM dist/CountryCodeSelect-7VDV2T5R.mjs 1.19 KB
+ESM ⚡️ Build success in 2170ms
+CJS dist/index.js 527.27 KB
+CJS ⚡️ Build success in 2171ms
+DTS ⚡️ Build success in 16058ms
+DTS dist/index.d.ts  345.58 KB
+DTS dist/index.d.mts 345.58 KB

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @vygruppen/spor-react
 
+## 9.13.3
+
+### Patch Changes
+
+- bec48fc: Add font-family to global CSS file
+- e606bf3: RadioCardGroup & RadioCard: Add documentation for props
+
 ## 9.13.2
 
 ### Patch Changes

package/dist/{CountryCodeSelect-QPCMMHSU.mjs → CountryCodeSelect-7VDV2T5R.mjs}

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

package/dist/{chunk-UOSLFTBE.mjs → chunk-Y56HXMZC.mjs}

@@ -1758,7 +1758,7 @@ var texts4 = createTexts({
     sv: "Landskod"
   }
 });
-var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-QPCMMHSU.mjs'));
+var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-7VDV2T5R.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React87__default.createElement(Radio$1, { ...props, ref });
 });
@@ -2515,7 +2515,8 @@ var Button2 = forwardRef((props, ref) => {
       "aria-label": ariaLabel,
       "aria-busy": isLoading,
       disabled: isDisabled || isLoading,
-      position: "relative"
+      position: "relative",
+      fontFamily: "Vy Sans"
     },
     isLoading && /* @__PURE__ */ React87__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__default.createElement(
       ColorInlineLoader,
@@ -14227,6 +14228,9 @@ var fontFaces = `
   font-weight: 400;
   font-display: swap
 }
+  body {
+    font-family: "Vy Sans", sans-serif;
+  }
 `;
 
 // src/theme/index.ts

package/dist/index.d.mts

@@ -88,13 +88,19 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
  * @see Docs https://spor.vy.no/components/radiocard
  */
 type RadioCardProps = BoxProps & {
+    /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
     value: string;
+    /** The content of the RadioCard. */
     children: React.ReactNode;
+    /** Determines if the RadioCard is disabled. */
     isDisabled?: boolean;
 };
 declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, BoxProps & {
+    /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
     value: string;
+    /** The content of the RadioCard. */
     children: React.ReactNode;
+    /** Determines if the RadioCard is disabled. */
     isDisabled?: boolean | undefined;
 }>;
 
@@ -113,12 +119,19 @@ type RadioGroupContextProps = {
 };
 declare const RadioCardGroupContext: React.Context<RadioGroupContextProps | null>;
 type RadioCardGroupProps = BoxProps & {
+    /** A string that will be assigned as the name attribute to all RadioCard components within the group. */
     name: string;
+    /** The RadioCard components that make up the group. */
     children: React.ReactNode;
+    /** Optional. Determines the style of the RadioCard. Can be either "base" or "floating". */
     variant?: "base" | "floating";
+    /** Optional. Determines the direction of the group. Can be either "row" or "column". */
     direction?: "row" | "column";
+    /** Optional. A label for the group. */
     groupLabel?: string;
+    /** Optional. The default value of the RadioCard group. */
     defaultValue?: string;
+    /** Optional. A function that will be called when the selected value changes. The function receives the value of the selected RadioCard. */
     onChange?: (value: string) => void;
 };
 declare const RadioCardGroup: React.FC<RadioCardGroupProps>;

package/dist/index.d.ts

@@ -88,13 +88,19 @@ declare const Stack: _chakra_ui_system_dist_system_types.ComponentWithAs<"div",
  * @see Docs https://spor.vy.no/components/radiocard
  */
 type RadioCardProps = BoxProps & {
+    /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
     value: string;
+    /** The content of the RadioCard. */
     children: React.ReactNode;
+    /** Determines if the RadioCard is disabled. */
     isDisabled?: boolean;
 };
 declare const RadioCard: _chakra_ui_system_dist_system_types.ComponentWithAs<_chakra_ui_system_dist_system_types.As, BoxProps & {
+    /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
     value: string;
+    /** The content of the RadioCard. */
     children: React.ReactNode;
+    /** Determines if the RadioCard is disabled. */
     isDisabled?: boolean | undefined;
 }>;
 
@@ -113,12 +119,19 @@ type RadioGroupContextProps = {
 };
 declare const RadioCardGroupContext: React.Context<RadioGroupContextProps | null>;
 type RadioCardGroupProps = BoxProps & {
+    /** A string that will be assigned as the name attribute to all RadioCard components within the group. */
     name: string;
+    /** The RadioCard components that make up the group. */
     children: React.ReactNode;
+    /** Optional. Determines the style of the RadioCard. Can be either "base" or "floating". */
     variant?: "base" | "floating";
+    /** Optional. Determines the direction of the group. Can be either "row" or "column". */
     direction?: "row" | "column";
+    /** Optional. A label for the group. */
     groupLabel?: string;
+    /** Optional. The default value of the RadioCard group. */
     defaultValue?: string;
+    /** Optional. A function that will be called when the selected value changes. The function receives the value of the selected RadioCard. */
     onChange?: (value: string) => void;
 };
 declare const RadioCardGroup: React.FC<RadioCardGroupProps>;

package/dist/index.js

@@ -3017,7 +3017,8 @@ var init_Button = __esm({
           "aria-label": ariaLabel,
           "aria-busy": isLoading,
           disabled: isDisabled || isLoading,
-          position: "relative"
+          position: "relative",
+          fontFamily: "Vy Sans"
         },
         isLoading && /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React88__namespace.default.createElement(
           exports.ColorInlineLoader,
@@ -16197,6 +16198,9 @@ var init_font_faces = __esm({
   font-weight: 400;
   font-display: swap
 }
+  body {
+    font-family: "Vy Sans", sans-serif;
+  }
 `;
   }
 });

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, 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-UOSLFTBE.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, 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-Y56HXMZC.mjs';

package/package.json

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

package/src/button/Button.tsx

@@ -105,6 +105,7 @@ export const Button = forwardRef<ButtonProps, "button">((props, ref) => {
       aria-busy={isLoading}
       disabled={isDisabled || isLoading}
       position="relative"
+      fontFamily={"Vy Sans"}
     >
       {isLoading && (
         <Center position="absolute" right={0} left={0} top={1} bottom={0}>

package/src/layout/RadioCard.tsx

@@ -32,8 +32,11 @@ import { RadioCardGroupContext } from "./RadioCardGroup";
  */
 
 export type RadioCardProps = BoxProps & {
+  /** The value that will be passed to the `RadioCardGroup`'s `onChange` function if this `RadioCard` is selected.. */
   value: string;
+  /** The content of the RadioCard. */
   children: React.ReactNode;
+  /** Determines if the RadioCard is disabled. */
   isDisabled?: boolean;
 };
 

package/src/layout/RadioCardGroup.tsx

@@ -21,12 +21,19 @@ export const RadioCardGroupContext =
   React.createContext<RadioGroupContextProps | null>(null);
 
 type RadioCardGroupProps = BoxProps & {
+  /** A string that will be assigned as the name attribute to all RadioCard components within the group. */
   name: string;
+  /** The RadioCard components that make up the group. */
   children: React.ReactNode;
+  /** Optional. Determines the style of the RadioCard. Can be either "base" or "floating". */
   variant?: "base" | "floating";
+  /** Optional. Determines the direction of the group. Can be either "row" or "column". */
   direction?: "row" | "column";
+  /** Optional. A label for the group. */
   groupLabel?: string;
+  /** Optional. The default value of the RadioCard group. */
   defaultValue?: string;
+  /** Optional. A function that will be called when the selected value changes. The function receives the value of the selected RadioCard. */
   onChange?: (value: string) => void;
 };
 

package/src/theme/font-faces.ts

@@ -63,4 +63,7 @@ export const fontFaces = `
   font-weight: 400;
   font-display: swap
 }
+  body {
+    font-family: "Vy Sans", sans-serif;
+  }
 `;