@fremtind/jokul 5.0.0-next.13 → 5.0.0-next.14

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 (88) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/expander/Accordion.cjs +2 -0
  3. package/build/cjs/components/expander/Accordion.cjs.map +1 -0
  4. package/build/cjs/components/expander/Accordion.d.cts +2 -0
  5. package/build/cjs/components/expander/ExpandablePanel.cjs +1 -1
  6. package/build/cjs/components/expander/ExpandablePanel.cjs.map +1 -1
  7. package/build/cjs/components/expander/ExpandablePanelContent.cjs +1 -1
  8. package/build/cjs/components/expander/ExpandablePanelContent.cjs.map +1 -1
  9. package/build/cjs/components/expander/index.d.cts +1 -1
  10. package/build/cjs/components/expander/types.d.cts +5 -2
  11. package/build/cjs/components/link-list/LinkList.cjs +1 -1
  12. package/build/cjs/components/link-list/LinkList.cjs.map +1 -1
  13. package/build/cjs/components/link-list/LinkList.d.cts +1 -1
  14. package/build/cjs/components/link-list/types.d.cts +1 -0
  15. package/build/cjs/utilities/types.cjs +1 -1
  16. package/build/cjs/utilities/types.cjs.map +1 -1
  17. package/build/cjs/utilities/types.d.cts +1 -1
  18. package/build/es/components/expander/Accordion.d.ts +2 -0
  19. package/build/es/components/expander/Accordion.js +2 -0
  20. package/build/es/components/expander/Accordion.js.map +1 -0
  21. package/build/es/components/expander/ExpandablePanel.js +1 -1
  22. package/build/es/components/expander/ExpandablePanel.js.map +1 -1
  23. package/build/es/components/expander/ExpandablePanelContent.js +1 -1
  24. package/build/es/components/expander/ExpandablePanelContent.js.map +1 -1
  25. package/build/es/components/expander/index.d.ts +1 -1
  26. package/build/es/components/expander/types.d.ts +5 -2
  27. package/build/es/components/link-list/LinkList.d.ts +1 -1
  28. package/build/es/components/link-list/LinkList.js +1 -1
  29. package/build/es/components/link-list/LinkList.js.map +1 -1
  30. package/build/es/components/link-list/types.d.ts +1 -0
  31. package/build/es/utilities/types.d.ts +1 -1
  32. package/build/es/utilities/types.js +1 -1
  33. package/build/es/utilities/types.js.map +1 -1
  34. package/codemods/__tests__/import-paths.test.mjs +131 -32
  35. package/codemods/import-paths.mjs +38 -14
  36. package/codemods/transforms/expandable-panel.mjs +41 -0
  37. package/package.json +1 -1
  38. package/styles/base.css +95 -702
  39. package/styles/base.min.css +1 -1
  40. package/styles/components/countdown/countdown.css +2 -2
  41. package/styles/components/countdown/countdown.min.css +1 -1
  42. package/styles/components/expander/_index.scss +1 -0
  43. package/styles/components/expander/accordion.css +21 -0
  44. package/styles/components/expander/accordion.min.css +1 -0
  45. package/styles/components/expander/accordion.scss +24 -0
  46. package/styles/components/expander/expandable.css +16 -27
  47. package/styles/components/expander/expandable.min.css +1 -1
  48. package/styles/components/expander/expandable.scss +5 -19
  49. package/styles/components/feedback/feedback.css +2 -2
  50. package/styles/components/feedback/feedback.min.css +1 -1
  51. package/styles/components/file-input/file-input.css +9 -9
  52. package/styles/components/file-input/file-input.min.css +1 -1
  53. package/styles/components/input-group/input-group.css +2 -2
  54. package/styles/components/input-group/input-group.min.css +1 -1
  55. package/styles/components/link-list/link-list.css +6 -1
  56. package/styles/components/link-list/link-list.min.css +1 -1
  57. package/styles/components/link-list/link-list.scss +8 -1
  58. package/styles/components/loader/loader.css +6 -6
  59. package/styles/components/loader/loader.min.css +1 -1
  60. package/styles/components/loader/skeleton-loader.css +3 -3
  61. package/styles/components/loader/skeleton-loader.min.css +1 -1
  62. package/styles/components/message/message.css +2 -2
  63. package/styles/components/message/message.min.css +1 -1
  64. package/styles/components/progress-bar/progress-bar.css +1 -1
  65. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  66. package/styles/components/segmented-control/segmented-control.css +2 -2
  67. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  68. package/styles/components/system-message/system-message.css +2 -2
  69. package/styles/components/system-message/system-message.min.css +1 -1
  70. package/styles/components/toast/toast.css +4 -4
  71. package/styles/components/toast/toast.min.css +1 -1
  72. package/styles/components.css +67 -52
  73. package/styles/components.min.css +1 -1
  74. package/styles/tailwind.css +95 -95
  75. package/styles/theme/_color-scheme.scss +95 -95
  76. package/styles/theme/_index.scss +0 -4
  77. package/styles/theme/brands/dnb/_color-scheme.scss +0 -121
  78. package/styles/theme/brands/dnb/_fonts.scss +0 -46
  79. package/styles/theme/brands/dnb/_index.scss +0 -2
  80. package/styles/theme/brands/eika/_color-scheme.scss +0 -121
  81. package/styles/theme/brands/eika/_fonts.scss +0 -46
  82. package/styles/theme/brands/eika/_index.scss +0 -2
  83. package/styles/theme/brands/fremtind/_color-scheme.scss +0 -121
  84. package/styles/theme/brands/fremtind/_fonts.scss +0 -30
  85. package/styles/theme/brands/fremtind/_index.scss +0 -2
  86. package/styles/theme/brands/sparebank1/_color-scheme.scss +0 -121
  87. package/styles/theme/brands/sparebank1/_fonts.scss +0 -38
  88. package/styles/theme/brands/sparebank1/_index.scss +0 -2
@@ -1,121 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- @layer jokul.theme {
7
- [data-brand="eika"] {
8
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
9
- --jkl-color-background-page: #FFFFFF;
10
- --jkl-color-background-page: light-dark(#FFFFFF, #FFFFFF);
11
- --jkl-color-background-container: #FBFAFA;
12
- --jkl-color-background-container: light-dark(#FBFAFA, #ECE5E0);
13
- --jkl-color-background-container-accent: #ECE5E0;
14
- --jkl-color-background-container-accent: light-dark(#ECE5E0, #ECE5E0);
15
- --jkl-color-background-contrast: #00383D;
16
- --jkl-color-background-contrast: light-dark(#00383D, #00383D);
17
- --jkl-color-text-default: #00383D;
18
- --jkl-color-text-default: light-dark(#00383D, #00383D);
19
- --jkl-color-text-subdued: #4D7477;
20
- --jkl-color-text-subdued: light-dark(#4D7477, #4D7477);
21
- --jkl-color-text-accent: #00383D;
22
- --jkl-color-text-accent: light-dark(#00383D, #00383D);
23
- --jkl-color-text-on-contrast: #FFFFFF;
24
- --jkl-color-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
25
- --jkl-color-border-default: #ECE5E0;
26
- --jkl-color-border-default: light-dark(#ECE5E0, #ECE5E0);
27
- --jkl-color-border-subdued: #F7F4F2;
28
- --jkl-color-border-subdued: light-dark(#F7F4F2, #F7F4F2);
29
- --jkl-color-border-strong: #4D7477;
30
- --jkl-color-border-strong: light-dark(#4D7477, #4D7477);
31
- --jkl-color-warning-background-page: #FFFFFF;
32
- --jkl-color-warning-background-page: light-dark(#FFFFFF, #FFFFFF);
33
- --jkl-color-warning-background-container: #FFE5C7;
34
- --jkl-color-warning-background-container: light-dark(#FFE5C7, #FFE5C7);
35
- --jkl-color-warning-background-container-accent: #ECE5E0;
36
- --jkl-color-warning-background-container-accent: light-dark(#ECE5E0, #ECE5E0);
37
- --jkl-color-warning-background-contrast: #FFBD74;
38
- --jkl-color-warning-background-contrast: light-dark(#FFBD74, #FFBD74);
39
- --jkl-color-warning-text-default: #00383D;
40
- --jkl-color-warning-text-default: light-dark(#00383D, #00383D);
41
- --jkl-color-warning-text-subdued: #4D7477;
42
- --jkl-color-warning-text-subdued: light-dark(#4D7477, #4D7477);
43
- --jkl-color-warning-text-accent: #00383D;
44
- --jkl-color-warning-text-accent: light-dark(#00383D, #00383D);
45
- --jkl-color-warning-text-on-contrast: #FFFFFF;
46
- --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
47
- --jkl-color-warning-border-default: #ECE5E0;
48
- --jkl-color-warning-border-default: light-dark(#ECE5E0, #ECE5E0);
49
- --jkl-color-warning-border-subdued: #F7F4F2;
50
- --jkl-color-warning-border-subdued: light-dark(#F7F4F2, #F7F4F2);
51
- --jkl-color-warning-border-strong: #4D7477;
52
- --jkl-color-warning-border-strong: light-dark(#4D7477, #4D7477);
53
- --jkl-color-success-background-page: #FFFFFF;
54
- --jkl-color-success-background-page: light-dark(#FFFFFF, #FFFFFF);
55
- --jkl-color-success-background-container: #ECF7D4;
56
- --jkl-color-success-background-container: light-dark(#ECF7D4, #ECF7D4);
57
- --jkl-color-success-background-container-accent: #ECE5E0;
58
- --jkl-color-success-background-container-accent: light-dark(#ECE5E0, #ECE5E0);
59
- --jkl-color-success-background-contrast: #00383D;
60
- --jkl-color-success-background-contrast: light-dark(#00383D, #00383D);
61
- --jkl-color-success-text-default: #00383D;
62
- --jkl-color-success-text-default: light-dark(#00383D, #00383D);
63
- --jkl-color-success-text-subdued: #4D7477;
64
- --jkl-color-success-text-subdued: light-dark(#4D7477, #4D7477);
65
- --jkl-color-success-text-accent: #00383D;
66
- --jkl-color-success-text-accent: light-dark(#00383D, #00383D);
67
- --jkl-color-success-text-on-contrast: #FFFFFF;
68
- --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
69
- --jkl-color-success-border-default: #ECE5E0;
70
- --jkl-color-success-border-default: light-dark(#ECE5E0, #ECE5E0);
71
- --jkl-color-success-border-subdued: #F7F4F2;
72
- --jkl-color-success-border-subdued: light-dark(#F7F4F2, #F7F4F2);
73
- --jkl-color-success-border-strong: #4D7477;
74
- --jkl-color-success-border-strong: light-dark(#4D7477, #4D7477);
75
- --jkl-color-info-background-page: #FFFFFF;
76
- --jkl-color-info-background-page: light-dark(#FFFFFF, #FFFFFF);
77
- --jkl-color-info-background-container: #E6F3F5;
78
- --jkl-color-info-background-container: light-dark(#E6F3F5, #E6F3F5);
79
- --jkl-color-info-background-container-accent: #ECE5E0;
80
- --jkl-color-info-background-container-accent: light-dark(#ECE5E0, #ECE5E0);
81
- --jkl-color-info-background-contrast: #00383D;
82
- --jkl-color-info-background-contrast: light-dark(#00383D, #00383D);
83
- --jkl-color-info-text-default: #00383D;
84
- --jkl-color-info-text-default: light-dark(#00383D, #00383D);
85
- --jkl-color-info-text-subdued: #4D7477;
86
- --jkl-color-info-text-subdued: light-dark(#4D7477, #4D7477);
87
- --jkl-color-info-text-accent: #00383D;
88
- --jkl-color-info-text-accent: light-dark(#00383D, #00383D);
89
- --jkl-color-info-text-on-contrast: #FFFFFF;
90
- --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
91
- --jkl-color-info-border-default: #ECE5E0;
92
- --jkl-color-info-border-default: light-dark(#ECE5E0, #ECE5E0);
93
- --jkl-color-info-border-subdued: #F7F4F2;
94
- --jkl-color-info-border-subdued: light-dark(#F7F4F2, #F7F4F2);
95
- --jkl-color-info-border-strong: #4D7477;
96
- --jkl-color-info-border-strong: light-dark(#4D7477, #4D7477);
97
- --jkl-color-error-background-page: #FFFFFF;
98
- --jkl-color-error-background-page: light-dark(#FFFFFF, #FFFFFF);
99
- --jkl-color-error-background-container: #FDDEE6;
100
- --jkl-color-error-background-container: light-dark(#FDDEE6, #FDDEE6);
101
- --jkl-color-error-background-container-accent: #ECE5E0;
102
- --jkl-color-error-background-container-accent: light-dark(#ECE5E0, #ECE5E0);
103
- --jkl-color-error-background-contrast: #B83653;
104
- --jkl-color-error-background-contrast: light-dark(#B83653, #B83653);
105
- --jkl-color-error-text-default: #00383D;
106
- --jkl-color-error-text-default: light-dark(#00383D, #00383D);
107
- --jkl-color-error-text-subdued: #4D7477;
108
- --jkl-color-error-text-subdued: light-dark(#4D7477, #4D7477);
109
- --jkl-color-error-text-accent: #00383D;
110
- --jkl-color-error-text-accent: light-dark(#00383D, #00383D);
111
- --jkl-color-error-text-on-contrast: #FFFFFF;
112
- --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
113
- --jkl-color-error-border-default: #ECE5E0;
114
- --jkl-color-error-border-default: light-dark(#ECE5E0, #ECE5E0);
115
- --jkl-color-error-border-subdued: #F7F4F2;
116
- --jkl-color-error-border-subdued: light-dark(#F7F4F2, #F7F4F2);
117
- --jkl-color-error-border-strong: #4D7477;
118
- --jkl-color-error-border-strong: light-dark(#4D7477, #4D7477);
119
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
120
- }
121
- }
@@ -1,46 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- $webfonts-dir-eika: "/fonts/brands/eika" !default;
7
-
8
- @layer jokul.theme {
9
- @font-face {
10
- font-family: "Open Sans";
11
- font-display: fallback;
12
- font-weight: 300;
13
- font-style: normal;
14
- src: url("#{$webfonts-dir-eika}/OpenSans-Light.woff2") format("woff2");
15
- }
16
-
17
- @font-face {
18
- font-family: "Open Sans";
19
- font-display: fallback;
20
- font-weight: 400;
21
- font-style: normal;
22
- src: url("#{$webfonts-dir-eika}/OpenSans-Regular.woff2") format("woff2");
23
- }
24
-
25
- @font-face {
26
- font-family: "Open Sans";
27
- font-display: fallback;
28
- font-weight: 600;
29
- font-style: normal;
30
- src: url("#{$webfonts-dir-eika}/OpenSans-SemiBold.woff2") format("woff2");
31
- }
32
-
33
- @font-face {
34
- font-family: "Open Sans";
35
- font-display: fallback;
36
- font-weight: 700;
37
- font-style: normal;
38
- src: url("#{$webfonts-dir-eika}/OpenSans-Bold.woff2") format("woff2");
39
- }
40
-
41
- [data-brand="eika"] {
42
- --jkl-font-family-regular: 'Open Sans', 'Adjusted Arial Fallback', arial, sans-serif;
43
- --jkl-font-family-display: 'Open Sans', 'Adjusted Arial Display Fallback', arial, sans-serif;
44
- --jkl-font-family-mono: 'Adjusted Courier New Fallback', -apple-system, blinkmacsystemfont, monospace;
45
- }
46
- }
@@ -1,2 +0,0 @@
1
- @forward "color-scheme";
2
- @forward "fonts";
@@ -1,121 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- @layer jokul.theme {
7
- [data-brand="fremtind"] {
8
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
9
- --jkl-color-background-page: #F3F0ED;
10
- --jkl-color-background-page: light-dark(#F3F0ED, #0E0D0C);
11
- --jkl-color-background-container: #FFFFFF;
12
- --jkl-color-background-container: light-dark(#FFFFFF, #3E3A36);
13
- --jkl-color-background-container-accent: #E6E2DB;
14
- --jkl-color-background-container-accent: light-dark(#E6E2DB, #2A2724);
15
- --jkl-color-background-contrast: #1B1917;
16
- --jkl-color-background-contrast: light-dark(#1B1917, #F3F0ED);
17
- --jkl-color-text-default: #1B1917;
18
- --jkl-color-text-default: light-dark(#1B1917, #F9F9F9);
19
- --jkl-color-text-subdued: #636060;
20
- --jkl-color-text-subdued: light-dark(#636060, #C8C5C3);
21
- --jkl-color-text-accent: #000000;
22
- --jkl-color-text-accent: light-dark(#000000, #FFFFFF);
23
- --jkl-color-text-on-contrast: #F9F9F9;
24
- --jkl-color-text-on-contrast: light-dark(#F9F9F9, #1B1917);
25
- --jkl-color-border-default: #636060;
26
- --jkl-color-border-default: light-dark(#636060, #C8C5C3);
27
- --jkl-color-border-subdued: #C8C5C3;
28
- --jkl-color-border-subdued: light-dark(#C8C5C3, #636060);
29
- --jkl-color-border-strong: #1B1917;
30
- --jkl-color-border-strong: light-dark(#1B1917, #F9F9F9);
31
- --jkl-color-warning-background-page: #FFFFFF;
32
- --jkl-color-warning-background-page: light-dark(#FFFFFF, #000000);
33
- --jkl-color-warning-background-container: #F1DFD1;
34
- --jkl-color-warning-background-container: light-dark(#F1DFD1, #61441F);
35
- --jkl-color-warning-background-container-accent: #EAC7A8;
36
- --jkl-color-warning-background-container-accent: light-dark(#EAC7A8, #75542B);
37
- --jkl-color-warning-background-contrast: #8B6539;
38
- --jkl-color-warning-background-contrast: light-dark(#8B6539, #8B6539);
39
- --jkl-color-warning-text-default: #000000;
40
- --jkl-color-warning-text-default: light-dark(#000000, #FFFFFF);
41
- --jkl-color-warning-text-subdued: #3E3A36;
42
- --jkl-color-warning-text-subdued: light-dark(#3E3A36, #DFD8CE);
43
- --jkl-color-warning-text-accent: #000000;
44
- --jkl-color-warning-text-accent: light-dark(#000000, #FFFFFF);
45
- --jkl-color-warning-text-on-contrast: #FFFFFF;
46
- --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #000000);
47
- --jkl-color-warning-border-default: #A17747;
48
- --jkl-color-warning-border-default: light-dark(#A17747, #B68957);
49
- --jkl-color-warning-border-subdued: #E3B07A;
50
- --jkl-color-warning-border-subdued: light-dark(#E3B07A, #75542B);
51
- --jkl-color-warning-border-strong: #61441F;
52
- --jkl-color-warning-border-strong: light-dark(#61441F, #A17747);
53
- --jkl-color-success-background-page: #FFFFFF;
54
- --jkl-color-success-background-page: light-dark(#FFFFFF, #000000);
55
- --jkl-color-success-background-container: #C6E6CD;
56
- --jkl-color-success-background-container: light-dark(#C6E6CD, #15341E);
57
- --jkl-color-success-background-container-accent: #ACD3B5;
58
- --jkl-color-success-background-container-accent: light-dark(#ACD3B5, #24492E);
59
- --jkl-color-success-background-contrast: #345F40;
60
- --jkl-color-success-background-contrast: light-dark(#345F40, #467653);
61
- --jkl-color-success-text-default: #000000;
62
- --jkl-color-success-text-default: light-dark(#000000, #FFFFFF);
63
- --jkl-color-success-text-subdued: #3E3A36;
64
- --jkl-color-success-text-subdued: light-dark(#3E3A36, #DFD8CE);
65
- --jkl-color-success-text-accent: #000000;
66
- --jkl-color-success-text-accent: light-dark(#000000, #FFFFFF);
67
- --jkl-color-success-text-on-contrast: #FFFFFF;
68
- --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #000000);
69
- --jkl-color-success-border-default: #467653;
70
- --jkl-color-success-border-default: light-dark(#467653, #598D67);
71
- --jkl-color-success-border-subdued: #8CBC98;
72
- --jkl-color-success-border-subdued: light-dark(#8CBC98, #24492E);
73
- --jkl-color-success-border-strong: #15341E;
74
- --jkl-color-success-border-strong: light-dark(#15341E, #467653);
75
- --jkl-color-info-background-page: #FFFFFF;
76
- --jkl-color-info-background-page: light-dark(#FFFFFF, #000000);
77
- --jkl-color-info-background-container: #E3E3F4;
78
- --jkl-color-info-background-container: light-dark(#E3E3F4, #1E1E81);
79
- --jkl-color-info-background-container-accent: #D3D3F6;
80
- --jkl-color-info-background-container-accent: light-dark(#D3D3F6, #2D2DB3);
81
- --jkl-color-info-background-contrast: #4646D1;
82
- --jkl-color-info-background-contrast: light-dark(#4646D1, #6262DC);
83
- --jkl-color-info-text-default: #000000;
84
- --jkl-color-info-text-default: light-dark(#000000, #FFFFFF);
85
- --jkl-color-info-text-subdued: #3E3A36;
86
- --jkl-color-info-text-subdued: light-dark(#3E3A36, #DFD8CE);
87
- --jkl-color-info-text-accent: #000000;
88
- --jkl-color-info-text-accent: light-dark(#000000, #FFFFFF);
89
- --jkl-color-info-text-on-contrast: #FFFFFF;
90
- --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #000000);
91
- --jkl-color-info-border-default: #6262DC;
92
- --jkl-color-info-border-default: light-dark(#6262DC, #7E7EE4);
93
- --jkl-color-info-border-subdued: #B7B7F0;
94
- --jkl-color-info-border-subdued: light-dark(#B7B7F0, #2D2DB3);
95
- --jkl-color-info-border-strong: #1E1E81;
96
- --jkl-color-info-border-strong: light-dark(#1E1E81, #6262DC);
97
- --jkl-color-error-background-page: #FFFFFF;
98
- --jkl-color-error-background-page: light-dark(#FFFFFF, #000000);
99
- --jkl-color-error-background-container: #F3DEDE;
100
- --jkl-color-error-background-container: light-dark(#F3DEDE, #610F0F);
101
- --jkl-color-error-background-container-accent: #F2C9C9;
102
- --jkl-color-error-background-container-accent: light-dark(#F2C9C9, #891919);
103
- --jkl-color-error-background-contrast: #B32424;
104
- --jkl-color-error-background-contrast: light-dark(#B32424, #DF3030);
105
- --jkl-color-error-text-default: #000000;
106
- --jkl-color-error-text-default: light-dark(#000000, #FFFFFF);
107
- --jkl-color-error-text-subdued: #3E3A36;
108
- --jkl-color-error-text-subdued: light-dark(#3E3A36, #DFD8CE);
109
- --jkl-color-error-text-accent: #610F0F;
110
- --jkl-color-error-text-accent: light-dark(#610F0F, #F6B3B3);
111
- --jkl-color-error-text-on-contrast: #FFFFFF;
112
- --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #FFFFFF);
113
- --jkl-color-error-border-default: #DF3030;
114
- --jkl-color-error-border-default: light-dark(#DF3030, #F15D5D);
115
- --jkl-color-error-border-subdued: #F6B3B3;
116
- --jkl-color-error-border-subdued: light-dark(#F6B3B3, #891919);
117
- --jkl-color-error-border-strong: #610F0F;
118
- --jkl-color-error-border-strong: light-dark(#610F0F, #DF3030);
119
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
120
- }
121
- }
@@ -1,30 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- $webfonts-dir-fremtind: "/fonts/brands/fremtind" !default;
7
-
8
- @layer jokul.theme {
9
- @font-face {
10
- font-family: "Inter";
11
- font-display: fallback;
12
- font-weight: 400;
13
- font-style: normal;
14
- src: url("#{$webfonts-dir-fremtind}/InterVariable.woff2") format("woff2");
15
- }
16
-
17
- @font-face {
18
- font-family: "Inter";
19
- font-display: fallback;
20
- font-weight: 700;
21
- font-style: normal;
22
- src: url("#{$webfonts-dir-fremtind}/InterVariable.woff2") format("woff2");
23
- }
24
-
25
- [data-brand="fremtind"] {
26
- --jkl-font-family-regular: Inter, 'Adjusted Arial Fallback', arial, sans-serif;
27
- --jkl-font-family-display: Inter, 'Adjusted Arial Display Fallback', arial, sans-serif;
28
- --jkl-font-family-mono: monospace, -apple-system, blinkmacsystemfont;
29
- }
30
- }
@@ -1,2 +0,0 @@
1
- @forward "color-scheme";
2
- @forward "fonts";
@@ -1,121 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- @layer jokul.theme {
7
- [data-brand="sparebank1"] {
8
- /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
9
- --jkl-color-background-page: #FDF7F3;
10
- --jkl-color-background-page: light-dark(#FDF7F3, #131313);
11
- --jkl-color-background-container: #FFFFFF;
12
- --jkl-color-background-container: light-dark(#FFFFFF, #222222);
13
- --jkl-color-background-container-accent: #E1EEF3;
14
- --jkl-color-background-container-accent: light-dark(#E1EEF3, #0F1F2C);
15
- --jkl-color-background-contrast: #0C4686;
16
- --jkl-color-background-contrast: light-dark(#0C4686, #00509A);
17
- --jkl-color-text-default: #191919;
18
- --jkl-color-text-default: light-dark(#191919, #FFFFFF);
19
- --jkl-color-text-subdued: #484848;
20
- --jkl-color-text-subdued: light-dark(#484848, #BABABA);
21
- --jkl-color-text-accent: #0C2053;
22
- --jkl-color-text-accent: light-dark(#0C2053, #D1E3F2);
23
- --jkl-color-text-on-contrast: #FFFFFF;
24
- --jkl-color-text-on-contrast: light-dark(#FFFFFF, #060D0D);
25
- --jkl-color-border-default: #CDCFCF;
26
- --jkl-color-border-default: light-dark(#CDCFCF, #383D3D);
27
- --jkl-color-border-subdued: #ECEDED;
28
- --jkl-color-border-subdued: light-dark(#ECEDED, #191F1F);
29
- --jkl-color-border-strong: #0C4686;
30
- --jkl-color-border-strong: light-dark(#0C4686, #94BAE1);
31
- --jkl-color-warning-background-page: #FFFFFF;
32
- --jkl-color-warning-background-page: light-dark(#FFFFFF, #060D0D);
33
- --jkl-color-warning-background-container: #FDEBCD;
34
- --jkl-color-warning-background-container: light-dark(#FDEBCD, #401A00);
35
- --jkl-color-warning-background-container-accent: #FDEBCD;
36
- --jkl-color-warning-background-container-accent: light-dark(#FDEBCD, #401A00);
37
- --jkl-color-warning-background-contrast: #0C4686;
38
- --jkl-color-warning-background-contrast: light-dark(#0C4686, #00509A);
39
- --jkl-color-warning-text-default: #5D2700;
40
- --jkl-color-warning-text-default: light-dark(#5D2700, #FFBF6A);
41
- --jkl-color-warning-text-subdued: #484848;
42
- --jkl-color-warning-text-subdued: light-dark(#484848, #BABABA);
43
- --jkl-color-warning-text-accent: #5D2700;
44
- --jkl-color-warning-text-accent: light-dark(#5D2700, #FFBF6A);
45
- --jkl-color-warning-text-on-contrast: #FFFFFF;
46
- --jkl-color-warning-text-on-contrast: light-dark(#FFFFFF, #060D0D);
47
- --jkl-color-warning-border-default: #C56709;
48
- --jkl-color-warning-border-default: light-dark(#C56709, #C56709);
49
- --jkl-color-warning-border-subdued: #ECEDED;
50
- --jkl-color-warning-border-subdued: light-dark(#ECEDED, #191F1F);
51
- --jkl-color-warning-border-strong: #0C4686;
52
- --jkl-color-warning-border-strong: light-dark(#0C4686, #94BAE1);
53
- --jkl-color-success-background-page: #FFFFFF;
54
- --jkl-color-success-background-page: light-dark(#FFFFFF, #060D0D);
55
- --jkl-color-success-background-container: #DAF5E8;
56
- --jkl-color-success-background-container: light-dark(#DAF5E8, #0D3B2A);
57
- --jkl-color-success-background-container-accent: #DAF5E8;
58
- --jkl-color-success-background-container-accent: light-dark(#DAF5E8, #0D3B2A);
59
- --jkl-color-success-background-contrast: #0C4686;
60
- --jkl-color-success-background-contrast: light-dark(#0C4686, #00509A);
61
- --jkl-color-success-text-default: #0D4430;
62
- --jkl-color-success-text-default: light-dark(#0D4430, #A9E2C6);
63
- --jkl-color-success-text-subdued: #484848;
64
- --jkl-color-success-text-subdued: light-dark(#484848, #BABABA);
65
- --jkl-color-success-text-accent: #0D4430;
66
- --jkl-color-success-text-accent: light-dark(#0D4430, #A9E2C6);
67
- --jkl-color-success-text-on-contrast: #FFFFFF;
68
- --jkl-color-success-text-on-contrast: light-dark(#FFFFFF, #060D0D);
69
- --jkl-color-success-border-default: #3F9D76;
70
- --jkl-color-success-border-default: light-dark(#3F9D76, #3F9D76);
71
- --jkl-color-success-border-subdued: #ECEDED;
72
- --jkl-color-success-border-subdued: light-dark(#ECEDED, #191F1F);
73
- --jkl-color-success-border-strong: #0C4686;
74
- --jkl-color-success-border-strong: light-dark(#0C4686, #94BAE1);
75
- --jkl-color-info-background-page: #FFFFFF;
76
- --jkl-color-info-background-page: light-dark(#FFFFFF, #060D0D);
77
- --jkl-color-info-background-container: #E1EEF3;
78
- --jkl-color-info-background-container: light-dark(#E1EEF3, #163149);
79
- --jkl-color-info-background-container-accent: #C4DEE8;
80
- --jkl-color-info-background-container-accent: light-dark(#C4DEE8, #204666);
81
- --jkl-color-info-background-contrast: #0C4686;
82
- --jkl-color-info-background-contrast: light-dark(#0C4686, #00509A);
83
- --jkl-color-info-text-default: #204666;
84
- --jkl-color-info-text-default: light-dark(#204666, #BBDAE7);
85
- --jkl-color-info-text-subdued: #484848;
86
- --jkl-color-info-text-subdued: light-dark(#484848, #BABABA);
87
- --jkl-color-info-text-accent: #204666;
88
- --jkl-color-info-text-accent: light-dark(#204666, #BBDAE7);
89
- --jkl-color-info-text-on-contrast: #FFFFFF;
90
- --jkl-color-info-text-on-contrast: light-dark(#FFFFFF, #060D0D);
91
- --jkl-color-info-border-default: #558BB5;
92
- --jkl-color-info-border-default: light-dark(#558BB5, #558BB5);
93
- --jkl-color-info-border-subdued: #ECEDED;
94
- --jkl-color-info-border-subdued: light-dark(#ECEDED, #191F1F);
95
- --jkl-color-info-border-strong: #0C4686;
96
- --jkl-color-info-border-strong: light-dark(#0C4686, #94BAE1);
97
- --jkl-color-error-background-page: #FFFFFF;
98
- --jkl-color-error-background-page: light-dark(#FFFFFF, #060D0D);
99
- --jkl-color-error-background-container: #FFDFDB;
100
- --jkl-color-error-background-container: light-dark(#FFDFDB, #591011);
101
- --jkl-color-error-background-container-accent: #FFB6AF;
102
- --jkl-color-error-background-container-accent: light-dark(#FFB6AF, #711314);
103
- --jkl-color-error-background-contrast: #0C4686;
104
- --jkl-color-error-background-contrast: light-dark(#0C4686, #00509A);
105
- --jkl-color-error-text-default: #711314;
106
- --jkl-color-error-text-default: light-dark(#711314, #FFA49E);
107
- --jkl-color-error-text-subdued: #484848;
108
- --jkl-color-error-text-subdued: light-dark(#484848, #BABABA);
109
- --jkl-color-error-text-accent: #711314;
110
- --jkl-color-error-text-accent: light-dark(#711314, #FFA49E);
111
- --jkl-color-error-text-on-contrast: #FFFFFF;
112
- --jkl-color-error-text-on-contrast: light-dark(#FFFFFF, #060D0D);
113
- --jkl-color-error-border-default: #E03A3C;
114
- --jkl-color-error-border-default: light-dark(#E03A3C, #E03A3C);
115
- --jkl-color-error-border-subdued: #ECEDED;
116
- --jkl-color-error-border-subdued: light-dark(#ECEDED, #191F1F);
117
- --jkl-color-error-border-strong: #0C4686;
118
- --jkl-color-error-border-strong: light-dark(#0C4686, #94BAE1);
119
- /* stylelint-enable declaration-block-no-duplicate-custom-properties */
120
- }
121
- }
@@ -1,38 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
-
6
- $webfonts-dir-sparebank1: "/fonts/brands/sparebank1" !default;
7
-
8
- @layer jokul.theme {
9
- @font-face {
10
- font-family: "SpareBank1 Sans";
11
- font-display: fallback;
12
- font-weight: 400;
13
- font-style: normal;
14
- src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Regular-Web.woff2") format("woff2");
15
- }
16
-
17
- @font-face {
18
- font-family: "SpareBank1 Sans";
19
- font-display: fallback;
20
- font-weight: 500;
21
- font-style: normal;
22
- src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Medium-Web.woff2") format("woff2");
23
- }
24
-
25
- @font-face {
26
- font-family: "SpareBank1 Title";
27
- font-display: fallback;
28
- font-weight: 500;
29
- font-style: normal;
30
- src: url("#{$webfonts-dir-sparebank1}/SpareBank1-Title-Medium-Web.woff2") format("woff2");
31
- }
32
-
33
- [data-brand="sparebank1"] {
34
- --jkl-font-family-regular: 'SpareBank1 Sans', 'Adjusted Arial Fallback', arial, sans-serif;
35
- --jkl-font-family-display: 'SpareBank1 Title', 'Adjusted Arial Display Fallback', arial, sans-serif;
36
- --jkl-font-family-mono: 'Adjusted Courier New Fallback', -apple-system, blinkmacsystemfont, monospace;
37
- }
38
- }
@@ -1,2 +0,0 @@
1
- @forward "color-scheme";
2
- @forward "fonts";