@vygruppen/spor-react 1.0.0 → 1.2.0

package/.turbo/turbo-build.log

@@ -1,18 +1,17 @@
-@vygruppen/spor-react:build: cache hit, replaying output 9208082950a4ebfe
-@vygruppen/spor-react:build: 
-@vygruppen/spor-react:build: > @vygruppen/spor-react@1.0.0 build
-@vygruppen/spor-react:build: > tsup src/* --dts --treeshake --format esm,cjs
-@vygruppen/spor-react:build: 
-@vygruppen/spor-react:build: CLI Building entry: src/index.tsx
-@vygruppen/spor-react:build: CLI Using tsconfig: tsconfig.json
-@vygruppen/spor-react:build: CLI tsup v6.2.3
-@vygruppen/spor-react:build: CLI Target: node14
-@vygruppen/spor-react:build: ESM Build start
-@vygruppen/spor-react:build: CJS Build start
-@vygruppen/spor-react:build: ESM dist/index.mjs 1.04 KB
-@vygruppen/spor-react:build: ESM ⚡️ Build success in 92ms
-@vygruppen/spor-react:build: CJS dist/index.js 6.43 KB
-@vygruppen/spor-react:build: CJS ⚡️ Build success in 76ms
-@vygruppen/spor-react:build: DTS Build start
-@vygruppen/spor-react:build: DTS ⚡️ Build success in 3744ms
-@vygruppen/spor-react:build: DTS dist/index.d.ts 1.04 KB
+
+> @vygruppen/spor-react@1.2.0 build
+> tsup src/* --dts --treeshake --format esm,cjs
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v6.2.3
+CLI Target: node14
+ESM Build start
+CJS Build start
+ESM dist/index.mjs 1.18 KB
+ESM ⚡️ Build success in 122ms
+CJS dist/index.js 7.29 KB
+CJS ⚡️ Build success in 103ms
+DTS Build start
+DTS ⚡️ Build success in 5254ms
+DTS dist/index.d.ts 1.18 KB

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @vygruppen/spor-react
 
+## 1.2.0
+
+### Minor Changes
+
+- 1b0d28d6: Add new alert component
+
+### Patch Changes
+
+- Updated dependencies [9a26a7c5]
+- Updated dependencies [1b0d28d6]
+  - @vygruppen/spor-icon-react@1.2.0
+  - @vygruppen/spor-alert-react@0.1.0
+  - @vygruppen/spor-theme-react@1.0.8
+
+## 1.1.0
+
+### Minor Changes
+
+- 43acbc1d: Add new package media-controller-react
+
+### Patch Changes
+
+- 6fd2530c: Add new package spor-util-react
+- Updated dependencies [43acbc1d]
+- Updated dependencies [6fd2530c]
+  - @vygruppen/spor-media-controller-react@0.1.0
+  - @vygruppen/spor-theme-react@1.0.3
+  - @vygruppen/spor-util-react@0.1.0
+
 ## 1.0.0
 
 ### Major Changes

package/README.md

@@ -5,23 +5,10 @@ This package includes everything you need to build your React component library.
 ## Installation
 
 ```bash
-$ npm install @vygruppen/spor-react @chakra-ui/react @emotion/styled @emotion/react framer-motion
+$ npm install @vygruppen/spor-react
+$ yarn add @vygruppen/spor-react
 ```
 
-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:
@@ -30,40 +17,8 @@ Import the components and functions you need as named imports:
 import { Button, Input } from "@vygruppen/spor-react";
 ```
 
-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).
-
-This package comes with one component of its own though - the `SporProvider`:
-
-```tsx
-import { SporProvider } from "@vygruppen/spor-react";
-```
-
-The `SporProvider` provides the rest of the Spor components with a theme and a language preference.
-
-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).
-
-You have to specify the current language (and save/retrieve it somehow). Here's a basic example:
-
-```tsx
-import { SporProvider, Language } from "@vygruppen/spor-react";
-
-const Root = () => {
-  return (
-    <SporProvider language={Language.NorwegianBokmal}>
-      <App />
-    </SporProvider>
-  );
-};
-```
-
-For more details about internationalization, please refer to the `spor-i18n-react` docs.
-
-You can also override the theme. Please refer to the `spor-theme-react` docs.
+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).
 
 ## Development
 
 Please refer to the root readme for development notes.
-
-```
-
-```

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { extendTheme } from '@chakra-ui/react';
 export * from '@vygruppen/spor-accordion-react';
+export * from '@vygruppen/spor-alert-react';
 export * from '@vygruppen/spor-button-react';
 export * from '@vygruppen/spor-card-react';
 export * from '@vygruppen/spor-datepicker-react';
@@ -13,6 +14,7 @@ export * from '@vygruppen/spor-linjetag-react';
 export * from '@vygruppen/spor-link-react';
 export * from '@vygruppen/spor-loader-react';
 export * from '@vygruppen/spor-logo-react';
+export * from '@vygruppen/spor-media-controller-react';
 export * from '@vygruppen/spor-modal-react';
 export * from '@vygruppen/spor-popover-react';
 export * from '@vygruppen/spor-provider-react';
@@ -21,3 +23,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 '@vygruppen/spor-util-react';

package/dist/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@chakra-ui/react');
 var sporAccordionReact = require('@vygruppen/spor-accordion-react');
+var sporAlertReact = require('@vygruppen/spor-alert-react');
 var sporButtonReact = require('@vygruppen/spor-button-react');
 var sporCardReact = require('@vygruppen/spor-card-react');
 var sporDatepickerReact = require('@vygruppen/spor-datepicker-react');
@@ -17,6 +18,7 @@ var sporLinjetagReact = require('@vygruppen/spor-linjetag-react');
 var sporLinkReact = require('@vygruppen/spor-link-react');
 var sporLoaderReact = require('@vygruppen/spor-loader-react');
 var sporLogoReact = require('@vygruppen/spor-logo-react');
+var sporMediaControllerReact = require('@vygruppen/spor-media-controller-react');
 var sporModalReact = require('@vygruppen/spor-modal-react');
 var sporPopoverReact = require('@vygruppen/spor-popover-react');
 var sporProviderReact = require('@vygruppen/spor-provider-react');
@@ -25,6 +27,7 @@ var sporTabReact = require('@vygruppen/spor-tab-react');
 var sporTableReact = require('@vygruppen/spor-table-react');
 var sporThemeReact = require('@vygruppen/spor-theme-react');
 var sporTypographyReact = require('@vygruppen/spor-typography-react');
+var sporUtilReact = require('@vygruppen/spor-util-react');
 
 
 
@@ -38,6 +41,12 @@ Object.keys(sporAccordionReact).forEach(function (k) {
     get: function () { return sporAccordionReact[k]; }
   });
 });
+Object.keys(sporAlertReact).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return sporAlertReact[k]; }
+  });
+});
 Object.keys(sporButtonReact).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
@@ -116,6 +125,12 @@ Object.keys(sporLogoReact).forEach(function (k) {
     get: function () { return sporLogoReact[k]; }
   });
 });
+Object.keys(sporMediaControllerReact).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return sporMediaControllerReact[k]; }
+  });
+});
 Object.keys(sporModalReact).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,
@@ -164,3 +179,9 @@ Object.keys(sporTypographyReact).forEach(function (k) {
     get: function () { return sporTypographyReact[k]; }
   });
 });
+Object.keys(sporUtilReact).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return sporUtilReact[k]; }
+  });
+});

package/dist/index.mjs

@@ -1,5 +1,6 @@
 export { extendTheme } from '@chakra-ui/react';
 export * from '@vygruppen/spor-accordion-react';
+export * from '@vygruppen/spor-alert-react';
 export * from '@vygruppen/spor-button-react';
 export * from '@vygruppen/spor-card-react';
 export * from '@vygruppen/spor-datepicker-react';
@@ -13,6 +14,7 @@ export * from '@vygruppen/spor-linjetag-react';
 export * from '@vygruppen/spor-link-react';
 export * from '@vygruppen/spor-loader-react';
 export * from '@vygruppen/spor-logo-react';
+export * from '@vygruppen/spor-media-controller-react';
 export * from '@vygruppen/spor-modal-react';
 export * from '@vygruppen/spor-popover-react';
 export * from '@vygruppen/spor-provider-react';
@@ -21,3 +23,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 '@vygruppen/spor-util-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -19,6 +19,7 @@
   "dependencies": {
     "@leile/lobo-t": "^1.0.5",
     "@vygruppen/spor-accordion-react": "*",
+    "@vygruppen/spor-alert-react": "*",
     "@vygruppen/spor-button-react": "*",
     "@vygruppen/spor-card-react": "*",
     "@vygruppen/spor-design-tokens": "*",
@@ -32,14 +33,16 @@
     "@vygruppen/spor-link-react": "*",
     "@vygruppen/spor-loader-react": "*",
     "@vygruppen/spor-logo-react": "*",
+    "@vygruppen/spor-media-controller-react": "*",
     "@vygruppen/spor-modal-react": "*",
+    "@vygruppen/spor-stepper-react": "*",
     "@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": "*",
+    "@vygruppen/spor-util-react": "*",
     "@chakra-ui/react": "^2.3.5",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/index.tsx

@@ -1,5 +1,6 @@
 export { extendTheme } from "@chakra-ui/react";
 export * from "@vygruppen/spor-accordion-react";
+export * from "@vygruppen/spor-alert-react";
 export * from "@vygruppen/spor-button-react";
 export * from "@vygruppen/spor-card-react";
 export * from "@vygruppen/spor-datepicker-react";
@@ -13,6 +14,7 @@ export * from "@vygruppen/spor-linjetag-react";
 export * from "@vygruppen/spor-link-react";
 export * from "@vygruppen/spor-loader-react";
 export * from "@vygruppen/spor-logo-react";
+export * from "@vygruppen/spor-media-controller-react";
 export * from "@vygruppen/spor-modal-react";
 export * from "@vygruppen/spor-popover-react";
 export * from "@vygruppen/spor-provider-react";
@@ -21,3 +23,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 "@vygruppen/spor-util-react";