@govtechsg/sgds-web-component 3.23.0 → 3.24.0-rc.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 (70) hide show
  1. package/components/ComboBox/index.umd.min.js +1 -1
  2. package/components/ComboBox/index.umd.min.js.map +1 -1
  3. package/components/ComboBox/sgds-combo-box.d.ts +2 -0
  4. package/components/ComboBox/sgds-combo-box.js +14 -5
  5. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  6. package/components/Datepicker/datepicker-calendar.js +4 -4
  7. package/components/Datepicker/datepicker-calendar.js.map +1 -1
  8. package/components/Datepicker/datepicker-header.js +2 -2
  9. package/components/Datepicker/datepicker-header.js.map +1 -1
  10. package/components/Datepicker/datepicker-input.js +13 -48
  11. package/components/Datepicker/datepicker-input.js.map +1 -1
  12. package/components/Datepicker/index.umd.min.js +342 -342
  13. package/components/Datepicker/index.umd.min.js.map +1 -1
  14. package/components/Datepicker/sgds-datepicker.js +6 -6
  15. package/components/Datepicker/sgds-datepicker.js.map +1 -1
  16. package/components/index.umd.min.js +219 -219
  17. package/components/index.umd.min.js.map +1 -1
  18. package/css/fouc.css +2 -2
  19. package/css/reboot.css +12 -6
  20. package/css/utility.css +8 -0
  21. package/custom-elements.json +753 -746
  22. package/index.umd.min.js +296 -296
  23. package/index.umd.min.js.map +1 -1
  24. package/package.json +1 -3
  25. package/react/components/ComboBox/sgds-combo-box.cjs.js +14 -5
  26. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  27. package/react/components/ComboBox/sgds-combo-box.js +14 -5
  28. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  29. package/react/components/Datepicker/datepicker-calendar.cjs.js +4 -4
  30. package/react/components/Datepicker/datepicker-calendar.cjs.js.map +1 -1
  31. package/react/components/Datepicker/datepicker-calendar.js +4 -4
  32. package/react/components/Datepicker/datepicker-calendar.js.map +1 -1
  33. package/react/components/Datepicker/datepicker-header.cjs.js +2 -2
  34. package/react/components/Datepicker/datepicker-header.cjs.js.map +1 -1
  35. package/react/components/Datepicker/datepicker-header.js +2 -2
  36. package/react/components/Datepicker/datepicker-header.js.map +1 -1
  37. package/react/components/Datepicker/datepicker-input.cjs.js +13 -52
  38. package/react/components/Datepicker/datepicker-input.cjs.js.map +1 -1
  39. package/react/components/Datepicker/datepicker-input.js +13 -48
  40. package/react/components/Datepicker/datepicker-input.js.map +1 -1
  41. package/react/components/Datepicker/sgds-datepicker.cjs.js +6 -6
  42. package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
  43. package/react/components/Datepicker/sgds-datepicker.js +6 -6
  44. package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
  45. package/react/index.cjs.js +8 -8
  46. package/react/index.d.ts +2 -2
  47. package/react/index.js +2 -2
  48. package/react/utils/date-helpers.cjs.js +120 -0
  49. package/react/utils/date-helpers.cjs.js.map +1 -0
  50. package/react/utils/date-helpers.js +108 -0
  51. package/react/utils/date-helpers.js.map +1 -0
  52. package/react/utils/date-mask.cjs.js +203 -0
  53. package/react/utils/date-mask.cjs.js.map +1 -0
  54. package/react/utils/date-mask.js +199 -0
  55. package/react/utils/date-mask.js.map +1 -0
  56. package/react/utils/time.cjs.js +7 -7
  57. package/react/utils/time.cjs.js.map +1 -1
  58. package/react/utils/time.js +1 -1
  59. package/react/utils/time.js.map +1 -1
  60. package/themes/responsive.css +15 -0
  61. package/themes/root.css +5 -0
  62. package/types/react.d.ts +18 -18
  63. package/utils/date-helpers.d.ts +22 -0
  64. package/utils/date-helpers.js +107 -0
  65. package/utils/date-helpers.js.map +1 -0
  66. package/utils/date-mask.d.ts +44 -0
  67. package/utils/date-mask.js +198 -0
  68. package/utils/date-mask.js.map +1 -0
  69. package/utils/time.js +1 -1
  70. package/utils/time.js.map +1 -1
package/css/fouc.css CHANGED
@@ -3,10 +3,10 @@ sgds-accordion:not(:defined),
3
3
  sgds-alert-link:not(:defined),
4
4
  sgds-alert:not(:defined),
5
5
  sgds-badge:not(:defined),
6
- sgds-button:not(:defined),
7
- sgds-card:not(:defined),
8
6
  sgds-breadcrumb-item:not(:defined),
9
7
  sgds-breadcrumb:not(:defined),
8
+ sgds-button:not(:defined),
9
+ sgds-card:not(:defined),
10
10
  sgds-checkbox-group:not(:defined),
11
11
  sgds-checkbox:not(:defined),
12
12
  sgds-close-button:not(:defined),
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
@@ -286,6 +286,9 @@
286
286
  --text-body-sm: var(--sgds-font-size-body-sm);
287
287
  --text-body-md: var(--sgds-font-size-body-md);
288
288
  --text-body-lg: var(--sgds-font-size-body-lg);
289
+ --text-list-sm: var(--sgds-font-size-list-sm);
290
+ --text-list-md: var(--sgds-font-size-list-md);
291
+ --text-list-lg: var(--sgds-font-size-list-lg);
289
292
  --text-label-xs: var(--sgds-font-size-label-xs);
290
293
  --text-label-sm: var(--sgds-font-size-label-sm);
291
294
  --text-label-md: var(--sgds-font-size-label-md);
@@ -434,6 +437,11 @@
434
437
  --margin-paragraph-lg: var(--sgds-paragraph-spacing-lg);
435
438
  --margin-paragraph-xl: var(--sgds-paragraph-spacing-xl);
436
439
 
440
+ /* List Spacing */
441
+ --margin-list-sm: var(--sgds-list-spacing-sm);
442
+ --margin-list-md: var(--sgds-list-spacing-md);
443
+ --margin-list-lg: var(--sgds-list-spacing-lg);
444
+
437
445
  /* Z-Index - Primitive */
438
446
  --z-0: var(--sgds-z-index-0);
439
447
  --z-100: var(--sgds-z-index-100);