@navikt/ds-css 2.0.0-next.0 → 2.0.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/CHANGELOG.md +4 -2
- package/README.md +6 -13
- package/accordion.css +1 -1
- package/baseline/fonts.css +0 -6
- package/button.css +2 -2
- package/dist/index.css +12 -16
- package/package.json +4 -4
- package/table.css +2 -1
- package/toggle-group.css +3 -3
- package/tokens.json +6 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
# @navikt/ds-css
|
|
2
2
|
|
|
3
|
-
## 2.0.0
|
|
3
|
+
## 2.0.0
|
|
4
4
|
|
|
5
5
|
### Major Changes
|
|
6
6
|
|
|
7
|
-
- v2: Tokens update and font-loading
|
|
7
|
+
- [`6b96e4833`](https://github.com/navikt/Designsystemet/commit/6b96e48330c2e013a1acee85cefccd9ccc1aece4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - v2: Tokens update and font-loading
|
|
8
|
+
|
|
9
|
+
## 1.5.10
|
|
8
10
|
|
|
9
11
|
## 1.5.9
|
|
10
12
|
|
package/README.md
CHANGED
|
@@ -1,29 +1,22 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Aksel styling
|
|
2
2
|
|
|
3
|
-
CSS
|
|
3
|
+
CSS for NAVs designsystem.
|
|
4
4
|
|
|
5
|
-
-
|
|
5
|
+
- Css tokens (Colors, border, shadows etc)
|
|
6
6
|
- Component-styling for `@navikt/ds-react` packages
|
|
7
7
|
- Normalize.css v8
|
|
8
|
-
-
|
|
8
|
+
- Font-loading
|
|
9
9
|
|
|
10
10
|
## Installation
|
|
11
11
|
|
|
12
|
-
Install `@navikt/ds-css` with yarn
|
|
13
|
-
|
|
14
12
|
```bash
|
|
15
13
|
yarn add @navikt/ds-css
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
Install `@navikt/ds-css` with npm
|
|
19
|
-
|
|
20
|
-
```bash
|
|
21
14
|
npm install @navikt/ds-css
|
|
22
15
|
```
|
|
23
16
|
|
|
24
17
|
## Usage
|
|
25
18
|
|
|
26
|
-
|
|
19
|
+
Import styles once to make it accessible for your entire project. Typically you will add the following line to your root .tsx file.
|
|
27
20
|
|
|
28
21
|
```javascript
|
|
29
22
|
import "@navikt/ds-css";
|
|
@@ -33,7 +26,7 @@ function App() {
|
|
|
33
26
|
}
|
|
34
27
|
```
|
|
35
28
|
|
|
36
|
-
But you can
|
|
29
|
+
But you can import it in a .css-file
|
|
37
30
|
|
|
38
31
|
```css
|
|
39
32
|
@import "@navikt/ds-css";
|
package/accordion.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.navds-accordion__header:hover {
|
|
26
|
-
color: var(--ac-accordion-header-text-hover, var(--a-
|
|
26
|
+
color: var(--ac-accordion-header-text-hover, var(--a-text-action-on-action-subtle));
|
|
27
27
|
border-color: var(--ac-accordion-header-border-hover, var(--a-border-strong-hover));
|
|
28
28
|
}
|
|
29
29
|
|
package/baseline/fonts.css
CHANGED
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
font-weight: 400;
|
|
5
5
|
font-display: swap;
|
|
6
6
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
|
|
7
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
|
|
8
|
-
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
9
7
|
}
|
|
10
8
|
@font-face {
|
|
11
9
|
font-family: "Source Sans Pro";
|
|
@@ -13,8 +11,6 @@
|
|
|
13
11
|
font-weight: 400;
|
|
14
12
|
font-display: swap;
|
|
15
13
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
|
|
16
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
|
|
17
|
-
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
18
14
|
}
|
|
19
15
|
@font-face {
|
|
20
16
|
font-family: "Source Sans Pro";
|
|
@@ -22,6 +18,4 @@
|
|
|
22
18
|
font-weight: 600;
|
|
23
19
|
font-display: swap;
|
|
24
20
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
|
|
25
|
-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
|
|
26
|
-
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
27
21
|
}
|
package/button.css
CHANGED
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.navds-button--secondary:hover {
|
|
126
|
-
color: var(--ac-button-secondary-hover-text, var(--a-text-action-
|
|
126
|
+
color: var(--ac-button-secondary-hover-text, var(--a-text-action-on-action-subtle));
|
|
127
127
|
background-color: var(--ac-button-secondary-hover-bg, var(--a-surface-action-subtle-hover));
|
|
128
128
|
}
|
|
129
129
|
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
.navds-button--tertiary:hover {
|
|
160
|
-
color: var(--ac-button-tertiary-hover-text, var(--a-text-action-
|
|
160
|
+
color: var(--ac-button-tertiary-hover-text, var(--a-text-action-on-action-subtle));
|
|
161
161
|
background-color: var(--ac-button-tertiary-hover-bg, var(--a-surface-action-subtle-hover));
|
|
162
162
|
}
|
|
163
163
|
|