@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.
Files changed (30) hide show
  1. package/README.md +109 -0
  2. package/dist/assets/fonts/IBMPlexMono-Light.woff +0 -0
  3. package/dist/assets/fonts/IBMPlexMono-Light.woff2 +0 -0
  4. package/dist/assets/fonts/IBMPlexMono-Regular.woff +0 -0
  5. package/dist/assets/fonts/IBMPlexMono-Regular.woff2 +0 -0
  6. package/dist/assets/fonts/IBMPlexMono-SemiBold.woff +0 -0
  7. package/dist/assets/fonts/IBMPlexMono-SemiBold.woff2 +0 -0
  8. package/dist/assets/fonts/IBMPlexSans-Italic.woff +0 -0
  9. package/dist/assets/fonts/IBMPlexSans-Italic.woff2 +0 -0
  10. package/dist/assets/fonts/IBMPlexSans-Light.woff +0 -0
  11. package/dist/assets/fonts/IBMPlexSans-Light.woff2 +0 -0
  12. package/dist/assets/fonts/IBMPlexSans-LightItalic.woff +0 -0
  13. package/dist/assets/fonts/IBMPlexSans-LightItalic.woff2 +0 -0
  14. package/dist/assets/fonts/IBMPlexSans-Regular.woff +0 -0
  15. package/dist/assets/fonts/IBMPlexSans-Regular.woff2 +0 -0
  16. package/dist/assets/fonts/IBMPlexSans-SemiBold.woff +0 -0
  17. package/dist/assets/fonts/IBMPlexSans-SemiBold.woff2 +0 -0
  18. package/dist/assets/fonts/IBMPlexSans-SemiBoldItalic.woff +0 -0
  19. package/dist/assets/fonts/IBMPlexSans-SemiBoldItalic.woff2 +0 -0
  20. package/dist/calendar_today-PMIB5OWO.svg +1 -0
  21. package/dist/index.d.mts +1761 -0
  22. package/dist/index.d.ts +1761 -0
  23. package/dist/index.js +10573 -0
  24. package/dist/index.mjs +11051 -0
  25. package/dist/jordskifterett_bullet1-JEURT2QQ.svg +3 -0
  26. package/dist/lagmannsrett_bullet2-UGFNA6RB.svg +3 -0
  27. package/dist/styles/fontStyles.css +90 -0
  28. package/dist/styles/selection.css +6 -0
  29. package/dist/tingrett_bullet3-KRK5OB4E.svg +3 -0
  30. package/package.json +107 -0
package/README.md ADDED
@@ -0,0 +1,109 @@
1
+ # @norges-domstoler/dds-components
2
+
3
+ ![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-components) [![License](https://img.shields.io/npm/l/@norges-domstoler/dds-components)](https://www.npmjs.com/package/@norges-domstoler/dds-components) ![Checks](https://github.com/domstolene/designsystem/actions/workflows/release.yml/badge.svg)
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).
@@ -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>