@vygruppen/spor-react 12.9.0 → 12.10.0

package/dist/index.d.cts

@@ -2995,8 +2995,18 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
+    /**
+     * The current language of your application. Used for built-in microcopy and labels. Default is Norwegian (bokmål).
+     */
     language?: Language;
+    /**
+     * The theme to use for colors and design tokens. If not provided, the default Spor theme is used.
+     */
     theme?: SystemContext;
+    /**
+     * If true, enables system color mode. If false, the default theme is light.
+     */
+    enableSystemColorMode?: boolean;
 };
 /**
  * This component is used to provide the specified theme of colors and other
@@ -3035,7 +3045,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
  * );
  * ```
  */
-declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
+declare const SporProvider: ({ language, theme, enableSystemColorMode, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
     variant: {

package/dist/index.d.ts

@@ -2995,8 +2995,18 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
+    /**
+     * The current language of your application. Used for built-in microcopy and labels. Default is Norwegian (bokmål).
+     */
     language?: Language;
+    /**
+     * The theme to use for colors and design tokens. If not provided, the default Spor theme is used.
+     */
     theme?: SystemContext;
+    /**
+     * If true, enables system color mode. If false, the default theme is light.
+     */
+    enableSystemColorMode?: boolean;
 };
 /**
  * This component is used to provide the specified theme of colors and other
@@ -3035,7 +3045,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
  * );
  * ```
  */
-declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
+declare const SporProvider: ({ language, theme, enableSystemColorMode, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
     variant: {

package/dist/index.mjs

@@ -5114,9 +5114,10 @@ var texts25 = createTexts({
 var SporProvider = ({
   language = "nb" /* NorwegianBokmal */,
   theme = system,
+  enableSystemColorMode = true,
   children
 }) => {
-  return /* @__PURE__ */ jsx(LanguageProvider, { language, children: /* @__PURE__ */ jsx(ChakraProvider, { value: theme, children: /* @__PURE__ */ jsxs(ColorModeProvider, { children: [
+  return /* @__PURE__ */ jsx(LanguageProvider, { language, children: /* @__PURE__ */ jsx(ChakraProvider, { value: theme, children: /* @__PURE__ */ jsxs(ColorModeProvider, { enableSystem: enableSystemColorMode, children: [
     /* @__PURE__ */ jsx(Toaster, {}),
     /* @__PURE__ */ jsx(Global, { styles: fontFaces }),
     children
@@ -6885,6 +6886,7 @@ var choiceChipSlotRecipe = defineSlotRecipe({
     label: {
       display: "flex",
       alignItems: "center",
+      gap: "1",
       fontSize: "xs"
     }
   },