@nl-rvo/css-loader 2.1.2 → 2.2.0

package/dist/{index.min.css → loader.css}

@@ -1 +1 @@
-.rvo-loader{align-items:center;background-color:var(--rvo-color-grijs-050);display:flex;flex-direction:column;gap:var(--rvo-space-sm);justify-content:center;min-block-size:200px;padding-block-end:var(--rvo-space-md);padding-block-start:var(--rvo-space-md);padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-loader--overlay{block-size:100%;inline-size:100%;position:absolute}.rvo-loader__icon{align-items:center;display:flex;justify-content:center}.rvo-loader__icon--animated{animation-duration:3s;animation-iteration-count:infinite;animation-name:rvo-rotate}.rvo-loader__warning{gap:var(--rvo-space-xs)}.rvo-loader__actions,.rvo-loader__warning{align-items:center;display:flex;justify-content:center}.rvo-loader__actions{gap:var(--rvo-space-md)}@keyframes rvo-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.rvo-loader{align-items:center;background-color:var(--rvo-color-grijs-050);display:flex;flex-direction:column;gap:var(--rvo-space-sm);justify-content:center;min-block-size:200px;padding-block-end:var(--rvo-space-md);padding-block-start:var(--rvo-space-md);padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-loader--overlay{block-size:100%;inline-size:100%;position:absolute}.rvo-loader__icon{align-items:center;display:flex;justify-content:center}.rvo-loader__icon--animated{animation-duration:3000ms;animation-iteration-count:infinite;animation-name:rvo-rotate}.rvo-loader__warning{align-items:center;display:flex;gap:var(--rvo-space-xs);justify-content:center}.rvo-loader__actions{align-items:center;display:flex;gap:var(--rvo-space-md);justify-content:center}@keyframes rvo-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}/*# sourceMappingURL=loader.css.map */

package/dist/loader.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/loader.scss"],"names":[],"mappings":"AAAA,YACE,mBACA,4CACA,aACA,sBACA,wBACA,uBACA,qBACA,sCACA,wCACA,uCACA,yCAEA,qBACE,gBACA,iBACA,kBAGF,kBACE,mBACA,aACA,uBAEA,4BACE,0BACA,mCACA,0BAIJ,qBACE,mBACA,aACA,wBACA,uBAGF,qBACE,mBACA,aACA,wBACA,uBAIJ,sBACE,KACE,uBAGF,GACE","file":"loader.css"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.2",
+  "version": "2.2.0",
   "author": "Community for NL Design System",
   "license": "CC0-1.0",
   "name": "@nl-rvo/css-loader",
@@ -9,27 +9,26 @@
     "css",
     "link"
   ],
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/rvo.git",
+    "directory": "components/loader/style"
+  },
   "files": [
-    "src/index.scss",
-    "dist/",
-    "design-tokens.json",
-    "*.md"
+    "src/",
+    "dist/"
   ],
-  "main": "dist/index.css",
+  "exports": {
+    ".": "./dist/loader.css",
+    "./dist/*": "./dist/*"
+  },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/rvo.git",
-    "directory": "components/loader"
-  },
-  "devDependencies": {
-    "@nl-rvo/build-utils-css": "0.1.0"
-  },
   "scripts": {
-    "build": "build-css-package",
-    "clean": "rimraf dist"
+    "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
+    "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
+    "clean": "rimraf ./dist/"
   }
 }

package/CHANGELOG.md

@@ -1,37 +0,0 @@
-# @nl-rvo/css-loader
-
-## 2.1.2
-
-### Patch Changes
-
-- 084a230: Ensure package is published with provenance
-
-## 2.1.1
-
-### Patch Changes
-
-- 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
-
-## 2.1.0
-
-### Minor Changes
-
-- fa36e07: Project structure updates
-
-  - Moved all Storybook stories to the /stories directory.
-  - Moved all documentation files to the /docs directory.
-  - Removed React components from library-component-react and moved them into this package.
-  - Update all .stories imports to the right react package "component-library-react"
-  - Fix all Redundant / PascalCase lint warnings for .stories files.
-
-## 2.0.1
-
-### Patch Changes
-
-- 11eb258: Update imports to support storybook v10
-
-## 2.0.0
-
-### Major Changes
-
-- 1dee453: Added a new componont to be used, the loader.

package/README.md

@@ -1,8 +0,0 @@
-De Loader kan men gebruiken om een tijdelijk laadscherm te tonen als het ophalen van de informatie een korte tijd bedraagd, of het laden van een pagina.
-Standaard is de loader leeg met alleen een draaiend icoon. Als je de loader over de gehele pagina wil laden vallen, of over een specieke div, maak dan gebruik van `overlay`. De Loader zal binnen het element vallen als `position: relative;` wordt gebruikt.
-
-Als na enige tijd het laden nog te lang duurt, kun je een status bericht tonen of twee action buttons tonen. Dit zijn allemaal optionele parameters.
-
-- Toon altijd een 'loader' bij belangrijke 'verzend'-momenten.
-- Informeer de gebruiker tijdens het tonen van de 'loader' wat er gebeurt.
-- Duurt het laden langer dan 30 seconden laat dan een foutmelding zien en een knop om het opnieuw te proberen.

package/dist/index.css

@@ -1,49 +0,0 @@
-.rvo-loader {
-  align-items: center;
-  background-color: var(--rvo-color-grijs-050);
-  display: flex;
-  flex-direction: column;
-  gap: var(--rvo-space-sm);
-  justify-content: center;
-  min-block-size: 200px;
-  padding-block-end: var(--rvo-space-md);
-  padding-block-start: var(--rvo-space-md);
-  padding-inline-end: var(--rvo-space-md);
-  padding-inline-start: var(--rvo-space-md);
-}
-.rvo-loader--overlay {
-  block-size: 100%;
-  inline-size: 100%;
-  position: absolute;
-}
-.rvo-loader__icon {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-.rvo-loader__icon--animated {
-  animation-duration: 3000ms;
-  animation-iteration-count: infinite;
-  animation-name: rvo-rotate;
-}
-.rvo-loader__warning {
-  align-items: center;
-  display: flex;
-  gap: var(--rvo-space-xs);
-  justify-content: center;
-}
-.rvo-loader__actions {
-  align-items: center;
-  display: flex;
-  gap: var(--rvo-space-md);
-  justify-content: center;
-}
-
-@keyframes rvo-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/dist/index.mjs

@@ -1 +0,0 @@
-export default ".rvo-loader{align-items:center;background-color:var(--rvo-color-grijs-050);display:flex;flex-direction:column;gap:var(--rvo-space-sm);justify-content:center;min-block-size:200px;padding-block-end:var(--rvo-space-md);padding-block-start:var(--rvo-space-md);padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-loader--overlay{block-size:100%;inline-size:100%;position:absolute}.rvo-loader__icon{align-items:center;display:flex;justify-content:center}.rvo-loader__icon--animated{animation-duration:3s;animation-iteration-count:infinite;animation-name:rvo-rotate}.rvo-loader__warning{gap:var(--rvo-space-xs)}.rvo-loader__actions,.rvo-loader__warning{align-items:center;display:flex;justify-content:center}.rvo-loader__actions{gap:var(--rvo-space-md)}@keyframes rvo-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";

package/dist/index.mjs.d.ts

@@ -1,2 +0,0 @@
-declare const css: string;
-export default css;