@helsenorge/designsystem-react 10.6.0 → 10.6.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 (73) hide show
  1. package/CHANGELOG.md +852 -1402
  2. package/components/AnchorLink/styles.module.scss +9 -8
  3. package/components/Avatar/styles.module.scss +9 -9
  4. package/components/Badge/styles.module.scss +9 -9
  5. package/components/Button/styles.module.scss +59 -65
  6. package/components/Checkbox/styles.module.scss +103 -103
  7. package/components/Chip/styles.module.scss +22 -22
  8. package/components/Close/styles.module.scss +4 -4
  9. package/components/DictionaryTrigger/styles.module.scss +5 -5
  10. package/components/Drawer/styles.module.scss +16 -16
  11. package/components/Dropdown/styles.module.scss +51 -51
  12. package/components/Duolist/styles.module.scss +4 -5
  13. package/components/EmptyState/styles.module.scss +12 -12
  14. package/components/Expander/styles.module.scss +46 -46
  15. package/components/ExpanderHierarchy/expander.module.scss +29 -29
  16. package/components/ExpanderHierarchy/styles.module.scss +5 -4
  17. package/components/ExpanderList/styles.module.scss +30 -30
  18. package/components/EyebrowHeader/styles.module.scss +2 -0
  19. package/components/FormGroup/styles.module.scss +9 -9
  20. package/components/FormLayout/styles.module.scss +5 -4
  21. package/components/HelpBubble/styles.module.scss +13 -13
  22. package/components/HelpPanel/styles.module.scss +2 -2
  23. package/components/HelpQuestion/styles.module.scss +19 -19
  24. package/components/HighlightPanel/styles.module.scss +20 -20
  25. package/components/HorizontalScroll/styles.module.scss +3 -4
  26. package/components/Input/styles.module.scss +12 -12
  27. package/components/Label/styles.module.scss +15 -15
  28. package/components/LinkList/styles.module.scss +33 -33
  29. package/components/ListHeader/styles.module.scss +8 -8
  30. package/components/Loader/styles.module.scss +14 -14
  31. package/components/MaxCharacters/styles.module.scss +11 -11
  32. package/components/Modal/styles.module.scss +34 -34
  33. package/components/NotificationPanel/styles.module.scss +33 -33
  34. package/components/Panel/styles.module.scss +45 -45
  35. package/components/PanelList/styles.module.scss +5 -5
  36. package/components/PopMenu/styles.module.scss +15 -15
  37. package/components/PopOver/styles.module.scss +14 -13
  38. package/components/PopOver/styles.module.scss.d.ts +3 -0
  39. package/components/Progressbar/styles.module.scss +4 -4
  40. package/components/PromoPanel/styles.module.scss +22 -22
  41. package/components/RadioButton/styles.module.scss +99 -99
  42. package/components/Select/styles.module.scss +21 -21
  43. package/components/ServiceMessage/styles.module.scss +49 -49
  44. package/components/SharingStatus/styles.module.scss +13 -13
  45. package/components/Slider/styles.module.scss +24 -24
  46. package/components/Spacer/styles.module.scss +14 -14
  47. package/components/StatusDot/styles.module.scss +22 -22
  48. package/components/Step/styles.module.scss +3 -3
  49. package/components/StepButtons/styles.module.scss +9 -9
  50. package/components/Stepper/styles.module.scss +15 -23
  51. package/components/StickyNote/styles.module.scss +3 -3
  52. package/components/Table/styles.module.scss +32 -32
  53. package/components/Tabs/TabList/styles.module.scss +1 -1
  54. package/components/Tabs/TabPanel/styles.module.scss +5 -5
  55. package/components/Tabs/styles.module.scss +1 -1
  56. package/components/Tag/styles.module.scss +16 -16
  57. package/components/TagList/styles.module.scss +4 -4
  58. package/components/Textarea/styles.module.scss +9 -9
  59. package/components/Tile/styles.module.scss +25 -25
  60. package/components/Title/styles.module.scss +8 -8
  61. package/components/Toggle/styles.module.scss +14 -14
  62. package/components/Tooltip/TooltipWord/styles.module.scss +4 -4
  63. package/components/Trigger/styles.module.scss +21 -21
  64. package/components/Validation/styles.module.scss +10 -10
  65. package/package.json +1 -1
  66. package/scss/_body.scss +6 -5
  67. package/scss/_breakpoints.scss +2 -2
  68. package/scss/_font-mixins.scss +2 -2
  69. package/scss/_fonts.scss +2 -0
  70. package/scss/_input.scss +50 -53
  71. package/scss/_print.scss +2 -2
  72. package/scss/layout.module.scss +2 -2
  73. package/scss/typography.module.scss +43 -44
package/scss/typography.module.scss CHANGED
@@ -1,10 +1,9 @@
1
1
  @use 'sass:map';
2
- @use './spacers' as spacers;
3
- @use './palette' as palette;
4
- @use './font-mixins' as fonts;
5
- @use './font-settings' as font-settings;
6
- @use './breakpoints' as *;
2
+ @import './spacers';
3
+ @import './breakpoints';
7
4
  @import './fonts';
5
+ @import './palette';
6
+ @import './font-mixins';
8
7
 
9
8
  /*
10
9
  Denne filen er ment til å importeres som en css module:
@@ -13,123 +12,123 @@ import designsystemtypography from './scss/typography.scss'
13
12
  */
14
13
 
15
14
  .title-feature {
16
- @include fonts.title-feature;
15
+ @include title-feature;
17
16
  }
18
17
 
19
18
  .focused-content {
20
- font-size: font-settings.$font-size-sm;
21
- line-height: font-settings.$lineheight-size-sm;
19
+ font-size: $font-size-sm;
20
+ line-height: $lineheight-size-sm;
22
21
  }
23
22
 
24
23
  .title1 {
25
- @include fonts.title1;
24
+ @include title1;
26
25
  }
27
26
 
28
27
  .title2 {
29
- @include fonts.title2;
28
+ @include title2;
30
29
  }
31
30
 
32
31
  .title3 {
33
- @include fonts.title3;
32
+ @include title3;
34
33
  }
35
34
 
36
35
  .title4 {
37
- @include fonts.title4;
36
+ @include title4;
38
37
  }
39
38
 
40
39
  .title5 {
41
- @include fonts.title5;
40
+ @include title5;
42
41
  }
43
42
 
44
43
  .title6 {
45
- @include fonts.title6;
44
+ @include title6;
46
45
  }
47
46
 
48
47
  .body {
49
- @include fonts.body;
48
+ @include body;
50
49
  }
51
50
 
52
51
  .preamble {
53
- @include fonts.preamble;
52
+ @include preamble;
54
53
  }
55
54
 
56
55
  .legend {
57
- @include fonts.legend;
56
+ @include legend;
58
57
  }
59
58
 
60
59
  .label {
61
- @include fonts.label;
60
+ @include label;
62
61
  }
63
62
 
64
63
  .label-subdued {
65
- @include fonts.label-subdued;
64
+ @include label-subdued;
66
65
  }
67
66
 
68
67
  .sublabel {
69
- @include fonts.sublabel;
68
+ @include sublabel;
70
69
  }
71
70
 
72
71
  .sublabel-subdued {
73
- @include fonts.sublabel-subdued;
72
+ @include sublabel-subdued;
74
73
  }
75
74
 
76
75
  .compact-data {
77
- @include fonts.compact-data;
76
+ @include compact-data;
78
77
  }
79
78
 
80
79
  .table-cell {
81
- @include fonts.table-cell;
80
+ @include table-cell;
82
81
  }
83
82
 
84
83
  .strong {
85
- font-size: font-settings.$font-size-sm;
86
- line-height: font-settings.$lineheight-size-sm;
84
+ font-size: $font-size-sm;
85
+ line-height: $lineheight-size-sm;
87
86
 
88
87
  @media (min-width: map.get($grid-breakpoints, md)) {
89
- font-size: font-settings.$font-size-md;
90
- line-height: font-settings.$lineheight-size-md;
88
+ font-size: $font-size-md;
89
+ line-height: $lineheight-size-md;
91
90
  }
92
91
  }
93
92
 
94
93
  .form {
95
- font-size: font-settings.$font-size-sm;
96
- line-height: font-settings.$lineheight-size-sm;
94
+ font-size: $font-size-sm;
95
+ line-height: $lineheight-size-sm;
97
96
 
98
97
  @media (min-width: map.get($grid-breakpoints, md)) {
99
- font-size: font-settings.$font-size-md;
98
+ font-size: $font-size-md;
100
99
  }
101
100
  }
102
101
 
103
102
  .status-timestamp {
104
- @include fonts.status-timestamp;
103
+ @include status-timestamp;
105
104
  }
106
105
 
107
106
  .image-caption {
108
- @include fonts.image-caption;
107
+ @include image-caption;
109
108
  }
110
109
 
111
110
  .image-credit {
112
- @include fonts.image-credit;
111
+ @include image-credit;
113
112
  }
114
113
 
115
114
  .input-text {
116
- @include fonts.input-text;
115
+ @include input-text;
117
116
  }
118
117
 
119
118
  .input-text-large {
120
- @include fonts.input-text-large;
119
+ @include input-text-large;
121
120
  }
122
121
 
123
122
  .text-list {
124
- @include fonts.text-list;
123
+ @include text-list;
125
124
  }
126
125
 
127
126
  .definition-list-type {
128
- @include fonts.definition-list-type;
127
+ @include definition-list-type;
129
128
  }
130
129
 
131
130
  .definition-list-data {
132
- @include fonts.definition-list-data;
131
+ @include definition-list-data;
133
132
  }
134
133
 
135
134
  .anchorlink-wrapper {
@@ -139,24 +138,24 @@ import designsystemtypography from './scss/typography.scss'
139
138
  overflow-wrap: break-word;
140
139
  word-break: break-word;
141
140
  text-align: left;
142
- color: palette.$blueberry600;
141
+ color: $blueberry600;
143
142
  border: 0.15rem solid transparent;
144
143
  text-decoration: underline;
145
144
  text-underline-offset: 0.16rem;
146
- text-decoration-color: palette.$blueberry400;
145
+ text-decoration-color: $blueberry400;
147
146
  text-decoration-thickness: 0.0625rem;
148
147
  padding: 0.1rem;
149
148
 
150
149
  &:hover {
151
150
  cursor: pointer;
152
- color: palette.$blueberry700;
153
- background-color: palette.$blueberry50;
154
- text-decoration-color: palette.$blueberry600;
151
+ color: $blueberry700;
152
+ background-color: $blueberry50;
153
+ text-decoration-color: $blueberry600;
155
154
  }
156
155
 
157
156
  &:focus {
158
157
  outline: none;
159
- border: 0.15rem solid palette.$black;
158
+ border: 0.15rem solid $black;
160
159
  }
161
160
 
162
161
  &[target='_blank'] {