@vygruppen/spor-react 0.0.2 → 0.2.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
-@vygruppen/spor-react:build: cache hit, replaying output 74906cfe0f36c6f4
+@vygruppen/spor-react:build: cache hit, replaying output 299fc835ace8ced1
 @vygruppen/spor-react:build: 
-@vygruppen/spor-react:build: > @vygruppen/spor-react@0.0.2 build
+@vygruppen/spor-react:build: > @vygruppen/spor-react@0.2.0 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.11
 @vygruppen/spor-react:build: CLI Target: node12
 @vygruppen/spor-react:build: CJS Build start
-@vygruppen/spor-react:build: CJS ⚡️ Build success in 41ms
-@vygruppen/spor-react:build: CJS dist/index.js 4.01 KB
+@vygruppen/spor-react:build: CJS ⚡️ Build success in 31ms
+@vygruppen/spor-react:build: CJS dist/index.js 6.19 KB
 @vygruppen/spor-react:build: DTS Build start
-@vygruppen/spor-react:build: DTS ⚡️ Build success in 3592ms
-@vygruppen/spor-react:build: DTS dist/index.d.ts 1.90 KB
+@vygruppen/spor-react:build: DTS ⚡️ Build success in 3575ms
+@vygruppen/spor-react:build: DTS dist/index.d.ts 2.01 KB

package/CHANGELOG.md

@@ -1,6 +1,66 @@
 # @vygruppen/spor-react
 
+## 0.2.0
+
+### Minor Changes
+
+- 7dfe259: Add typography package
+- 2eac310: Add layout package
+
+### Patch Changes
+
+- Updated dependencies [2eac310]
+  - @vygruppen/spor-layout-react@0.0.2
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [fb429ab]
+- Updated dependencies [65feebf]
+- Updated dependencies [ee71c70]
+- Updated dependencies [24b0a72]
+- Updated dependencies [91e50b0]
+- Updated dependencies [8d088e0]
+  - @vygruppen/spor-input-react@0.1.0
+  - @vygruppen/spor-theme-react@0.0.4
+
+## 0.1.1
+
+### Patch Changes
+
+- 099d492: Add repository and home page metadata to all packages
+- Updated dependencies [6f145b6]
+- Updated dependencies [099d492]
+- Updated dependencies [146bdda]
+  - @vygruppen/spor-theme-react@0.0.3
+  - @vygruppen/spor-button-react@0.0.3
+  - @vygruppen/spor-i18n-react@0.0.3
+  - @vygruppen/spor-input-react@0.0.3
+  - @vygruppen/spor-logo-react@0.0.3
+
+## 0.1.0
+
+### Minor Changes
+
+- a8d2de3: Add peer dependencies to `@vygruppen/spor-react`
+
+  In order to optimize for flexibility, the `spor-react` package loses a few direct dependencies, and adds them as peer dependencies.
+
+  This is a **breaking change**. To upgrade, please run:
+
+  ```bash
+  $ npm install @chakra-ui/react @emotion/styled @emotion/react framer-motion
+  ```
+
+  or:
+
+  ```bash
+  $ yarn add @chakra-ui/react @emotion/styled @emotion/react framer-motion
+  ```
+
 ## 0.0.2
+
 ### Patch Changes
 
 - 8e5444a: Fix a bug where the published packages specified the source files, instead of the built dist files

package/README.md

@@ -5,9 +5,23 @@ This package includes everything you need to build your React component library.
 ## Installation
 
 ```bash
-$ npm install @vygruppen/spor-react
+$ npm install @vygruppen/spor-react @chakra-ui/react @emotion/styled @emotion/react framer-motion
 ```
 
+or
+
+```bash
+$ yarn add @vygruppen/spor-react @chakra-ui/react @emotion/styled @emotion/react framer-motion
+```
+
+<details>
+<summary>That's a lot of dependencies! Why?</summary>
+The reason there's a lot of dependencies, is that you'll most likely use both Chakra UI and framer-motion to implement your application, and you shouldn't be required to install these dependencies twice.
+
+You'll also be able to update them independently of this library, in case there's a new feature or non-breaking feature out there that you need.
+
+</details>
+
 ## Usage
 
 Import the components and functions you need as named imports:

package/dist/index.d.ts

@@ -4,8 +4,10 @@ export * from '@vygruppen/spor-button-react';
 import { Language } from '@vygruppen/spor-i18n-react';
 export * from '@vygruppen/spor-i18n-react';
 export * from '@vygruppen/spor-input-react';
+export * from '@vygruppen/spor-layout-react';
 export * from '@vygruppen/spor-logo-react';
 export * from '@vygruppen/spor-theme-react';
+export * from '@vygruppen/spor-typography-react';
 
 declare type SporProviderProps = ChakraProviderProps & {
     language: Language;
@@ -22,7 +24,7 @@ declare type SporProviderProps = ChakraProviderProps & {
  * 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 "@spor-react";
+ * * import { SporProvider, Language } from "@vygruppen/spor-react";
  * const root = React.createRoot(document.getElementById("root"))
  * root.render(
  *  <SporProvider language={Language.NorwegianBokmal}>
@@ -34,7 +36,7 @@ declare type SporProviderProps = ChakraProviderProps & {
  * 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 "@spor-react";
+ * import { extendTheme, SporProvider } from "@vygruppen/spor-react";
  * const theme = extendTheme({
  *  colors: { myApp: { primary: "tomato" } }
  * });

package/dist/index.js

@@ -31,6 +31,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -52,20 +58,66 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 
+// ../../node_modules/tsup/assets/cjs_shims.js
+var init_cjs_shims = __esm({
+  "../../node_modules/tsup/assets/cjs_shims.js"() {
+  }
+});
+
+// ../spor-typography-react/dist/index.js
+var require_dist = __commonJS({
+  "../spor-typography-react/dist/index.js"(exports, module2) {
+    init_cjs_shims();
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __markAsModule2 = (target) => __defProp2(target, "__esModule", { value: true });
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __reExport2 = (target, module22, copyDefault, desc) => {
+      if (module22 && typeof module22 === "object" || typeof module22 === "function") {
+        for (let key of __getOwnPropNames2(module22))
+          if (!__hasOwnProp2.call(target, key) && (copyDefault || key !== "default"))
+            __defProp2(target, key, { get: () => module22[key], enumerable: !(desc = __getOwnPropDesc2(module22, key)) || desc.enumerable });
+      }
+      return target;
+    };
+    var __toCommonJS2 = /* @__PURE__ */ ((cache) => {
+      return (module22, temp) => {
+        return cache && cache.get(module22) || (temp = __reExport2(__markAsModule2({}), module22, 1), cache && cache.set(module22, temp), temp);
+      };
+    })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+    var src_exports2 = {};
+    __export2(src_exports2, {
+      Heading: () => import_react5.Heading,
+      Text: () => import_react5.Text
+    });
+    var import_react5 = require("@chakra-ui/react");
+    module2.exports = __toCommonJS2(src_exports2);
+  }
+});
+
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
   SporProvider: () => SporProvider,
   extendTheme: () => import_react4.extendTheme
 });
+init_cjs_shims();
 var import_react4 = require("@chakra-ui/react");
 __reExport(src_exports, require("@vygruppen/spor-button-react"));
 __reExport(src_exports, require("@vygruppen/spor-i18n-react"));
 __reExport(src_exports, require("@vygruppen/spor-input-react"));
+__reExport(src_exports, require("@vygruppen/spor-layout-react"));
 __reExport(src_exports, require("@vygruppen/spor-logo-react"));
 __reExport(src_exports, require("@vygruppen/spor-theme-react"));
+__reExport(src_exports, __toESM(require_dist()));
 
 // src/SporProvider.tsx
+init_cjs_shims();
 var import_react = require("@chakra-ui/react");
 var import_react2 = require("@emotion/react");
 var import_spor_i18n_react = require("@vygruppen/spor-i18n-react");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "0.0.2",
+  "version": "0.2.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -8,24 +8,35 @@
     "build": "tsup src/index.tsx --dts",
     "dev": "tsup src/index.tsx --watch"
   },
+  "homepage": "https://github.com/nsbno/spor/tree/main/packages/spor-react",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nsbno/spor.git",
+    "directory": "packages/spor-react"
+  },
   "dependencies": {
-    "@chakra-ui/react": "^1.7.3",
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.6.0",
     "@leile/lobo-t": "^1.0.5",
     "@vygruppen/spor-button-react": "*",
     "@vygruppen/spor-input-react": "*",
+    "@vygruppen/spor-layout-react": "*",
     "@vygruppen/spor-logo-react": "*",
     "@vygruppen/spor-theme-react": "*",
-    "@vygruppen/spor-i18n-react": "*",
-    "framer-motion": "^4.1.17"
+    "@vygruppen/spor-i18n-react": "*"
   },
   "devDependencies": {
+    "@chakra-ui/react": "^1.7.3",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "framer-motion": "^5.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "tsup": "^5.11.11"
   },
   "peerDependencies": {
+    "@chakra-ui/react": "^1.7.3",
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "framer-motion": "^4.1.0 || ^5.0.0",
     "react": ">= 17.0.0",
     "react-dom": ">= 17.0.0"
   }

package/src/SporProvider.tsx

@@ -23,7 +23,7 @@ type SporProviderProps = ChakraProviderProps & {
  * 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 "@spor-react";
+ * * import { SporProvider, Language } from "@vygruppen/spor-react";
  * const root = React.createRoot(document.getElementById("root"))
  * root.render(
  *  <SporProvider language={Language.NorwegianBokmal}>
@@ -35,7 +35,7 @@ type SporProviderProps = ChakraProviderProps & {
  * 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 "@spor-react";
+ * import { extendTheme, SporProvider } from "@vygruppen/spor-react";
  * const theme = extendTheme({
  *  colors: { myApp: { primary: "tomato" } }
  * });

package/src/index.tsx

@@ -2,6 +2,8 @@ export { extendTheme } from "@chakra-ui/react";
 export * from "@vygruppen/spor-button-react";
 export * from "@vygruppen/spor-i18n-react";
 export * from "@vygruppen/spor-input-react";
+export * from "@vygruppen/spor-layout-react";
 export * from "@vygruppen/spor-logo-react";
 export * from "@vygruppen/spor-theme-react";
+export * from "@vygruppen/spor-typography-react";
 export * from "./SporProvider";