@vygruppen/spor-react 0.12.6 → 0.12.7

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
-@vygruppen/spor-react:build: cache hit, replaying output 637491cb950ffee1
+@vygruppen/spor-react:build: cache hit, replaying output 272d8e65d59747fa
 @vygruppen/spor-react:build: 
-@vygruppen/spor-react:build: > @vygruppen/spor-react@0.12.6 build
+@vygruppen/spor-react:build: > @vygruppen/spor-react@0.12.7 build
 @vygruppen/spor-react:build: > tsup src/index.tsx --dts
 @vygruppen/spor-react:build: 
 @vygruppen/spor-react:build: CLI Building entry: src/index.tsx
@@ -8,8 +8,8 @@
 @vygruppen/spor-react:build: CLI tsup v5.11.13
 @vygruppen/spor-react:build: CLI Target: node12
 @vygruppen/spor-react:build: CJS Build start
-@vygruppen/spor-react:build: CJS ⚡️ Build success in 39ms
-@vygruppen/spor-react:build: CJS dist/index.js 4.85 KB
+@vygruppen/spor-react:build: CJS ⚡️ Build success in 46ms
+@vygruppen/spor-react:build: CJS dist/index.js 2.63 KB
 @vygruppen/spor-react:build: DTS Build start
-@vygruppen/spor-react:build: DTS ⚡️ Build success in 3303ms
-@vygruppen/spor-react:build: DTS dist/index.d.ts 2.50 KB
+@vygruppen/spor-react:build: DTS ⚡️ Build success in 4061ms
+@vygruppen/spor-react:build: DTS dist/index.d.ts 916.00 B

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @vygruppen/spor-react
 
+## 0.12.7
+
+### Patch Changes
+
+- 6df4714: Refactor SporProvider into its own package, so it can be used without the spor-react package
+- Updated dependencies [6df4714]
+  - @vygruppen/spor-provider-react@0.0.2
+
 ## 0.12.6
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,10 +1,8 @@
-import { ChakraProviderProps } from '@chakra-ui/react';
 export { extendTheme } from '@chakra-ui/react';
 export * from '@vygruppen/spor-accordion-react';
 export * from '@vygruppen/spor-button-react';
 export * from '@vygruppen/spor-card-react';
 export * from '@vygruppen/spor-design-tokens';
-import { Language } from '@vygruppen/spor-i18n-react';
 export * from '@vygruppen/spor-i18n-react';
 export * from '@vygruppen/spor-icon-react';
 export * from '@vygruppen/spor-image-react';
@@ -19,46 +17,4 @@ export * from '@vygruppen/spor-tab-react';
 export * from '@vygruppen/spor-table-react';
 export * from '@vygruppen/spor-theme-react';
 export * from '@vygruppen/spor-typography-react';
-
-declare type SporProviderProps = ChakraProviderProps & {
-    language: Language;
-};
-/**
- * This component is used to provide the specified theme of colors and other
- * design tokens to the remainder of the application, as well as the current language.
- *
- * Please place it as close to the root of your application as possible -
- * at least before rendering any UI.
- *
- * You can pass your own theme to this component. If you don't (and most of the time you won't), the default Spor theme will be used.
- *
- * You do, however, need to specify the current language of your application. This is specified to provide any built-in microcopy and labels for any Spor components.
- *
- * ```tsx
- * * import { SporProvider, Language } from "@vygruppen/spor-react";
- * const root = React.createRoot(document.getElementById("root"))
- * root.render(
- *  <SporProvider language={Language.NorwegianBokmal}>
- *    <App />
- *  </SporProvider>
- * );
- * ```
- *
- * You can pass specific overrides to the theme if you need to. Adding application specific design tokens, for example could be a useful thing to do.
- *
- * ```tsx
- * import { extendTheme, SporProvider } from "@vygruppen/spor-react";
- * const theme = extendTheme({
- *  colors: { myApp: { primary: "tomato" } }
- * });
- * const root = React.createRoot(document.getElementById("root"))
- * root.render(
- *  <SporProvider language={Language.English} theme={theme}>
- *    <App />
- *  </SporProvider>
- * );
- * ```
- */
-declare const SporProvider: ({ theme, language, children, ...props }: SporProviderProps) => JSX.Element;
-
-export { SporProvider };
+export * from '@vygruppen/spor-provider-react';

package/dist/index.js

@@ -1,36 +1,8 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -43,9 +15,6 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
@@ -55,10 +24,9 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
-  SporProvider: () => SporProvider,
-  extendTheme: () => import_react4.extendTheme
+  extendTheme: () => import_react.extendTheme
 });
-var import_react4 = require("@chakra-ui/react");
+var import_react = require("@chakra-ui/react");
 __reExport(src_exports, require("@vygruppen/spor-accordion-react"));
 __reExport(src_exports, require("@vygruppen/spor-button-react"));
 __reExport(src_exports, require("@vygruppen/spor-card-react"));
@@ -77,34 +45,9 @@ __reExport(src_exports, require("@vygruppen/spor-tab-react"));
 __reExport(src_exports, require("@vygruppen/spor-table-react"));
 __reExport(src_exports, require("@vygruppen/spor-theme-react"));
 __reExport(src_exports, require("@vygruppen/spor-typography-react"));
-
-// src/SporProvider.tsx
-var import_react = require("@chakra-ui/react");
-var import_react2 = require("@emotion/react");
-var import_spor_i18n_react = require("@vygruppen/spor-i18n-react");
-var import_spor_theme_react = require("@vygruppen/spor-theme-react");
-var import_react3 = __toESM(require("react"));
-var SporProvider = (_a) => {
-  var _b = _a, {
-    theme = import_spor_theme_react.theme,
-    language,
-    children
-  } = _b, props = __objRest(_b, [
-    "theme",
-    "language",
-    "children"
-  ]);
-  return /* @__PURE__ */ import_react3.default.createElement(import_spor_i18n_react.LanguageProvider, {
-    value: language
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react.ChakraProvider, __spreadValues({
-    theme
-  }, props), /* @__PURE__ */ import_react3.default.createElement(import_react2.Global, {
-    styles: import_spor_theme_react.fontFaces
-  }), children));
-};
+__reExport(src_exports, require("@vygruppen/spor-provider-react"));
 module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SporProvider,
   extendTheme
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "0.12.6",
+  "version": "0.12.7",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -31,6 +31,7 @@
     "@vygruppen/spor-table-react": "*",
     "@vygruppen/spor-theme-react": "*",
     "@vygruppen/spor-popover-react": "*",
+    "@vygruppen/spor-provider-react": "*",
     "@vygruppen/spor-tab-react": "*",
     "@vygruppen/spor-typography-react": "*",
     "@vygruppen/spor-stepper-react": "*"

package/src/index.tsx

@@ -17,4 +17,4 @@ export * from "@vygruppen/spor-tab-react";
 export * from "@vygruppen/spor-table-react";
 export * from "@vygruppen/spor-theme-react";
 export * from "@vygruppen/spor-typography-react";
-export * from "./SporProvider";
+export * from "@vygruppen/spor-provider-react";

package/src/SporProvider.tsx

@@ -1,64 +0,0 @@
-import { ChakraProvider, ChakraProviderProps } from "@chakra-ui/react";
-import { Global } from "@emotion/react";
-import { Language, LanguageProvider } from "@vygruppen/spor-i18n-react";
-import {
-  fontFaces,
-  theme as defaultSporTheme,
-} from "@vygruppen/spor-theme-react";
-import React from "react";
-
-type SporProviderProps = ChakraProviderProps & {
-  language: Language;
-};
-
-/**
- * This component is used to provide the specified theme of colors and other
- * design tokens to the remainder of the application, as well as the current language.
- *
- * Please place it as close to the root of your application as possible -
- * at least before rendering any UI.
- *
- * You can pass your own theme to this component. If you don't (and most of the time you won't), the default Spor theme will be used.
- *
- * You do, however, need to specify the current language of your application. This is specified to provide any built-in microcopy and labels for any Spor components.
- *
- * ```tsx
- * * import { SporProvider, Language } from "@vygruppen/spor-react";
- * const root = React.createRoot(document.getElementById("root"))
- * root.render(
- *  <SporProvider language={Language.NorwegianBokmal}>
- *    <App />
- *  </SporProvider>
- * );
- * ```
- *
- * You can pass specific overrides to the theme if you need to. Adding application specific design tokens, for example could be a useful thing to do.
- *
- * ```tsx
- * import { extendTheme, SporProvider } from "@vygruppen/spor-react";
- * const theme = extendTheme({
- *  colors: { myApp: { primary: "tomato" } }
- * });
- * const root = React.createRoot(document.getElementById("root"))
- * root.render(
- *  <SporProvider language={Language.English} theme={theme}>
- *    <App />
- *  </SporProvider>
- * );
- * ```
- */
-export const SporProvider = ({
-  theme = defaultSporTheme,
-  language,
-  children,
-  ...props
-}: SporProviderProps) => {
-  return (
-    <LanguageProvider value={language}>
-      <ChakraProvider theme={theme} {...props}>
-        <Global styles={fontFaces} />
-        {children}
-      </ChakraProvider>
-    </LanguageProvider>
-  );
-};