@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.
Files changed (10) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/README.md +6 -13
  3. package/accordion.css +1 -1
  4. package/baseline/fonts.css +0 -6
  5. package/button.css +2 -2
  6. package/dist/index.css +12 -16
  7. package/package.json +4 -4
  8. package/table.css +2 -1
  9. package/toggle-group.css +3 -3
  10. package/tokens.json +6 -5
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "2.0.0-next.0",
4
- "description": "Css for NAV Designsystem components",
5
- "author": "NAV Designsystem team",
3
+ "version": "2.0.0",
4
+ "description": "CSS for NAV Designsystem",
5
+ "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
7
7
  "css"
8
8
  ],
@@ -20,7 +20,7 @@
20
20
  "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
21
21
  },
22
22
  "devDependencies": {
23
- "@navikt/ds-tokens": "^2.0.0-next.0",
23
+ "@navikt/ds-tokens": "^2.0.0",
24
24
  "normalize.css": "^8.0.1",
25
25
  "postcss": "^8.4.0",
26
26
  "postcss-cli": "^9.0.0",
package/table.css CHANGED
@@ -105,7 +105,7 @@
105
105
  padding: var(--a-spacing-4) var(--a-spacing-3);
106
106
  width: 100%;
107
107
  display: flex;
108
- gap: 0.5rem;
108
+ gap: var(--a-spacing-2);
109
109
  align-items: center;
110
110
  line-height: inherit;
111
111
  font-weight: inherit;
@@ -127,6 +127,7 @@
127
127
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button,
128
128
  .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
129
129
  background-color: var(--ac-table-sort-button-sorted-bg, var(--a-surface-selected));
130
+ color: var(--a-table-sort-button-sorted-text, var(--a-text-action-on-action-subtle));
130
131
  }
131
132
 
132
133
  .navds-table__header-cell--align-right .navds-table__sort-button {
package/toggle-group.css CHANGED
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  .navds-toggle-group {
8
- border-radius: 7px; /* Custom value OK */
8
+ border-radius: 9px;
9
9
  background-color: var(--ac-toggle-group-bg, var(--a-surface-default));
10
10
  box-shadow: inset 0 0 0 1px var(--ac-toggle-group-border, var(--a-border-default));
11
11
  padding: calc(var(--a-spacing-1) + 1px);
@@ -25,13 +25,13 @@
25
25
  cursor: pointer;
26
26
  background-color: var(--ac-toggle-group-button-bg, var(--a-surface-default));
27
27
  color: var(--ac-toggle-group-button-text, var(--a-text-default));
28
- border-radius: var(--a-border-radius-small);
28
+ border-radius: var(--a-border-radius-medium);
29
29
  min-width: fit-content;
30
30
  }
31
31
 
32
32
  .navds-toggle-group__button:hover {
33
33
  background-color: var(--ac-toggle-group-button-hover-bg, var(--a-surface-action-subtle));
34
- color: var(--ac-toggle-group-button-hover-text, var(--a-text-action));
34
+ color: var(--ac-toggle-group-button-hover-text, var(--a-text-action-on-action-subtle));
35
35
  }
36
36
 
37
37
  .navds-toggle-group__button:focus {
package/tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "--ac-alert-success-bg": "--a-surface-success-subtle"
11
11
  },
12
12
  "accordion": {
13
- "--ac-accordion-header-text-hover": "--a-surface-action",
13
+ "--ac-accordion-header-text-hover": "--a-text-action-on-action-subtle",
14
14
  "--ac-accordion-header-border-hover": "--a-border-strong-hover",
15
15
  "--ac-accordion-item-bg-open": "--a-surface-action-subtle",
16
16
  "--ac-accordion-item-border-open": "--a-surface-action-subtle",
@@ -26,14 +26,14 @@
26
26
  "--ac-button-secondary-text": "--a-text-action",
27
27
  "--ac-button-secondary-bg": "--a-surface-default",
28
28
  "--ac-button-secondary-border": "--a-border-action",
29
- "--ac-button-secondary-hover-text": "--a-text-action-hover",
29
+ "--ac-button-secondary-hover-text": "--a-text-action-on-action-subtle",
30
30
  "--ac-button-secondary-hover-bg": "--a-surface-action-subtle-hover",
31
31
  "--ac-button-secondary-focus-border": "--a-border-action",
32
32
  "--ac-button-secondary-active-text": "--a-text-on-action",
33
33
  "--ac-button-secondary-active-bg": "--a-surface-action-active",
34
34
  "--ac-button-secondary-active-focus-border": "--a-surface-default",
35
35
  "--ac-button-tertiary-text": "--a-text-action",
36
- "--ac-button-tertiary-hover-text": "--a-text-action-hover",
36
+ "--ac-button-tertiary-hover-text": "--a-text-action-on-action-subtle",
37
37
  "--ac-button-tertiary-hover-bg": "--a-surface-action-subtle-hover",
38
38
  "--ac-button-tertiary-focus-border": "--a-border-action",
39
39
  "--ac-button-tertiary-active-text": "--a-text-on-action",
@@ -166,7 +166,8 @@
166
166
  "--ac-table-row-hover-border": "--a-border-strong",
167
167
  "--ac-table-sort-button-text": "--a-text-action",
168
168
  "--ac-table-sort-button-hover-bg": "--a-bg-subtle",
169
- "--ac-table-sort-button-sorted-bg": "--a-surface-selected"
169
+ "--ac-table-sort-button-sorted-bg": "--a-surface-selected",
170
+ "--ac-table-sort-button-sorted-text": "--a-text-action-on-action-subtle"
170
171
  },
171
172
  "tabs": {
172
173
  "--ac-tabs-border": "--a-border-divider",
@@ -224,7 +225,7 @@
224
225
  "--ac-toggle-group-button-bg": "--a-surface-default",
225
226
  "--ac-toggle-group-button-text": "--a-text-default",
226
227
  "--ac-toggle-group-button-hover-bg": "--a-surface-action-subtle",
227
- "--ac-toggle-group-button-hover-text": "--a-text-action",
228
+ "--ac-toggle-group-button-hover-text": "--a-text-action-on-action-subtle",
228
229
  "--ac-toggle-group-selected-bg": "--a-surface-action-selected",
229
230
  "--ac-toggle-group-selected-text": "--a-text-on-action"
230
231
  },