@fremtind/jokul 5.3.0 → 5.4.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/README.md +8 -2
- package/build/build-stats.html +1 -1
- package/build/cjs/components/message/Message.cjs +1 -1
- package/build/cjs/components/message/Message.cjs.map +1 -1
- package/build/cjs/utilities/types.cjs +1 -1
- package/build/cjs/utilities/types.cjs.map +1 -1
- package/build/cjs/utilities/types.d.cts +1 -1
- package/build/es/components/message/Message.js +1 -1
- package/build/es/components/message/Message.js.map +1 -1
- package/build/es/utilities/types.d.ts +1 -1
- package/build/es/utilities/types.js +1 -1
- package/build/es/utilities/types.js.map +1 -1
- package/package.json +1 -2
- package/styles/base.css +154 -0
- package/styles/base.min.css +1 -1
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/file-input/file-input.css +9 -9
- package/styles/components/file-input/file-input.min.css +1 -1
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +3 -3
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/segmented-control/segmented-control.css +2 -2
- package/styles/components/segmented-control/segmented-control.min.css +1 -1
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/components.css +24 -24
- package/styles/components.min.css +1 -1
- package/styles/theme/_index.scss +1 -0
- package/styles/theme/brands/_index.scss +2 -0
- package/styles/theme/brands/dnb/_color-scheme.scss +121 -0
- package/styles/theme/brands/dnb/_fonts.scss +43 -0
- package/styles/theme/brands/dnb/_index.scss +6 -0
package/README.md
CHANGED
|
@@ -112,8 +112,9 @@ eller i ts/js
|
|
|
112
112
|
import "@fremtind/jokul/styles/components.scss";
|
|
113
113
|
```
|
|
114
114
|
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
> [!CAUTION]
|
|
116
|
+
> Vær obs på at du på denne måten kan få med en del mer stilark enn du trenger, så vurder dette opp mot
|
|
117
|
+
> størrelsen på bundelen du sender ut. Bruker du SSR kan dette ende med veldig mye overhead.
|
|
117
118
|
|
|
118
119
|
## Fonter
|
|
119
120
|
|
|
@@ -133,6 +134,11 @@ Dette gjør du med
|
|
|
133
134
|
);
|
|
134
135
|
```
|
|
135
136
|
|
|
137
|
+
> [!IMPORTANT]
|
|
138
|
+
> Merk at `@use ... with` må komme **før** du drar inn `styles/base` eller andre
|
|
139
|
+
> stilark som laster fontene, ellers rekker Sass å laste modulen med standard-
|
|
140
|
+
> verdien først.
|
|
141
|
+
|
|
136
142
|
### CSS
|
|
137
143
|
|
|
138
144
|
Om du ikke bruker Sass kan du bruke CSS-versjonen. Denne versjonen ser **kun** etter fontfilene på URLen `/fonts`, så det beste er å sørge for å kopiere fonter på en måte som gjør at de blir tilgjengelig på den URLen.
|