@vygruppen/spor-react 0.14.6 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/.turbo/turbo-build.log +17 -18
  2. package/CHANGELOG.md +51 -0
  3. package/README.md +3 -48
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.js +14 -0
  6. package/dist/index.mjs +2 -0
  7. package/package.json +12 -14
  8. package/src/index.tsx +2 -0
package/.turbo/turbo-build.log CHANGED
@@ -1,18 +1,17 @@
1
- @vygruppen/spor-react:build: cache hit, replaying output 941c98de237625e4
2
- @vygruppen/spor-react:build:
3
- @vygruppen/spor-react:build: > @vygruppen/spor-react@0.14.6 build
4
- @vygruppen/spor-react:build: > tsup src/* --dts --treeshake --format esm,cjs
5
- @vygruppen/spor-react:build:
6
- @vygruppen/spor-react:build: CLI Building entry: src/index.tsx
7
- @vygruppen/spor-react:build: CLI Using tsconfig: tsconfig.json
8
- @vygruppen/spor-react:build: CLI tsup v6.2.2
9
- @vygruppen/spor-react:build: CLI Target: node14
10
- @vygruppen/spor-react:build: ESM Build start
11
- @vygruppen/spor-react:build: CJS Build start
12
- @vygruppen/spor-react:build: ESM dist/index.mjs 1.04 KB
13
- @vygruppen/spor-react:build: ESM ⚡️ Build success in 117ms
14
- @vygruppen/spor-react:build: CJS dist/index.js 6.43 KB
15
- @vygruppen/spor-react:build: CJS ⚡️ Build success in 96ms
16
- @vygruppen/spor-react:build: DTS Build start
17
- @vygruppen/spor-react:build: DTS ⚡️ Build success in 4493ms
18
- @vygruppen/spor-react:build: DTS dist/index.d.ts 1.04 KB
1
+
2
+ > @vygruppen/spor-react@1.1.0 build
3
+ > tsup src/* --dts --treeshake --format esm,cjs
4
+
5
+ CLI Building entry: src/index.tsx
6
+ CLI Using tsconfig: tsconfig.json
7
+ CLI tsup v6.2.3
8
+ CLI Target: node14
9
+ ESM Build start
10
+ CJS Build start
11
+ ESM dist/index.mjs 1.13 KB
12
+ ESM ⚡️ Build success in 116ms
13
+ CJS dist/index.js 7.02 KB
14
+ CJS ⚡️ Build success in 100ms
15
+ DTS Build start
16
+ DTS ⚡️ Build success in 5998ms
17
+ DTS dist/index.d.ts 1.13 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,56 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 43acbc1d: Add new package media-controller-react
8
+
9
+ ### Patch Changes
10
+
11
+ - 6fd2530c: Add new package spor-util-react
12
+ - Updated dependencies [43acbc1d]
13
+ - Updated dependencies [6fd2530c]
14
+ - @vygruppen/spor-media-controller-react@0.1.0
15
+ - @vygruppen/spor-theme-react@1.0.3
16
+ - @vygruppen/spor-util-react@0.1.0
17
+
18
+ ## 1.0.0
19
+
20
+ ### Major Changes
21
+
22
+ - e6158c62: Velkommen til den første stabile major-versjonen av Vy sitt komponentbibliotek for React - `@vygruppen/spor-react`.
23
+
24
+ Det er kun én breaking change i denne releasen - at vi nå krever en avhengighet på React 18.2 eller høyere.
25
+
26
+ Du kan også fjerne avhengighetene til `@chakra-ui/react`, `@emotion/*` og `framer-motion`, med mindre du bruker dem direkte.
27
+
28
+ ### Patch Changes
29
+
30
+ - Updated dependencies [7e8052a8]
31
+ - Updated dependencies [e6158c62]
32
+ - @vygruppen/spor-typography-react@1.0.0
33
+ - @vygruppen/spor-accordion-react@1.0.0
34
+ - @vygruppen/spor-button-react@1.0.0
35
+ - @vygruppen/spor-card-react@1.0.0
36
+ - @vygruppen/spor-datepicker-react@1.0.0
37
+ - @vygruppen/spor-i18n-react@1.0.0
38
+ - @vygruppen/spor-icon-react@1.0.0
39
+ - @vygruppen/spor-image-react@1.0.0
40
+ - @vygruppen/spor-input-react@1.0.0
41
+ - @vygruppen/spor-layout-react@1.0.0
42
+ - @vygruppen/spor-linjetag-react@1.0.0
43
+ - @vygruppen/spor-link-react@1.0.0
44
+ - @vygruppen/spor-loader-react@1.0.0
45
+ - @vygruppen/spor-logo-react@1.0.0
46
+ - @vygruppen/spor-modal-react@1.0.0
47
+ - @vygruppen/spor-popover-react@1.0.0
48
+ - @vygruppen/spor-provider-react@1.0.0
49
+ - @vygruppen/spor-stepper-react@1.0.0
50
+ - @vygruppen/spor-tab-react@1.0.0
51
+ - @vygruppen/spor-table-react@1.0.0
52
+ - @vygruppen/spor-theme-react@1.0.0
53
+
3
54
  ## 0.14.6
4
55
 
5
56
  ### Patch Changes
package/README.md CHANGED
@@ -5,23 +5,10 @@ This package includes everything you need to build your React component library.
5
5
  ## Installation
6
6
 
7
7
  ```bash
8
- $ npm install @vygruppen/spor-react @chakra-ui/react @emotion/styled @emotion/react framer-motion
8
+ $ npm install @vygruppen/spor-react
9
+ $ yarn add @vygruppen/spor-react
9
10
  ```
10
11
 
11
- or
12
-
13
- ```bash
14
- $ yarn add @vygruppen/spor-react @chakra-ui/react @emotion/styled @emotion/react framer-motion
15
- ```
16
-
17
- <details>
18
- <summary>That's a lot of dependencies! Why?</summary>
19
- 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.
20
-
21
- 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.
22
-
23
- </details>
24
-
25
12
  ## Usage
26
13
 
27
14
  Import the components and functions you need as named imports:
@@ -30,40 +17,8 @@ Import the components and functions you need as named imports:
30
17
  import { Button, Input } from "@vygruppen/spor-react";
31
18
  ```
32
19
 
33
- Each component and function comes with extensive documentation that shows up once you use it. Just hover over the component to make it show up in your IDE. There will also be interactive documentation available online sometime in The Future (tm).
34
-
35
- This package comes with one component of its own though - the `SporProvider`:
36
-
37
- ```tsx
38
- import { SporProvider } from "@vygruppen/spor-react";
39
- ```
40
-
41
- The `SporProvider` provides the rest of the Spor components with a theme and a language preference.
42
-
43
- Wrap your entire app with this component. It's important to place it before you render any UI, like where you mount your React app (`src/index.tsx` in Create React App based apps, and `pages/_app.tsx` in Next.js based apps).
44
-
45
- You have to specify the current language (and save/retrieve it somehow). Here's a basic example:
46
-
47
- ```tsx
48
- import { SporProvider, Language } from "@vygruppen/spor-react";
49
-
50
- const Root = () => {
51
- return (
52
- <SporProvider language={Language.NorwegianBokmal}>
53
- <App />
54
- </SporProvider>
55
- );
56
- };
57
- ```
58
-
59
- For more details about internationalization, please refer to the `spor-i18n-react` docs.
60
-
61
- You can also override the theme. Please refer to the `spor-theme-react` docs.
20
+ Each component and function comes with extensive documentation that shows up once you use it. Just hover over the component to make it show up in your IDE. Documentation is also available on [the documentation website](https://spor.cloud.vy.no).
62
21
 
63
22
  ## Development
64
23
 
65
24
  Please refer to the root readme for development notes.
66
-
67
- ```
68
-
69
- ```
package/dist/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export * from '@vygruppen/spor-linjetag-react';
13
13
  export * from '@vygruppen/spor-link-react';
14
14
  export * from '@vygruppen/spor-loader-react';
15
15
  export * from '@vygruppen/spor-logo-react';
16
+ export * from '@vygruppen/spor-media-controller-react';
16
17
  export * from '@vygruppen/spor-modal-react';
17
18
  export * from '@vygruppen/spor-popover-react';
18
19
  export * from '@vygruppen/spor-provider-react';
@@ -21,3 +22,4 @@ export * from '@vygruppen/spor-tab-react';
21
22
  export * from '@vygruppen/spor-table-react';
22
23
  export * from '@vygruppen/spor-theme-react';
23
24
  export * from '@vygruppen/spor-typography-react';
25
+ export * from '@vygruppen/spor-util-react';
package/dist/index.js CHANGED
@@ -17,6 +17,7 @@ var sporLinjetagReact = require('@vygruppen/spor-linjetag-react');
17
17
  var sporLinkReact = require('@vygruppen/spor-link-react');
18
18
  var sporLoaderReact = require('@vygruppen/spor-loader-react');
19
19
  var sporLogoReact = require('@vygruppen/spor-logo-react');
20
+ var sporMediaControllerReact = require('@vygruppen/spor-media-controller-react');
20
21
  var sporModalReact = require('@vygruppen/spor-modal-react');
21
22
  var sporPopoverReact = require('@vygruppen/spor-popover-react');
22
23
  var sporProviderReact = require('@vygruppen/spor-provider-react');
@@ -25,6 +26,7 @@ var sporTabReact = require('@vygruppen/spor-tab-react');
25
26
  var sporTableReact = require('@vygruppen/spor-table-react');
26
27
  var sporThemeReact = require('@vygruppen/spor-theme-react');
27
28
  var sporTypographyReact = require('@vygruppen/spor-typography-react');
29
+ var sporUtilReact = require('@vygruppen/spor-util-react');
28
30
 
29
31
 
30
32
 
@@ -116,6 +118,12 @@ Object.keys(sporLogoReact).forEach(function (k) {
116
118
  get: function () { return sporLogoReact[k]; }
117
119
  });
118
120
  });
121
+ Object.keys(sporMediaControllerReact).forEach(function (k) {
122
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
123
+ enumerable: true,
124
+ get: function () { return sporMediaControllerReact[k]; }
125
+ });
126
+ });
119
127
  Object.keys(sporModalReact).forEach(function (k) {
120
128
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
121
129
  enumerable: true,
@@ -164,3 +172,9 @@ Object.keys(sporTypographyReact).forEach(function (k) {
164
172
  get: function () { return sporTypographyReact[k]; }
165
173
  });
166
174
  });
175
+ Object.keys(sporUtilReact).forEach(function (k) {
176
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
177
+ enumerable: true,
178
+ get: function () { return sporUtilReact[k]; }
179
+ });
180
+ });
package/dist/index.mjs CHANGED
@@ -13,6 +13,7 @@ export * from '@vygruppen/spor-linjetag-react';
13
13
  export * from '@vygruppen/spor-link-react';
14
14
  export * from '@vygruppen/spor-loader-react';
15
15
  export * from '@vygruppen/spor-logo-react';
16
+ export * from '@vygruppen/spor-media-controller-react';
16
17
  export * from '@vygruppen/spor-modal-react';
17
18
  export * from '@vygruppen/spor-popover-react';
18
19
  export * from '@vygruppen/spor-provider-react';
@@ -21,3 +22,4 @@ export * from '@vygruppen/spor-tab-react';
21
22
  export * from '@vygruppen/spor-table-react';
22
23
  export * from '@vygruppen/spor-theme-react';
23
24
  export * from '@vygruppen/spor-typography-react';
25
+ export * from '@vygruppen/spor-util-react';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vygruppen/spor-react",
3
- "version": "0.14.6",
3
+ "version": "1.1.0",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -32,30 +32,28 @@
32
32
  "@vygruppen/spor-link-react": "*",
33
33
  "@vygruppen/spor-loader-react": "*",
34
34
  "@vygruppen/spor-logo-react": "*",
35
+ "@vygruppen/spor-media-controller-react": "*",
35
36
  "@vygruppen/spor-modal-react": "*",
37
+ "@vygruppen/spor-stepper-react": "*",
36
38
  "@vygruppen/spor-table-react": "*",
37
39
  "@vygruppen/spor-theme-react": "*",
38
40
  "@vygruppen/spor-popover-react": "*",
39
41
  "@vygruppen/spor-provider-react": "*",
40
42
  "@vygruppen/spor-tab-react": "*",
41
43
  "@vygruppen/spor-typography-react": "*",
42
- "@vygruppen/spor-stepper-react": "*"
44
+ "@vygruppen/spor-util-react": "*",
45
+ "@chakra-ui/react": "^2.3.5",
46
+ "@emotion/react": "^11.10.4",
47
+ "@emotion/styled": "^11.10.4",
48
+ "framer-motion": ">6.0.0"
43
49
  },
44
50
  "devDependencies": {
45
- "@chakra-ui/react": "^1.7.3",
46
- "@emotion/react": "^11.7.1",
47
- "@emotion/styled": "^11.6.0",
48
- "framer-motion": "^6.0.0",
49
- "react": "^17.0.2",
50
- "react-dom": "^17.0.2",
51
+ "react": "^18.2.0",
52
+ "react-dom": "^18.2.0",
51
53
  "tsup": "^6.2.2"
52
54
  },
53
55
  "peerDependencies": {
54
- "@chakra-ui/react": "^1.7.3",
55
- "@emotion/react": "^11.7.1",
56
- "@emotion/styled": "^11.6.0",
57
- "framer-motion": "3.x || 4.x || 5.x || 6.x",
58
- "react": ">= 17.0.0",
59
- "react-dom": ">= 17.0.0"
56
+ "react": "^18.2.0",
57
+ "react-dom": "^18.2.0"
60
58
  }
61
59
  }
package/src/index.tsx CHANGED
@@ -13,6 +13,7 @@ export * from "@vygruppen/spor-linjetag-react";
13
13
  export * from "@vygruppen/spor-link-react";
14
14
  export * from "@vygruppen/spor-loader-react";
15
15
  export * from "@vygruppen/spor-logo-react";
16
+ export * from "@vygruppen/spor-media-controller-react";
16
17
  export * from "@vygruppen/spor-modal-react";
17
18
  export * from "@vygruppen/spor-popover-react";
18
19
  export * from "@vygruppen/spor-provider-react";
@@ -21,3 +22,4 @@ export * from "@vygruppen/spor-tab-react";
21
22
  export * from "@vygruppen/spor-table-react";
22
23
  export * from "@vygruppen/spor-theme-react";
23
24
  export * from "@vygruppen/spor-typography-react";
25
+ export * from "@vygruppen/spor-util-react";