@norges-domstoler/dds-components 16.2.0 → 16.3.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 -4
- package/dist/index.css +9 -6
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +253 -215
- package/dist/index.d.ts +253 -215
- package/dist/index.js +1299 -1072
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1267 -1041
- package/dist/index.mjs.map +1 -1
- package/package.json +20 -20
package/README.md
CHANGED
|
@@ -12,6 +12,12 @@ Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [ Elsa
|
|
|
12
12
|
pnpm add @norges-domstoler/dds-components
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
+
Importer styling av komponentene i CSS:
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
@import '@norges-domstoler/dds-components/index.css';
|
|
19
|
+
```
|
|
20
|
+
|
|
15
21
|
## 🔨 Bruk
|
|
16
22
|
|
|
17
23
|
```js
|
|
@@ -42,6 +48,7 @@ Tilgjengelige komponenter:
|
|
|
42
48
|
|
|
43
49
|
- Breadcrumbs
|
|
44
50
|
- Button
|
|
51
|
+
- ButtonGroup
|
|
45
52
|
- Card (inkludert CardAccordion)
|
|
46
53
|
- Checkbox
|
|
47
54
|
- Chip
|
|
@@ -56,6 +63,7 @@ Tilgjengelige komponenter:
|
|
|
56
63
|
- GlobalMessage
|
|
57
64
|
- Grid
|
|
58
65
|
- Icon
|
|
66
|
+
- InlineButton
|
|
59
67
|
- InputMessage
|
|
60
68
|
- InternaHeader
|
|
61
69
|
- List
|
|
@@ -91,7 +99,3 @@ Tilgjengelige komponenter:
|
|
|
91
99
|
- Paragraph
|
|
92
100
|
- Typography
|
|
93
101
|
- VisuallyHidden
|
|
94
|
-
|
|
95
|
-
## ⌨️ For bidragsytere
|
|
96
|
-
|
|
97
|
-
Sjekk ut [guiden for bidragsytere](https://design.domstol.no/987b33f71/p/34c962-bidra/b/3611d5).
|
package/dist/index.css
CHANGED
|
@@ -1059,9 +1059,6 @@
|
|
|
1059
1059
|
min-width: 180px;
|
|
1060
1060
|
max-width: 300px;
|
|
1061
1061
|
box-shadow: var(--dds-shadow-1-onlight);
|
|
1062
|
-
.OverflowMenu_divider {
|
|
1063
|
-
margin-block: var(--dds-spacing-x0-75);
|
|
1064
|
-
}
|
|
1065
1062
|
}
|
|
1066
1063
|
.OverflowMenu_list {
|
|
1067
1064
|
display: flex;
|
|
@@ -1074,7 +1071,7 @@
|
|
|
1074
1071
|
color: var(--dds-color-text-default);
|
|
1075
1072
|
background-color: var(--dds-color-surface-default);
|
|
1076
1073
|
text-decoration: none;
|
|
1077
|
-
padding: var(--dds-spacing-x0-75)
|
|
1074
|
+
padding: var(--dds-spacing-x0-75);
|
|
1078
1075
|
gap: var(--dds-spacing-x0-25);
|
|
1079
1076
|
}
|
|
1080
1077
|
.OverflowMenu_list__item--link {
|
|
@@ -1100,11 +1097,16 @@
|
|
|
1100
1097
|
font-size: var(--dds-font-body-sans-01-line-height);
|
|
1101
1098
|
}
|
|
1102
1099
|
.OverflowMenu_divider {
|
|
1103
|
-
margin-inline: var(--dds-spacing-
|
|
1100
|
+
margin-inline: var(--dds-spacing-x0-5);
|
|
1101
|
+
margin-block: var(--dds-spacing-x0);
|
|
1102
|
+
}
|
|
1103
|
+
.OverflowMenu_group-header {
|
|
1104
|
+
padding-inline: var(--dds-spacing-x0-75);
|
|
1105
|
+
padding-block-start: var(--dds-spacing-x0-75);
|
|
1104
1106
|
}
|
|
1105
1107
|
|
|
1106
1108
|
/* src/components/Divider/Divider.module.css */
|
|
1107
|
-
.Divider_divider {
|
|
1109
|
+
:where(.Divider_divider) {
|
|
1108
1110
|
border: 0;
|
|
1109
1111
|
background-color: transparent;
|
|
1110
1112
|
border-top: 1px solid;
|
|
@@ -1201,6 +1203,7 @@
|
|
|
1201
1203
|
}
|
|
1202
1204
|
.Card_container--navigation {
|
|
1203
1205
|
text-decoration: none;
|
|
1206
|
+
display: block;
|
|
1204
1207
|
&:hover {
|
|
1205
1208
|
border-color: var(--dds-color-border-action-hover);
|
|
1206
1209
|
box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
|