@helsenorge/designsystem-react 4.2.3 → 4.2.4
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 +8 -0
- package/README.md +9 -51
- package/components/Table/styles.module.scss +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## [4.2.3](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv4.2.2&targetVersion=GTv4.2.3) (2023-08-03)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
- labelclassname kan naa brukes av vertikaler
|
|
6
|
+
([8bdecee](https://github.com/helsenorge/designsystem/commit/8bdeceedb29c6e75a20ffae10ae7dbe1a10b48c8)), closes
|
|
7
|
+
[#306322](https://github.com/helsenorge/designsystem/issues/306322)
|
|
8
|
+
|
|
1
9
|
## [4.2.2](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv4.2.1&targetVersion=GTv4.2.2) (2023-06-28)
|
|
2
10
|
|
|
3
11
|
### Bug Fixes
|
package/README.md
CHANGED
|
@@ -1,61 +1,19 @@
|
|
|
1
|
-
#
|
|
2
|
-
|
|
3
|
-
<h1>OUTDATED -> should refer to confluence for now</h1>
|
|
1
|
+
# Helsenorge Designsystem - Frankenstein
|
|
4
2
|
|
|
5
3
|
<a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/latest">
|
|
6
4
|
<img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/latest" />
|
|
7
5
|
</a>
|
|
8
|
-
<a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/next">
|
|
9
|
-
<img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/next" />
|
|
10
|
-
</a>
|
|
11
|
-
|
|
12
|
-
## 👋 Introduction
|
|
13
|
-
|
|
14
|
-
**TODO: Add introduction text**
|
|
15
|
-
|
|
16
|
-
## 🚀 Quick start
|
|
17
|
-
|
|
18
|
-
To install and use our React components simply run the following commands in your favorite terminal:
|
|
19
|
-
|
|
20
|
-
### yarn
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
yarn add @helsenorge/designsystem-react
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
### npm
|
|
27
|
-
|
|
28
|
-
```npm
|
|
29
|
-
npm install @helsenorge/designsystem-react
|
|
30
|
-
```
|
|
31
6
|
|
|
32
|
-
|
|
7
|
+
Helsenorge Designsystem, also known as Frankenstein, is a collection of React components that are used on https://www.helsenorge.no/ today.
|
|
33
8
|
|
|
34
|
-
|
|
9
|
+
The repository also contains a set of hooks and utility functions. We also offer stylesheets for our breakpoints, spacers, typography and
|
|
10
|
+
color palette.
|
|
35
11
|
|
|
36
|
-
|
|
37
|
-
import React from 'react';
|
|
38
|
-
import logo from './logo.svg';
|
|
39
|
-
import './App.css';
|
|
12
|
+
## Questions
|
|
40
13
|
|
|
41
|
-
|
|
14
|
+
Questions about the code or project can be askes at [ROX Slack channel](https://norskhelsenett.slack.com/archives/CS70UT0R0) or as issues on
|
|
15
|
+
GitHub.
|
|
42
16
|
|
|
43
|
-
|
|
44
|
-
return (
|
|
45
|
-
<div className="App">
|
|
46
|
-
<header className="App-header">
|
|
47
|
-
<img src={logo} className="App-logo" alt="logo" />
|
|
48
|
-
<p>
|
|
49
|
-
Edit <code>src/App.tsx</code> and save to reload.
|
|
50
|
-
</p>
|
|
51
|
-
<a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
|
|
52
|
-
Learn React
|
|
53
|
-
</a>
|
|
54
|
-
</header>
|
|
55
|
-
<CommonButton>Hello world!</CommonButton>
|
|
56
|
-
</div>
|
|
57
|
-
);
|
|
58
|
-
};
|
|
17
|
+
## Documentation
|
|
59
18
|
|
|
60
|
-
|
|
61
|
-
```
|
|
19
|
+
To view all the available components in isolation, please view our storybook page here: https://designsystem-storybook.netlify.app
|
|
@@ -98,7 +98,7 @@ table .table-body .table-row {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.table__expanded-row .table__cell {
|
|
101
|
+
.table__expanded-row > .table__cell {
|
|
102
102
|
text-align: left;
|
|
103
103
|
padding: 0.75rem;
|
|
104
104
|
}
|
|
@@ -115,7 +115,7 @@ table .table-body .table-row {
|
|
|
115
115
|
display: block;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.table__cell:first-child {
|
|
118
|
+
> .table__cell:first-child {
|
|
119
119
|
border-top: 0;
|
|
120
120
|
}
|
|
121
121
|
}
|