@bi-digital/css 0.7.0 → 0.9.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/package.json CHANGED
@@ -1,10 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
3
  "type": "module",
4
- "version": "0.7.0",
5
- "engines": {
6
- "node": "^20.19.0 || >=22.12.0"
7
- },
4
+ "version": "0.9.0",
8
5
  "description": "CSS for the BI Design System",
9
6
  "author": "BI Digital",
10
7
  "homepage": "https://designsystem.bi.no/",
@@ -31,11 +28,11 @@
31
28
  ],
32
29
  "devDependencies": {
33
30
  "browserslist": "^4.28.1",
34
- "glob": "^13.0.1",
31
+ "glob": "^13.0.5",
35
32
  "lightningcss": "^1.31.1",
36
33
  "modern-normalize": "^3.0.1",
37
34
  "rimraf": "^6.1.2",
38
- "@bi-digital/tokens": "0.7.0"
35
+ "@bi-digital/tokens": "0.9.0"
39
36
  },
40
37
  "scripts": {
41
38
  "build": "rimraf dist && node config.js",
package/readme.md CHANGED
@@ -6,6 +6,7 @@ CSS for BI's design system.
6
6
  - Font loading
7
7
  - Modern-normalize.css
8
8
  - Print styling
9
+ - Component styles
9
10
 
10
11
  This library is a requirement when using the BI Design System, but can also be used elsewhere.
11
12
 
@@ -14,19 +15,22 @@ This library is a requirement when using the BI Design System, but can also be u
14
15
  In `.css`-files:
15
16
 
16
17
  ```css
17
- @import '@bi-digital/css';
18
+ @import '@bi-digital/css'; /* Tokens, fonts, normalize and print-styles */
19
+ @import '@bi-digital/css/dist/components.css'; /* Component styles must be imported specifically */
18
20
  ```
19
21
 
20
22
  In `.jsx`/`.tsx`-files:
21
23
 
22
24
  ```ts
23
25
  import '@bi-digital/css';
26
+ import '@bi-digital/css/dist/components.css'; /* Component styles must be imported specifically */
24
27
  ```
25
28
 
26
- CDN:
29
+ CDN (jsDelivr):
27
30
 
28
31
  ```html
29
32
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@bi-digital/css@latest/dist/index.min.css" />
33
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@bi-digital/css@latest/dist/components.min.css" />
30
34
  ```
31
35
 
32
36
  We recommend replacing `latest` with a specific version to avoid errors when the library is updated.
@@ -41,14 +45,8 @@ You can choose to only import some of the styles:
41
45
  @import '@bi-digital/css/dist/print.css';
42
46
  @import '@bi-digital/css/dist/reset.css';
43
47
  @import '@bi-digital/css/dist/tokens.css';
44
- ```
45
-
46
- ### Minified
47
48
 
48
- All the CSS-files have minified equivalents. Most bundlers and frameworks handles this automatically, but this can be useful when loading the CSS from a CDN or in other solutions that don't run post-processing on the CSS.
49
-
50
- ```css
51
- @import '@bi-digital/css/dist/index.min.css';
49
+ @import '@bi-digital/css/dist/components.css';
52
50
  ```
53
51
 
54
52
  ### VSCode-extensions