@vygruppen/spor-react 1.0.0 → 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.
- package/.turbo/turbo-build.log +17 -18
- package/CHANGELOG.md +15 -0
- package/README.md +3 -48
- package/dist/index.d.ts +2 -0
- package/dist/index.js +14 -0
- package/dist/index.mjs +2 -0
- package/package.json +4 -2
- package/src/index.tsx +2 -0
package/.turbo/turbo-build.log
CHANGED
@@ -1,18 +1,17 @@
|
|
1
|
-
|
2
|
-
@vygruppen/spor-react
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
@vygruppen/spor-react:build: [32mDTS[39m [1mdist/index.d.ts [22m[32m1.04 KB[39m
|
1
|
+
|
2
|
+
> @vygruppen/spor-react@1.1.0 build
|
3
|
+
> tsup src/* --dts --treeshake --format esm,cjs
|
4
|
+
|
5
|
+
[34mCLI[39m Building entry: src/index.tsx
|
6
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
7
|
+
[34mCLI[39m tsup v6.2.3
|
8
|
+
[34mCLI[39m Target: node14
|
9
|
+
[34mESM[39m Build start
|
10
|
+
[34mCJS[39m Build start
|
11
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m1.13 KB[39m
|
12
|
+
[32mESM[39m ⚡️ Build success in 116ms
|
13
|
+
[32mCJS[39m [1mdist/index.js [22m[32m7.02 KB[39m
|
14
|
+
[32mCJS[39m ⚡️ Build success in 100ms
|
15
|
+
[34mDTS[39m Build start
|
16
|
+
[32mDTS[39m ⚡️ Build success in 5998ms
|
17
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m1.13 KB[39m
|
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,20 @@
|
|
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
|
+
|
3
18
|
## 1.0.0
|
4
19
|
|
5
20
|
### Major 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
|
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.
|
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": "1.
|
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,14 +32,16 @@
|
|
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-
|
44
|
+
"@vygruppen/spor-util-react": "*",
|
43
45
|
"@chakra-ui/react": "^2.3.5",
|
44
46
|
"@emotion/react": "^11.10.4",
|
45
47
|
"@emotion/styled": "^11.10.4",
|
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";
|