@vygruppen/spor-react 0.0.2 → 0.1.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 2900b11230676f8b
 @vygruppen/spor-react:build: 
-@vygruppen/spor-react:build: > @vygruppen/spor-react@0.0.2 build
+@vygruppen/spor-react:build: > @vygruppen/spor-react@0.1.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 ⚡️ Build success in 31ms
 @vygruppen/spor-react:build: CJS dist/index.js 4.01 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 3076ms
+@vygruppen/spor-react:build: DTS dist/index.d.ts 1.92 KB

package/CHANGELOG.md

@@ -1,6 +1,27 @@
 # @vygruppen/spor-react
 
+## 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

@@ -22,7 +22,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 +34,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -9,23 +9,27 @@
     "dev": "tsup src/index.tsx --watch"
   },
   "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-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" } }
  * });