@norges-domstoler/dds-components 0.0.0-dev-20230925154113
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 +109 -0
- package/dist/assets/fonts/IBMPlexMono-Light.woff +0 -0
- package/dist/assets/fonts/IBMPlexMono-Light.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexMono-Regular.woff +0 -0
- package/dist/assets/fonts/IBMPlexMono-Regular.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexMono-SemiBold.woff +0 -0
- package/dist/assets/fonts/IBMPlexMono-SemiBold.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-Italic.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-Italic.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-Light.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-Light.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-LightItalic.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-LightItalic.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-Regular.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-Regular.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-SemiBold.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-SemiBold.woff2 +0 -0
- package/dist/assets/fonts/IBMPlexSans-SemiBoldItalic.woff +0 -0
- package/dist/assets/fonts/IBMPlexSans-SemiBoldItalic.woff2 +0 -0
- package/dist/calendar_today-PMIB5OWO.svg +1 -0
- package/dist/index.d.mts +1761 -0
- package/dist/index.d.ts +1761 -0
- package/dist/index.js +10573 -0
- package/dist/index.mjs +11051 -0
- package/dist/jordskifterett_bullet1-JEURT2QQ.svg +3 -0
- package/dist/lagmannsrett_bullet2-UGFNA6RB.svg +3 -0
- package/dist/styles/fontStyles.css +90 -0
- package/dist/styles/selection.css +6 -0
- package/dist/tingrett_bullet3-KRK5OB4E.svg +3 -0
- package/package.json +107 -0
package/README.md
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# @norges-domstoler/dds-components
|
|
2
|
+
|
|
3
|
+
 [](https://www.npmjs.com/package/@norges-domstoler/dds-components) 
|
|
4
|
+
|
|
5
|
+
React UI komponenter til bruk i domstolenes tjenester.
|
|
6
|
+
|
|
7
|
+
Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [ Elsa Storybook](https://domstolene.github.io/designsystem) for mer dokumentasjon og demoer.
|
|
8
|
+
|
|
9
|
+
## 📦 Installasjon
|
|
10
|
+
|
|
11
|
+
```sh
|
|
12
|
+
npm install @norges-domstoler/dds-components
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 🔨 Bruk
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
import * as React from 'react';
|
|
19
|
+
import { createRoot } from 'react-dom/client';
|
|
20
|
+
import { Button, TextInput } from '@norges-domstoler/dds-components';
|
|
21
|
+
|
|
22
|
+
const App = () => (
|
|
23
|
+
<>
|
|
24
|
+
<TextInput label="Input" />
|
|
25
|
+
<Button label="Primary" />
|
|
26
|
+
<Button purpose="secondary" appearance="ghost" label="Secondary" />
|
|
27
|
+
</>
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
const root = createRoot(document.getElementById('root'));
|
|
31
|
+
|
|
32
|
+
root.render(<App />);
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## 📃 Komponenter
|
|
36
|
+
|
|
37
|
+
Sjekk [komponentstatus](https://design.domstol.no/987b33f71/p/438035-komponenter/b/160db9) for oppdatert status.
|
|
38
|
+
|
|
39
|
+
Tilgjengelige komponenter:
|
|
40
|
+
|
|
41
|
+
- Breadcrumbs
|
|
42
|
+
- Button
|
|
43
|
+
- Card (inkludert CardAccordion)
|
|
44
|
+
- Checkbox
|
|
45
|
+
- Chip
|
|
46
|
+
- Datepicker
|
|
47
|
+
- DescriptionList
|
|
48
|
+
- Divider
|
|
49
|
+
- Drawer
|
|
50
|
+
- FileUploader
|
|
51
|
+
- GlobalMessage
|
|
52
|
+
- Grid
|
|
53
|
+
- Icon
|
|
54
|
+
- InputMessage
|
|
55
|
+
- InternaHeader
|
|
56
|
+
- List
|
|
57
|
+
- LocalMessage
|
|
58
|
+
- Modal
|
|
59
|
+
- OverflowMenu
|
|
60
|
+
- Pagination
|
|
61
|
+
- Popover
|
|
62
|
+
- ProgressTracker
|
|
63
|
+
- RadioButton
|
|
64
|
+
- Scrollbar
|
|
65
|
+
- Search
|
|
66
|
+
- Select
|
|
67
|
+
- SkipToContent
|
|
68
|
+
- Spinner
|
|
69
|
+
- Stack
|
|
70
|
+
- VStack
|
|
71
|
+
- HStack
|
|
72
|
+
- Table
|
|
73
|
+
- Tabs
|
|
74
|
+
- Tag
|
|
75
|
+
- TextInput
|
|
76
|
+
- TextArea
|
|
77
|
+
- ToggleBar
|
|
78
|
+
- ToggleButton
|
|
79
|
+
- Tooltip
|
|
80
|
+
- Typografikomponenter:
|
|
81
|
+
- Caption
|
|
82
|
+
- Heading
|
|
83
|
+
- Label
|
|
84
|
+
- Legend
|
|
85
|
+
- Link
|
|
86
|
+
- Paragraph
|
|
87
|
+
- Typography
|
|
88
|
+
- VisuallyHidden
|
|
89
|
+
|
|
90
|
+
## ⏫ Release av ny versjon
|
|
91
|
+
|
|
92
|
+
Det brukes en egen workflow for release av ny versjon av `@norges-domstoler/dds-components` som kjører på publisering av ny github release. Her brukes `npm publish` for å publisere en ny versjon av pakken til npm sitt pakkeregister, hvor det nye versjonsnummeret leses fra `package.json`. For å lage en ny release gjøres følgende:
|
|
93
|
+
|
|
94
|
+
1. Versjonsnummeret i `package.json` må oppdateres manuelt med en egen commit i forkant av publisering av ny github release.
|
|
95
|
+
|
|
96
|
+
2. Lag en ny release på github med _release tag = versjonsnummer_ for best mulig oversikt, og legg ved en passende beskrivelse av hva som er nytt i denne versjonen. Publiser så releasen når alt er klart.
|
|
97
|
+
Man kan også lage en Draft-release i forkant, og publisere denne releasen når alt som skal være med er merget inn i main.
|
|
98
|
+
|
|
99
|
+
For versjonering brukes [_semantisk versjonering_](https://semver.org/) for å holde ting organisert og for å enkelt kommunisere utviklingsløpet til pakken.
|
|
100
|
+
|
|
101
|
+
### Pre-release versjoner
|
|
102
|
+
|
|
103
|
+
Hvis man ønsker å publisere en pre-release kan man følge samme flyt som vanlig release, men markere releasen som "pre-release" på Github. Da vil det publiseres en ny versjon til `next`-taggen på NPM istedenfor `latest` som i normal flyt. Pre-releases kan brukes for å publisere innhold som er ment til å være med i neste versjon, men som kan testes av konsumenter før neste release er klar.
|
|
104
|
+
|
|
105
|
+
Versjonsnummerering for pre-releases skal følge `-beta.x`, eksempelvis `5.0.0-beta.1` osv.
|
|
106
|
+
|
|
107
|
+
## ⌨️ For bidragsytere
|
|
108
|
+
|
|
109
|
+
Sjekk ut [guiden for bidragsytere](https://design.domstol.no/987b33f71/p/34c962-bidra/b/3611d5).
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z" fill="#3a4146" /></svg>
|