nve-designsystem 2.15.0 → 2.15.2

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 (11) hide show
  1. package/components/nve-accordion/nve-accordion.component.d.ts +1 -1
  2. package/css/global.css +4 -36
  3. package/css/rme.css +28 -28
  4. package/css/rme_dark.css +28 -28
  5. package/custom-elements.json +3 -3
  6. package/package.json +2 -3
  7. package/vscode.html-custom-data.json +1 -1
  8. package/fonts/source-sans-3-latin-400-italic.woff2 +0 -0
  9. package/fonts/source-sans-3-latin-400-normal.woff2 +0 -0
  10. package/fonts/source-sans-3-latin-600-italic.woff2 +0 -0
  11. package/fonts/source-sans-3-latin-600-normal.woff2 +0 -0
package/components/nve-accordion/nve-accordion.component.d.ts CHANGED
@@ -4,7 +4,7 @@ import { INveComponent } from '../../interfaces/NveComponent.interface';
4
4
  * En gruppering av nve-accordion-item slik at de sammen fungerer som et accordion.
5
5
  * Komponenten vil sørge for at kun en nve-accordion-item kan være åpen om gangen.
6
6
  * Komponenten har ingen egen utforming, den viser kun det som er inni.
7
- * @slot (default) - legg alle nve-accordion-item inne denne for å kontrollere dem
7
+ * @slot (default) - legg alle nve-accordion-item inne denne for å kunne kontrollere dem
8
8
  */
9
9
  export default class NveAccordion extends LitElement implements INveComponent {
10
10
  testId: string | undefined;
package/css/global.css CHANGED
@@ -1,41 +1,9 @@
1
1
  @import '../nve-designsystem.css';
2
2
 
3
- /* Skrifttyper som brukes internt i komponentene har vi lastet ned på forhånd for offline-støtte.
4
- Filene er lastet ned fra https://fontsource.org/fonts/source-sans-3
5
- Source Sans 3 skal være kompatibel med Source Sans Pro
6
- For at fontene skal funke i brukerveiledninga også, må alle font-filer kopieres manuelt til /doc-site/fonts */
7
- @font-face {
8
- font-family: 'Source Sans Pro';
9
- src:
10
- local('Source Sans Pro'),
11
- url('/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');
12
- font-weight: 400;
13
- font-style: normal;
14
- }
15
- @font-face {
16
- font-family: 'Source Sans Pro';
17
- src:
18
- local('Source Sans Pro'),
19
- url('/fonts/source-sans-3-latin-400-italic.woff2') format('woff2');
20
- font-weight: 400;
21
- font-style: italic;
22
- }
23
- @font-face {
24
- font-family: 'Source Sans Pro';
25
- src:
26
- local('Source Sans Pro'),
27
- url('/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');
28
- font-weight: 600;
29
- font-style: normal;
30
- }
31
- @font-face {
32
- font-family: 'Source Sans Pro';
33
- src:
34
- local('Source Sans Pro'),
35
- url('/fonts/source-sans-3-latin-600-italic.woff2') format('woff2');
36
- font-weight: 600;
37
- font-style: italic;
38
- }
3
+ /* Hvis du ikke vil at applikasjonen henter fonter fra nettet under kjøring, kan du laste dem ned på forhånd og legge dem i prosjektet ditt.
4
+ Bytt ut linja under med @font-face for hver av fontene som du laster lokalt.
5
+ Designsystemet bruker Source Sans Pro med font-vekt 400 og 600*/
6
+ @import url('https://fonts.cdnfonts.com/css/source-sans-pro');
39
7
 
40
8
  :root {
41
9
  --transition-time: 0.3s;
package/css/rme.css CHANGED
@@ -4,36 +4,36 @@
4
4
 
5
5
  @import './global.css';
6
6
  :root {
7
- --brand-100: #d9dcf0;
8
- --brand-150: #c6cae8;
9
- --brand-200: #b3b9e1;
10
- --brand-300: #8e95d1;
11
- --brand-400: #6872c2;
12
- --brand-500: #424fb3;
13
- --brand-600: #353f8f;
14
- --brand-700: #282f6b;
15
- --brand-800: #1a2048;
16
- --brand-850: #141836;
17
- --brand-900: #0d1024;
18
- --brand-950: #070812;
19
- --brand-999: #000000;
20
- --brand-000: #ffffff;
21
- --brand-050: #ecedf7;
22
- --grey-100: #e1e4ea;
23
- --grey-150: #c4cbd5;
24
- --grey-200: #b9bfc7;
25
- --grey-300: #99a0ad;
26
- --grey-400: #7b8aa1;
27
- --grey-500: #576478;
28
- --grey-600: #465060;
29
- --grey-700: #333d4b;
30
- --grey-800: #576478;
31
- --grey-850: #1a1e24;
32
- --grey-900: #121825;
33
- --grey-950: #333d4b;
7
+ --brand-100: #dde2f8;
8
+ --brand-150: #c7ceef;
9
+ --brand-200: #afbae9;
10
+ --brand-300: #8092db;
11
+ --brand-400: #5872d0;
12
+ --brand-500: #3451b7;
13
+ --brand-600: #2b4399;
14
+ --brand-700: #24387f;
15
+ --brand-800: #1d2d67;
16
+ --brand-850: #192658;
17
+ --brand-900: #141f48;
18
+ --brand-950: #101838;
19
+ --brand-999: #0b1128;
20
+ --brand-000: #f5f7ff;
21
+ --brand-050: #eceffe;
22
+ --grey-100: #edeff3;
23
+ --grey-150: #e0e4eb;
24
+ --grey-200: #c2cad6;
25
+ --grey-300: #afbcca;
26
+ --grey-400: #94a5b8;
27
+ --grey-500: #758ba3;
28
+ --grey-600: #516579;
29
+ --grey-700: #405163;
30
+ --grey-800: #303d4c;
31
+ --grey-850: #1d2834;
32
+ --grey-900: #141e29;
33
+ --grey-950: #0f1926;
34
34
  --grey-999: #0d0d0e;
35
35
  --grey-000: #ffffff;
36
- --grey-050: #ebecef;
36
+ --grey-050: #f6f7f9;
37
37
  --red-100: #ffc2c2;
38
38
  --red-150: #ffa8a8;
39
39
  --red-200: #ff9494;
package/css/rme_dark.css CHANGED
@@ -4,36 +4,36 @@
4
4
 
5
5
  @import './global.css';
6
6
  :root.darkmode {
7
- --brand-100: #d9dcf0;
8
- --brand-150: #c6cae8;
9
- --brand-200: #b3b9e1;
10
- --brand-300: #8e95d1;
11
- --brand-400: #6872c2;
12
- --brand-500: #424fb3;
13
- --brand-600: #353f8f;
14
- --brand-700: #282f6b;
15
- --brand-800: #1a2048;
16
- --brand-850: #141836;
17
- --brand-900: #0d1024;
18
- --brand-950: #070812;
19
- --brand-999: #000000;
20
- --brand-000: #ffffff;
21
- --brand-050: #ecedf7;
22
- --grey-100: #e1e4ea;
23
- --grey-150: #c4cbd5;
24
- --grey-200: #b9bfc7;
25
- --grey-300: #99a0ad;
26
- --grey-400: #7b8aa1;
27
- --grey-500: #576478;
28
- --grey-600: #465060;
29
- --grey-700: #333d4b;
30
- --grey-800: #576478;
31
- --grey-850: #1a1e24;
32
- --grey-900: #121825;
33
- --grey-950: #333d4b;
7
+ --brand-100: #dde2f8;
8
+ --brand-150: #c7ceef;
9
+ --brand-200: #afbae9;
10
+ --brand-300: #8092db;
11
+ --brand-400: #5872d0;
12
+ --brand-500: #3451b7;
13
+ --brand-600: #2b4399;
14
+ --brand-700: #24387f;
15
+ --brand-800: #1d2d67;
16
+ --brand-850: #192658;
17
+ --brand-900: #141f48;
18
+ --brand-950: #101838;
19
+ --brand-999: #0b1128;
20
+ --brand-000: #f5f7ff;
21
+ --brand-050: #eceffe;
22
+ --grey-100: #edeff3;
23
+ --grey-150: #e0e4eb;
24
+ --grey-200: #c2cad6;
25
+ --grey-300: #afbcca;
26
+ --grey-400: #94a5b8;
27
+ --grey-500: #758ba3;
28
+ --grey-600: #516579;
29
+ --grey-700: #405163;
30
+ --grey-800: #303d4c;
31
+ --grey-850: #1d2834;
32
+ --grey-900: #141e29;
33
+ --grey-950: #0f1926;
34
34
  --grey-999: #0d0d0e;
35
35
  --grey-000: #ffffff;
36
- --grey-050: #ebecef;
36
+ --grey-050: #f6f7f9;
37
37
  --red-100: #ffc2c2;
38
38
  --red-150: #ffa8a8;
39
39
  --red-200: #ff9494;
package/custom-elements.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "name": "NveAccordion",
13
13
  "slots": [
14
14
  {
15
- "description": "legg alle nve-accordion-item inne denne for å kontrollere dem",
15
+ "description": "legg alle nve-accordion-item inne denne for å kunne kontrollere dem",
16
16
  "name": "(default)"
17
17
  }
18
18
  ],
@@ -46,7 +46,7 @@
46
46
  "tagNameWithoutPrefix": "accordion",
47
47
  "tagName": "nve-accordion",
48
48
  "customElement": true,
49
- "jsDoc": "/**\n * En gruppering av nve-accordion-item slik at de sammen fungerer som et accordion.\n * Komponenten vil sørge for at kun en nve-accordion-item kan være åpen om gangen.\n * Komponenten har ingen egen utforming, den viser kun det som er inni.\n * @slot (default) - legg alle nve-accordion-item inne denne for å kontrollere dem\n */"
49
+ "jsDoc": "/**\n * En gruppering av nve-accordion-item slik at de sammen fungerer som et accordion.\n * Komponenten vil sørge for at kun en nve-accordion-item kan være åpen om gangen.\n * Komponenten har ingen egen utforming, den viser kun det som er inni.\n * @slot (default) - legg alle nve-accordion-item inne denne for å kunne kontrollere dem\n */"
50
50
  }
51
51
  ],
52
52
  "exports": [
@@ -14714,7 +14714,7 @@
14714
14714
  "package": {
14715
14715
  "name": "nve-designsystem",
14716
14716
  "description": "Designsystem for NVE",
14717
- "version": "2.14.2",
14717
+ "version": "2.15.1",
14718
14718
  "author": {
14719
14719
  "name": "NVE",
14720
14720
  "email": "nve@nve.no"
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  },
8
8
  "license": "MIT",
9
9
  "homepage": "https://github.com/NVE/Designsystem/",
10
- "version": "2.15.0",
10
+ "version": "2.15.2",
11
11
  "customElements": "custom-elements.json",
12
12
  "exports": {
13
13
  ".": {
@@ -19,8 +19,7 @@
19
19
  "./dist/vscode.css-custom-data.json": "./vscode.css-custom-data.json",
20
20
  "./components/*": "./components/*",
21
21
  "./registerIcons/*": "./registerIcons/*",
22
- "./css/*": "./css/*",
23
- "./fonts/*": "./fonts/*"
22
+ "./css/*": "./css/*"
24
23
  },
25
24
  "type": "module",
26
25
  "types": "nve-designsystem.d.ts",
package/vscode.html-custom-data.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "tags": [
5
5
  {
6
6
  "name": "nve-accordion",
7
- "description": "En gruppering av nve-accordion-item slik at de sammen fungerer som et accordion.\nKomponenten vil sørge for at kun en nve-accordion-item kan være åpen om gangen.\nKomponenten har ingen egen utforming, den viser kun det som er inni.\n---\n\n\n### **Spor:**\n - **(default)** - legg alle nve-accordion-item inne denne for å kontrollere dem",
7
+ "description": "En gruppering av nve-accordion-item slik at de sammen fungerer som et accordion.\nKomponenten vil sørge for at kun en nve-accordion-item kan være åpen om gangen.\nKomponenten har ingen egen utforming, den viser kun det som er inni.\n---\n\n\n### **Spor:**\n - **(default)** - legg alle nve-accordion-item inne denne for å kunne kontrollere dem",
8
8
  "attributes": [{ "name": "testId", "description": "", "values": [] }],
9
9
  "references": [
10
10
  {