@bi-digital/css 0.6.8 → 0.8.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 (32) hide show
  1. package/dist/baseline.css +1 -5
  2. package/dist/components/alert.css +0 -1
  3. package/dist/components/badge.css +0 -2
  4. package/dist/components/button.css +19 -35
  5. package/dist/components/card.css +24 -126
  6. package/dist/components/chip.css +8 -73
  7. package/dist/components/details.css +10 -5
  8. package/dist/components/dialog.css +5 -19
  9. package/dist/components/drawer.css +4 -19
  10. package/dist/components/dropdown.css +6 -14
  11. package/dist/components/field.css +37 -125
  12. package/dist/components/fieldset.css +2 -6
  13. package/dist/components/filter-group.css +10 -6
  14. package/dist/components/footer.css +7 -23
  15. package/dist/components/input.css +33 -148
  16. package/dist/components/label.css +1 -12
  17. package/dist/components/link.css +0 -6
  18. package/dist/components/logo.css +2 -2
  19. package/dist/components/navbar.css +1 -1
  20. package/dist/components/pagination.css +0 -29
  21. package/dist/components/popover.css +5 -6
  22. package/dist/components/search.css +0 -4
  23. package/dist/components/spinner.css +3 -1
  24. package/dist/components/sticky-header.css +0 -1
  25. package/dist/components/tabs.css +0 -1
  26. package/dist/components/validation-message.css +2 -10
  27. package/dist/components.css +553 -1053
  28. package/dist/index.css +30 -34
  29. package/dist/salesforce.css +582 -1082
  30. package/dist/tokens.css +29 -29
  31. package/package.json +7 -8
  32. package/readme.md +7 -9
package/dist/tokens.css CHANGED
@@ -193,33 +193,33 @@
193
193
  --bi-font-color-primary-dark-background: var(--bi-basic-white);
194
194
  --bi-font-color-accent-dark-background: var(--bi-primary-20);
195
195
  --bi-layout-navbar-height: var(--bi-scale-16x);
196
- --bi-font-display-large: var(--bi-font-weight-regular) 4rem / 4.5rem var(--bi-font-family-brand);
197
- --bi-font-display-medium: var(--bi-font-weight-regular) 3rem / 3.5rem var(--bi-font-family-brand);
198
- --bi-font-headline-large: var(--bi-font-weight-regular) 2.5rem / 2.875rem var(--bi-font-family-brand);
199
- --bi-font-headline-medium: var(--bi-font-weight-regular) 2.25rem / 2.5rem var(--bi-font-family-brand);
200
- --bi-font-headline-small: var(--bi-font-weight-regular) 1.75rem / 2rem var(--bi-font-family-brand);
201
- --bi-font-title-bold-xxl: var(--bi-font-weight-bold) 2rem / 2.25rem var(--bi-font-family-plain);
202
- --bi-font-title-bold-xl: var(--bi-font-weight-bold) 1.75rem / 2rem var(--bi-font-family-plain);
203
- --bi-font-title-bold-large: var(--bi-font-weight-bold) 1.5rem / 1.6875rem var(--bi-font-family-plain);
204
- --bi-font-title-bold-medium: var(--bi-font-weight-bold) 1.25rem / 1.4375rem var(--bi-font-family-plain);
205
- --bi-font-title-bold-small: var(--bi-font-weight-bold) 1.125rem / 1.25rem var(--bi-font-family-plain);
206
- --bi-font-title-bold-xs: var(--bi-font-weight-bold) 1rem / 1.125rem var(--bi-font-family-plain);
207
- --bi-font-title-bold-xxs: var(--bi-font-weight-bold) .875rem / 1rem var(--bi-font-family-plain);
208
- --bi-font-title-regular-xxl: var(--bi-font-weight-regular) 2rem / 2.25rem var(--bi-font-family-plain);
209
- --bi-font-title-regular-xl: var(--bi-font-weight-regular) 1.75rem / 2rem var(--bi-font-family-plain);
210
- --bi-font-title-regular-large: var(--bi-font-weight-regular) 1.5rem / 1.6875rem var(--bi-font-family-plain);
211
- --bi-font-title-regular-medium: var(--bi-font-weight-regular) 1.25rem / 1.4375rem var(--bi-font-family-plain);
212
- --bi-font-title-regular-small: var(--bi-font-weight-regular) 1.125rem / 1.25rem var(--bi-font-family-plain);
213
- --bi-font-title-regular-xs: var(--bi-font-weight-regular) 1rem / 1.125rem var(--bi-font-family-plain);
214
- --bi-font-title-regular-xxs: var(--bi-font-weight-regular) .875rem / 1rem var(--bi-font-family-plain);
215
- --bi-font-label-xl: var(--bi-font-weight-bold) 1.125rem / 1.6875rem var(--bi-font-family-plain);
216
- --bi-font-label-large: var(--bi-font-weight-bold) 1rem / 1.5rem var(--bi-font-family-plain);
217
- --bi-font-label-medium: var(--bi-font-weight-bold) .875rem / 1.25rem var(--bi-font-family-plain);
218
- --bi-font-label-small: var(--bi-font-weight-bold) .8125rem / 1.25rem var(--bi-font-family-plain);
219
- --bi-font-label-xs: var(--bi-font-weight-bold) .75rem / 1.125rem var(--bi-font-family-plain);
220
- --bi-font-body-xl: var(--bi-font-weight-regular) 1.125rem / 1.6875rem var(--bi-font-family-plain);
221
- --bi-font-body-large: var(--bi-font-weight-regular) 1rem / 1.5rem var(--bi-font-family-plain);
222
- --bi-font-body-medium: var(--bi-font-weight-regular) .875rem / 1.3125rem var(--bi-font-family-plain);
223
- --bi-font-body-small: var(--bi-font-weight-regular) .8125rem / 1.25rem var(--bi-font-family-plain);
224
- --bi-font-body-xs: var(--bi-font-weight-regular) .75rem / 1.125rem var(--bi-font-family-plain);
196
+ --bi-font-display-large: var(--bi-font-weight-regular) 4rem/4.5rem var(--bi-font-family-brand);
197
+ --bi-font-display-medium: var(--bi-font-weight-regular) 3rem/3.5rem var(--bi-font-family-brand);
198
+ --bi-font-headline-large: var(--bi-font-weight-regular) 2.5rem/2.875rem var(--bi-font-family-brand);
199
+ --bi-font-headline-medium: var(--bi-font-weight-regular) 2.25rem/2.5rem var(--bi-font-family-brand);
200
+ --bi-font-headline-small: var(--bi-font-weight-regular) 1.75rem/2rem var(--bi-font-family-brand);
201
+ --bi-font-title-bold-xxl: var(--bi-font-weight-bold) 2rem/2.25rem var(--bi-font-family-plain);
202
+ --bi-font-title-bold-xl: var(--bi-font-weight-bold) 1.75rem/2rem var(--bi-font-family-plain);
203
+ --bi-font-title-bold-large: var(--bi-font-weight-bold) 1.5rem/1.6875rem var(--bi-font-family-plain);
204
+ --bi-font-title-bold-medium: var(--bi-font-weight-bold) 1.25rem/1.4375rem var(--bi-font-family-plain);
205
+ --bi-font-title-bold-small: var(--bi-font-weight-bold) 1.125rem/1.25rem var(--bi-font-family-plain);
206
+ --bi-font-title-bold-xs: var(--bi-font-weight-bold) 1rem/1.125rem var(--bi-font-family-plain);
207
+ --bi-font-title-bold-xxs: var(--bi-font-weight-bold) .875rem/1rem var(--bi-font-family-plain);
208
+ --bi-font-title-regular-xxl: var(--bi-font-weight-regular) 2rem/2.25rem var(--bi-font-family-plain);
209
+ --bi-font-title-regular-xl: var(--bi-font-weight-regular) 1.75rem/2rem var(--bi-font-family-plain);
210
+ --bi-font-title-regular-large: var(--bi-font-weight-regular) 1.5rem/1.6875rem var(--bi-font-family-plain);
211
+ --bi-font-title-regular-medium: var(--bi-font-weight-regular) 1.25rem/1.4375rem var(--bi-font-family-plain);
212
+ --bi-font-title-regular-small: var(--bi-font-weight-regular) 1.125rem/1.25rem var(--bi-font-family-plain);
213
+ --bi-font-title-regular-xs: var(--bi-font-weight-regular) 1rem/1.125rem var(--bi-font-family-plain);
214
+ --bi-font-title-regular-xxs: var(--bi-font-weight-regular) .875rem/1rem var(--bi-font-family-plain);
215
+ --bi-font-label-xl: var(--bi-font-weight-bold) 1.125rem/1.6875rem var(--bi-font-family-plain);
216
+ --bi-font-label-large: var(--bi-font-weight-bold) 1rem/1.5rem var(--bi-font-family-plain);
217
+ --bi-font-label-medium: var(--bi-font-weight-bold) .875rem/1.25rem var(--bi-font-family-plain);
218
+ --bi-font-label-small: var(--bi-font-weight-bold) .8125rem/1.25rem var(--bi-font-family-plain);
219
+ --bi-font-label-xs: var(--bi-font-weight-bold) .75rem/1.125rem var(--bi-font-family-plain);
220
+ --bi-font-body-xl: var(--bi-font-weight-regular) 1.125rem/1.6875rem var(--bi-font-family-plain);
221
+ --bi-font-body-large: var(--bi-font-weight-regular) 1rem/1.5rem var(--bi-font-family-plain);
222
+ --bi-font-body-medium: var(--bi-font-weight-regular) .875rem/1.3125rem var(--bi-font-family-plain);
223
+ --bi-font-body-small: var(--bi-font-weight-regular) .8125rem/1.25rem var(--bi-font-family-plain);
224
+ --bi-font-body-xs: var(--bi-font-weight-regular) .75rem/1.125rem var(--bi-font-family-plain);
225
225
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
3
  "type": "module",
4
- "version": "0.6.8",
4
+ "version": "0.8.0",
5
5
  "engines": {
6
6
  "node": "^20.19.0 || >=22.12.0"
7
7
  },
@@ -30,16 +30,15 @@
30
30
  "/dist"
31
31
  ],
32
32
  "devDependencies": {
33
- "browserslist": "^4.28.0",
34
- "glob": "^13.0.0",
35
- "lightningcss": "^1.30.2",
33
+ "browserslist": "^4.28.1",
34
+ "glob": "^13.0.3",
35
+ "lightningcss": "^1.31.1",
36
36
  "modern-normalize": "^3.0.1",
37
- "rimraf": "^6.1.0",
38
- "@bi-digital/tokens": "0.6.8"
37
+ "rimraf": "^6.1.2",
38
+ "@bi-digital/tokens": "0.8.0"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rimraf dist && node config.js",
42
- "dev": "rimraf dist && node --watch-path=./src config.js",
43
- "lint": "eslint ."
42
+ "dev": "rimraf dist && node --watch-path=./src config.js"
44
43
  }
45
44
  }
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