@vygruppen/spor-react 12.0.7 → 12.1.1

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @vygruppen/spor-react@12.0.7 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.1.1 build /home/runner/work/spor/spor/packages/spor-react
 > pnpm typegen && tsup
 
 
-> @vygruppen/spor-react@12.0.7 typegen /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.1.1 typegen /home/runner/work/spor/spor/packages/spor-react
 > npx @chakra-ui/cli typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️
@@ -16,8 +16,7 @@
 [?25h[?25l│
 ◇  ✅ Generated utility typings
 [?25h[?25l│
-◒  Generating token types...
-◇  ✅ Generated token typings
+◇  ✅ Generated token typings
 [?25h[?25l│
 ◒  Generating system types...
 ◇  ✅ Generated system types
@@ -32,12 +31,12 @@ CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.js     312.51 KB
-CJS dist/index.js.map 620.50 KB
-CJS ⚡️ Build success in 1917ms
-ESM dist/index.mjs     293.23 KB
-ESM dist/index.mjs.map 620.50 KB
-ESM ⚡️ Build success in 1920ms
-DTS ⚡️ Build success in 21178ms
-DTS dist/index.d.ts  134.71 KB
-DTS dist/index.d.mts 134.71 KB
+ESM dist/index.mjs     293.19 KB
+ESM dist/index.mjs.map 620.63 KB
+ESM ⚡️ Build success in 1854ms
+CJS dist/index.js     312.69 KB
+CJS dist/index.js.map 620.63 KB
+CJS ⚡️ Build success in 1855ms
+DTS ⚡️ Build success in 21349ms
+DTS dist/index.d.ts  134.76 KB
+DTS dist/index.d.mts 134.76 KB

package/.turbo/turbo-typegen.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.0.7 typegen /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.1.1 typegen /home/runner/work/spor/spor/packages/spor-react
 > npx @chakra-ui/cli typegen src/theme/index.ts
 
 ┌  Chakra CLI ⚡️

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @vygruppen/spor-react
 
+## 12.1.1
+
+### Patch Changes
+
+- Updated dependencies [5e6da7b]
+  - @vygruppen/spor-design-tokens@4.0.5
+
+## 12.1.0
+
+### Minor Changes
+
+- b1c49c8: - Removed unused `patch-package` from `spor-design-tokens`.
+  - Refactored theme setup in `spor-react` for type support and extending theme support.
+  - Updated `eslint-config` to better support React 17+ adding jsx runtime rules.
+
+### Patch Changes
+
+- Updated dependencies [b1c49c8]
+  - @vygruppen/spor-design-tokens@4.0.4
+  - @vygruppen/spor-icon-react@4.0.3
+
 ## 12.0.7
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
-export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -3158,18 +3158,9 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
     colorPalette?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-/** A string of CSS that should be injected in the global CSS space */
-declare const fontFaces: string;
-
-declare enum Brand {
-    VyDigital = "VyDigital",
-    VyUtvikling = "VyUtvikling",
-    CargoNet = "CargoNet"
-}
-
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
     language?: Language;
-    brand?: Brand;
+    theme?: SystemContext;
 };
 /**
  * This component is used to provide the specified theme of colors and other
@@ -3208,7 +3199,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
  * );
  * ```
  */
-declare const SporProvider: ({ language, brand, children, }: SporProviderProps) => React__default.JSX.Element;
+declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => React__default.JSX.Element;
 
 declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
     variant: {
@@ -3709,6 +3700,15 @@ declare const themes: {
 };
 declare const system: _chakra_ui_react.SystemContext;
 
+/** A string of CSS that should be injected in the global CSS space */
+declare const fontFaces: string;
+
+declare enum Brand {
+    VyDigital = "VyDigital",
+    VyUtvikling = "VyUtvikling",
+    CargoNet = "CargoNet"
+}
+
 type Variant = "info" | "success" | "error";
 type ToastProps = {
     duration?: number;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
-export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
 import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -3158,18 +3158,9 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
     colorPalette?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-/** A string of CSS that should be injected in the global CSS space */
-declare const fontFaces: string;
-
-declare enum Brand {
-    VyDigital = "VyDigital",
-    VyUtvikling = "VyUtvikling",
-    CargoNet = "CargoNet"
-}
-
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
     language?: Language;
-    brand?: Brand;
+    theme?: SystemContext;
 };
 /**
  * This component is used to provide the specified theme of colors and other
@@ -3208,7 +3199,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
  * );
  * ```
  */
-declare const SporProvider: ({ language, brand, children, }: SporProviderProps) => React__default.JSX.Element;
+declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => React__default.JSX.Element;
 
 declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
     variant: {
@@ -3709,6 +3700,15 @@ declare const themes: {
 };
 declare const system: _chakra_ui_react.SystemContext;
 
+/** A string of CSS that should be injected in the global CSS space */
+declare const fontFaces: string;
+
+declare enum Brand {
+    VyDigital = "VyDigital",
+    VyUtvikling = "VyUtvikling",
+    CargoNet = "CargoNet"
+}
+
 type Variant = "info" | "success" | "error";
 type ToastProps = {
     duration?: number;

package/dist/index.js

@@ -5811,10 +5811,10 @@ var texts25 = createTexts({
 // src/provider/SporProvider.tsx
 var SporProvider = ({
   language = "nb" /* NorwegianBokmal */,
-  brand = "VyDigital" /* VyDigital */,
+  theme = system,
   children
 }) => {
-  return /* @__PURE__ */ React67__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React67__namespace.default.createElement(react.ChakraProvider, { value: themes[brand] ?? system }, /* @__PURE__ */ React67__namespace.default.createElement(ColorModeProvider, null, /* @__PURE__ */ React67__namespace.default.createElement(Toaster, null), /* @__PURE__ */ React67__namespace.default.createElement(react$2.Global, { styles: fontFaces }), children)));
+  return /* @__PURE__ */ React67__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React67__namespace.default.createElement(react.ChakraProvider, { value: theme }, /* @__PURE__ */ React67__namespace.default.createElement(ColorModeProvider, null, /* @__PURE__ */ React67__namespace.default.createElement(Toaster, null), /* @__PURE__ */ React67__namespace.default.createElement(react$2.Global, { styles: fontFaces }), children)));
 };
 var StepperContext = React67__namespace.default.createContext(null);
 var StepperProvider = ({
@@ -10227,8 +10227,6 @@ var textStyles = react.defineTextStyles({
     }
   }
 });
-
-// src/theme/index.ts
 var generateTheme = (brand) => {
   return react.defineConfig({
     ...config,
@@ -10393,6 +10391,14 @@ Object.defineProperty(exports, "createListCollection", {
   enumerable: true,
   get: function () { return react.createListCollection; }
 });
+Object.defineProperty(exports, "createSystem", {
+  enumerable: true,
+  get: function () { return react.createSystem; }
+});
+Object.defineProperty(exports, "defineConfig", {
+  enumerable: true,
+  get: function () { return react.defineConfig; }
+});
 Object.defineProperty(exports, "defineRecipe", {
   enumerable: true,
   get: function () { return react.defineRecipe; }