@govtechsg/sgds-web-component 3.23.0-rc.6 → 3.23.0-rc.7

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 (6) hide show
  1. package/css/reboot.css +12 -6
  2. package/css/utility.css +8 -0
  3. package/custom-elements.json +1 -1
  4. package/package.json +1 -1
  5. package/themes/responsive.css +15 -0
  6. package/themes/root.css +5 -0
package/css/reboot.css CHANGED
@@ -27,28 +27,34 @@ label {
27
27
  ol,
28
28
  ul {
29
29
  font-family: var(--sgds-font-family-brand);
30
- font-size: var(--sgds-font-size-body-md);
30
+ font-size: var(--sgds-font-size-list-md);
31
31
  font-weight: var(--sgds-font-weight-regular);
32
32
  line-height: var(--sgds-line-height-xs);
33
33
  list-style-position: outside;
34
34
  padding-left: var(--sgds-padding-2-xl);
35
- margin-top: var(--sgds-margin-xs);
35
+ margin-top: var(--sgds-margin-none);
36
+ margin-bottom: var(--sgds-paragraph-spacing-lg);
36
37
  }
37
38
 
38
39
  li {
39
40
  font-family: var(--sgds-font-family-brand);
40
- font-size: var(--sgds-font-size-body-md);
41
+ font-size: var(--sgds-font-size-list-md);
41
42
  font-weight: var(--sgds-font-weight-regular);
42
43
  line-height: var(--sgds-line-height-xs);
43
44
  list-style-position: outside;
44
- margin-top: var(--sgds-margin-xs);
45
+ margin-top: var(--sgds-list-spacing-md);
46
+ }
47
+ li:last-child {
48
+ margin-bottom: var(--sgds-margin-none);
45
49
  }
46
50
  li > ol {
47
51
  list-style-type: lower-alpha;
52
+ margin-bottom: var(--sgds-list-spacing-md);
48
53
  }
49
54
  li > ul {
50
55
  list-style-type: disc;
51
- }
56
+ margin-bottom: var(--sgds-list-spacing-md);
57
+ }
52
58
 
53
59
  /* HEADINGS */
54
60
  h1,
@@ -124,7 +130,7 @@ caption {
124
130
  p {
125
131
  font-size: var(--sgds-font-size-body-md);
126
132
  font-weight: var(--sgds-font-weight-regular);
127
- margin-bottom: var(--sgds-paragraph-spacing-xl);
133
+ margin-bottom: var(--sgds-paragraph-spacing-lg);
128
134
  font-family: var(--sgds-font-family-brand);
129
135
  line-height: var(--sgds-line-height-xs);
130
136
  letter-spacing: var(--sgds-letter-spacing-normal);
package/css/utility.css CHANGED
@@ -285,6 +285,9 @@
285
285
  --text-body-sm: var(--sgds-font-size-body-sm);
286
286
  --text-body-md: var(--sgds-font-size-body-md);
287
287
  --text-body-lg: var(--sgds-font-size-body-lg);
288
+ --text-list-sm: var(--sgds-font-size-list-sm);
289
+ --text-list-md: var(--sgds-font-size-list-md);
290
+ --text-list-lg: var(--sgds-font-size-list-lg);
288
291
  --text-label-xs: var(--sgds-font-size-label-xs);
289
292
  --text-label-sm: var(--sgds-font-size-label-sm);
290
293
  --text-label-md: var(--sgds-font-size-label-md);
@@ -433,6 +436,11 @@
433
436
  --margin-paragraph-lg: var(--sgds-paragraph-spacing-lg);
434
437
  --margin-paragraph-xl: var(--sgds-paragraph-spacing-xl);
435
438
 
439
+ /* List Spacing */
440
+ --margin-list-sm: var(--sgds-list-spacing-sm);
441
+ --margin-list-md: var(--sgds-list-spacing-md);
442
+ --margin-list-lg: var(--sgds-list-spacing-lg);
443
+
436
444
  /* Z-Index - Primitive */
437
445
  --z-0: var(--sgds-z-index-0);
438
446
  --z-100: var(--sgds-z-index-100);
package/custom-elements.json CHANGED
@@ -27955,7 +27955,7 @@
27955
27955
  "package": {
27956
27956
  "name": "@govtechsg/sgds-web-component",
27957
27957
  "description": "",
27958
- "version": "3.23.0-rc.6",
27958
+ "version": "3.23.0-rc.7",
27959
27959
  "author": "GovTechSG",
27960
27960
  "license": "MIT"
27961
27961
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@govtechsg/sgds-web-component",
3
- "version": "3.23.0-rc.6",
3
+ "version": "3.23.0-rc.7",
4
4
  "description": "",
5
5
  "main": "./index.umd.js",
6
6
  "module": "./index.js",
package/themes/responsive.css CHANGED
@@ -25,6 +25,11 @@
25
25
  --sgds-font-size-label-md: var(--sgds-font-size-16);
26
26
  --sgds-font-size-label-lg: var(--sgds-font-size-18);
27
27
 
28
+ /* Font Size - List */
29
+ --sgds-font-size-list-sm: var(--sgds-font-size-14);
30
+ --sgds-font-size-list-md: var(--sgds-font-size-16);
31
+ --sgds-font-size-list-lg: var(--sgds-font-size-18);
32
+
28
33
  /* Font Size - Caption */
29
34
  --sgds-font-size-caption-md: var(--sgds-font-size-14);
30
35
 
@@ -118,6 +123,11 @@
118
123
  --sgds-font-size-label-md: var(--sgds-font-size-16);
119
124
  --sgds-font-size-label-lg: var(--sgds-font-size-20);
120
125
 
126
+ /* Font Size - List */
127
+ --sgds-font-size-list-sm: var(--sgds-font-size-14);
128
+ --sgds-font-size-list-md: var(--sgds-font-size-16);
129
+ --sgds-font-size-list-lg: var(--sgds-font-size-20);
130
+
121
131
  /* Font Size - Caption */
122
132
  --sgds-font-size-caption-md: var(--sgds-font-size-14);
123
133
 
@@ -212,6 +222,11 @@
212
222
  --sgds-font-size-label-md: var(--sgds-font-size-16);
213
223
  --sgds-font-size-label-lg: var(--sgds-font-size-20);
214
224
 
225
+ /* Font Size - List */
226
+ --sgds-font-size-list-sm: var(--sgds-font-size-14);
227
+ --sgds-font-size-list-md: var(--sgds-font-size-16);
228
+ --sgds-font-size-list-lg: var(--sgds-font-size-20);
229
+
215
230
  /* Font Size - Caption */
216
231
  --sgds-font-size-caption-md: var(--sgds-font-size-14);
217
232
 
package/themes/root.css CHANGED
@@ -225,6 +225,11 @@
225
225
  --sgds-paragraph-spacing-lg: 1.5rem;
226
226
  --sgds-paragraph-spacing-xl: 2rem;
227
227
 
228
+ /* Primitive - List Spacing */
229
+ --sgds-list-spacing-sm: 0.5rem;
230
+ --sgds-list-spacing-md: 0.75rem;
231
+ --sgds-list-spacing-lg: 1rem;
232
+
228
233
  /* Primitive - Spacer */
229
234
  --sgds-spacer-0: 0rem;
230
235
  --sgds-spacer-1: 0.125rem;