@digigov/css 0.33.1 → 0.34.0

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 (24) hide show
  1. package/defaultTheme/button.json +9 -3
  2. package/defaultTheme/footer.json +8 -0
  3. package/defaultTheme/form.json +15 -0
  4. package/defaultTheme/globals.json +71 -0
  5. package/defaultTheme/index.js +3 -7
  6. package/defaultTheme/misc.json +40 -0
  7. package/defaultTheme/typography.json +76 -21
  8. package/dist/base/index.css +3 -3
  9. package/dist/base.js +1 -1
  10. package/dist/components.js +1 -1
  11. package/dist/digigov.css +4 -4
  12. package/package.json +1 -1
  13. package/src/components/accessibility-menu.css +74 -0
  14. package/src/components/button.css +4 -3
  15. package/src/components/details.css +9 -2
  16. package/src/components/drawer.css +1 -1
  17. package/src/components/dropdown.css +6 -3
  18. package/src/components/filter.css +55 -21
  19. package/src/components/footer.css +4 -0
  20. package/src/components/form.css +4 -2
  21. package/src/components/index.css +1 -0
  22. package/src/components/nav.css +87 -71
  23. package/src/components/svg-icons.css +7 -4
  24. package/src/components/typography.css +31 -1
package/src/components/typography.css CHANGED
@@ -4,6 +4,7 @@
4
4
  line-height:var(--heading-xl-line-height);
5
5
  margin-bottom:var(--heading-xl-margin-bottom);
6
6
  font-weight: var(--heading-xl-font-weight);
7
+ letter-spacing: var(--heading-xl-letter-spacing);
7
8
  }
8
9
  .govgr-heading-l {
9
10
  @apply mx-0;
@@ -11,6 +12,7 @@
11
12
  line-height:var(--heading-l-line-height);
12
13
  margin-bottom:var(--heading-l-margin-bottom);
13
14
  font-weight: var(--heading-l-font-weight);
15
+ letter-spacing: var(--heading-l-letter-spacing);
14
16
  }
15
17
  .govgr-heading-m {
16
18
  @apply mx-0;
@@ -18,6 +20,7 @@
18
20
  line-height:var(--heading-m-line-height);
19
21
  margin-bottom:var(--heading-m-margin-bottom);
20
22
  font-weight: var(--heading-m-font-weight);
23
+ letter-spacing: var(--heading-m-letter-spacing);
21
24
  }
22
25
  .govgr-heading-s {
23
26
  @apply mx-0 ;
@@ -25,6 +28,7 @@
25
28
  line-height:var(--heading-s-line-height);
26
29
  margin-bottom:var(--heading-s-margin-bottom);
27
30
  font-weight: var(--heading-s-font-weight);
31
+ letter-spacing: var(--heading-s-letter-spacing);
28
32
  }
29
33
  .govgr-caption-xl {
30
34
  @apply block mx-0 font-normal;
@@ -33,6 +37,7 @@
33
37
  line-height: var(--caption-xl-line-height);
34
38
  margin-bottom: var(--caption-xl-margin-bottom);
35
39
  font-weight: var(--caption-xl-font-weight);
40
+ letter-spacing: var(--heading-xl-letter-spacing);
36
41
 
37
42
  }
38
43
  .govgr-caption-l {
@@ -42,6 +47,7 @@
42
47
  line-height: var(--caption-l-line-height);
43
48
  margin-bottom: var(--caption-l-margin-bottom);
44
49
  font-weight: var(--caption-l-font-weight);
50
+ letter-spacing: var(--caption-l-letter-spacing);
45
51
 
46
52
  }
47
53
  .govgr-caption-m {
@@ -51,6 +57,7 @@
51
57
  line-height: var(--caption-m-line-height);
52
58
  margin-bottom: var(--caption-m-margin-bottom);
53
59
  font-weight: var(--caption-m-font-weight);
60
+ letter-spacing: var(--caption-m-letter-spacing);
54
61
 
55
62
  }
56
63
  .govgr-\!-font-size-14 {
@@ -79,6 +86,9 @@
79
86
  }
80
87
  .govgr-list {
81
88
  @apply list-none list-outside mt-4;
89
+ font-size: var(--list-font-size);
90
+ line-height: var(--list-line-height);
91
+ letter-spacing: var(--list-letter-spacing);
82
92
  .govgr-list__item {
83
93
  @apply mb-2;
84
94
  &:last-child{
@@ -108,13 +118,18 @@
108
118
  @apply mb-4;
109
119
  }
110
120
  .govgr-list, .govgr-blockquote {
111
- @apply md:mb-8 mb-4 text-base-content md:text-lg md:leading-normal text-base;
121
+ @apply md:mb-8 mb-4 text-base-content;
122
+ }
123
+ .govgr-blockquote {
124
+ font-size: var(--blockquote-font-size);
125
+ line-height: var(--blockquote-line-height);
112
126
  }
113
127
  .govgr-body {
114
128
  font-size: var(--body-font-size);
115
129
  line-height: var(--body-line-height);
116
130
  margin-bottom: var(--body-margin-bottom);
117
131
  color: var(--body-color);
132
+ letter-spacing: var(--body-letter-spacing);
118
133
  }
119
134
  .govgr-body-l {
120
135
  font-size: var(--body-l-font-size);
@@ -132,6 +147,7 @@
132
147
  line-height: var(--hint-line-height);
133
148
  margin-bottom: var(--hint-margin-bottom);
134
149
  color: var(--hint-color);
150
+ letter-spacing: var(--hint-letter-spacing);
135
151
  }
136
152
  .govgr-hint-s {
137
153
  @apply mb-4 lg:text-base text-sm text-gray600;
@@ -153,6 +169,8 @@
153
169
  color: var(--link-color);
154
170
  padding: var(--link-padding);
155
171
  font-size: var(--link-font-size);
172
+ line-height: var(--link-line-height);
173
+ letter-spacing: var(--link-letter-spacing);
156
174
  &:hover {
157
175
  text-decoration-thickness: 2px;
158
176
  color: var(--link-color-hover);
@@ -191,6 +209,7 @@
191
209
  }
192
210
  .govgr-back-link {
193
211
  font-size: var(--back-link-font-size);
212
+ letter-spacing: var(--back-link-letter-spacing);
194
213
  @apply w-fit text-base-content underline flex items-center mb-4 cursor-pointer;
195
214
  &:hover {
196
215
  text-decoration-thickness: 2px;
@@ -212,6 +231,17 @@
212
231
  }
213
232
  }
214
233
 
234
+ .govgr-highlight-links {
235
+ .govgr-link {
236
+ @apply bg-base-content p-1 text-focus underline m-1;
237
+ }
238
+ &.dark {
239
+ .govgr-link {
240
+ @apply bg-gray100;
241
+ }
242
+ }
243
+ }
244
+
215
245
  @media print {
216
246
  .govgr-body .govgr-link[href^="#"]:after {
217
247
  display: none;