@govtechsg/sgds-web-component 3.14.1-rc.0 → 3.15.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 (172) hide show
  1. package/base/dropdown-element.d.ts +2 -0
  2. package/base/dropdown-element.js +8 -2
  3. package/base/dropdown-element.js.map +1 -1
  4. package/components/Accordion/index.umd.min.js +8 -8
  5. package/components/Accordion/index.umd.min.js.map +1 -1
  6. package/components/Accordion/sgds-accordion.d.ts +1 -2
  7. package/components/Accordion/sgds-accordion.js +2 -3
  8. package/components/Accordion/sgds-accordion.js.map +1 -1
  9. package/components/Breadcrumb/index.umd.min.js +1 -1
  10. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  11. package/components/ComboBox/index.umd.min.js +24 -24
  12. package/components/ComboBox/index.umd.min.js.map +1 -1
  13. package/components/ComboBox/sgds-combo-box.js +2 -2
  14. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  15. package/components/Datepicker/datepicker.js +1 -1
  16. package/components/Datepicker/index.umd.min.js +3 -3
  17. package/components/Datepicker/index.umd.min.js.map +1 -1
  18. package/components/Datepicker/sgds-datepicker.js +1 -1
  19. package/components/Datepicker/sgds-datepicker.js.map +1 -1
  20. package/components/Dropdown/dropdown-menu.js +1 -1
  21. package/components/Dropdown/index.umd.min.js +1 -1
  22. package/components/Dropdown/index.umd.min.js.map +1 -1
  23. package/components/Dropdown/sgds-dropdown.js +1 -1
  24. package/components/Dropdown/sgds-dropdown.js.map +1 -1
  25. package/components/Mainnav/index.umd.min.js +8 -8
  26. package/components/Mainnav/index.umd.min.js.map +1 -1
  27. package/components/Mainnav/sgds-mainnav.d.ts +3 -1
  28. package/components/Mainnav/sgds-mainnav.js +9 -5
  29. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  30. package/components/OverflowMenu/index.umd.min.js +1 -1
  31. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  32. package/components/Select/index.umd.min.js +7 -7
  33. package/components/Select/index.umd.min.js.map +1 -1
  34. package/components/Select/sgds-select.js +2 -2
  35. package/components/Select/sgds-select.js.map +1 -1
  36. package/components/index.d.ts +0 -1
  37. package/components/index.js +0 -1
  38. package/components/index.js.map +1 -1
  39. package/components/index.umd.min.js +77 -130
  40. package/components/index.umd.min.js.map +1 -1
  41. package/css/fouc.css +0 -4
  42. package/css/sgds.css +2 -2
  43. package/css/utility.css +29 -18
  44. package/index.d.ts +0 -1
  45. package/index.js +0 -1
  46. package/index.js.map +1 -1
  47. package/index.umd.min.js +65 -196
  48. package/index.umd.min.js.map +1 -1
  49. package/package.json +1 -1
  50. package/react/base/dropdown-element.cjs.js +8 -2
  51. package/react/base/dropdown-element.cjs.js.map +1 -1
  52. package/react/base/dropdown-element.js +8 -2
  53. package/react/base/dropdown-element.js.map +1 -1
  54. package/react/components/Accordion/sgds-accordion.cjs.js +2 -3
  55. package/react/components/Accordion/sgds-accordion.cjs.js.map +1 -1
  56. package/react/components/Accordion/sgds-accordion.js +2 -3
  57. package/react/components/Accordion/sgds-accordion.js.map +1 -1
  58. package/react/components/ComboBox/sgds-combo-box.cjs.js +2 -2
  59. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  60. package/react/components/ComboBox/sgds-combo-box.js +2 -2
  61. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  62. package/react/components/Datepicker/datepicker.cjs.js +1 -1
  63. package/react/components/Datepicker/datepicker.js +1 -1
  64. package/react/components/Datepicker/sgds-datepicker.cjs.js +1 -1
  65. package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
  66. package/react/components/Datepicker/sgds-datepicker.js +1 -1
  67. package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
  68. package/react/components/Dropdown/dropdown-menu.cjs.js +1 -1
  69. package/react/components/Dropdown/dropdown-menu.js +1 -1
  70. package/react/components/Dropdown/sgds-dropdown.cjs.js +1 -1
  71. package/react/components/Dropdown/sgds-dropdown.cjs.js.map +1 -1
  72. package/react/components/Dropdown/sgds-dropdown.js +1 -1
  73. package/react/components/Dropdown/sgds-dropdown.js.map +1 -1
  74. package/react/components/Mainnav/sgds-mainnav.cjs.js +9 -5
  75. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  76. package/react/components/Mainnav/sgds-mainnav.js +9 -5
  77. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  78. package/react/components/Select/sgds-select.cjs.js +2 -2
  79. package/react/components/Select/sgds-select.cjs.js.map +1 -1
  80. package/react/components/Select/sgds-select.js +2 -2
  81. package/react/components/Select/sgds-select.js.map +1 -1
  82. package/react/index.cjs.js +48 -56
  83. package/react/index.cjs.js.map +1 -1
  84. package/react/index.d.ts +0 -4
  85. package/react/index.js +0 -4
  86. package/react/index.js.map +1 -1
  87. package/themes/responsive.css +18 -0
  88. package/base/sidebar-element.d.ts +0 -112
  89. package/base/sidebar-element.js +0 -281
  90. package/base/sidebar-element.js.map +0 -1
  91. package/components/Sidebar/index.d.ts +0 -16
  92. package/components/Sidebar/index.js +0 -10
  93. package/components/Sidebar/index.js.map +0 -1
  94. package/components/Sidebar/index.umd.min.js +0 -2501
  95. package/components/Sidebar/index.umd.min.js.map +0 -1
  96. package/components/Sidebar/sgds-sidebar-group.d.ts +0 -51
  97. package/components/Sidebar/sgds-sidebar-group.js +0 -124
  98. package/components/Sidebar/sgds-sidebar-group.js.map +0 -1
  99. package/components/Sidebar/sgds-sidebar-item.d.ts +0 -25
  100. package/components/Sidebar/sgds-sidebar-item.js +0 -73
  101. package/components/Sidebar/sgds-sidebar-item.js.map +0 -1
  102. package/components/Sidebar/sgds-sidebar-section.d.ts +0 -56
  103. package/components/Sidebar/sgds-sidebar-section.js +0 -125
  104. package/components/Sidebar/sgds-sidebar-section.js.map +0 -1
  105. package/components/Sidebar/sgds-sidebar.d.ts +0 -156
  106. package/components/Sidebar/sgds-sidebar.js +0 -412
  107. package/components/Sidebar/sgds-sidebar.js.map +0 -1
  108. package/components/Sidebar/sidebar-context.d.ts +0 -51
  109. package/components/Sidebar/sidebar-context.js +0 -45
  110. package/components/Sidebar/sidebar-context.js.map +0 -1
  111. package/components/Sidebar/sidebar-item.js +0 -6
  112. package/components/Sidebar/sidebar-item.js.map +0 -1
  113. package/components/Sidebar/sidebar-section.js +0 -6
  114. package/components/Sidebar/sidebar-section.js.map +0 -1
  115. package/components/Sidebar/sidebar.js +0 -6
  116. package/components/Sidebar/sidebar.js.map +0 -1
  117. package/react/base/sidebar-element.cjs.js +0 -286
  118. package/react/base/sidebar-element.cjs.js.map +0 -1
  119. package/react/base/sidebar-element.js +0 -282
  120. package/react/base/sidebar-element.js.map +0 -1
  121. package/react/components/Sidebar/sgds-sidebar-group.cjs.js +0 -130
  122. package/react/components/Sidebar/sgds-sidebar-group.cjs.js.map +0 -1
  123. package/react/components/Sidebar/sgds-sidebar-group.js +0 -125
  124. package/react/components/Sidebar/sgds-sidebar-group.js.map +0 -1
  125. package/react/components/Sidebar/sgds-sidebar-item.cjs.js +0 -79
  126. package/react/components/Sidebar/sgds-sidebar-item.cjs.js.map +0 -1
  127. package/react/components/Sidebar/sgds-sidebar-item.js +0 -74
  128. package/react/components/Sidebar/sgds-sidebar-item.js.map +0 -1
  129. package/react/components/Sidebar/sgds-sidebar-section.cjs.js +0 -131
  130. package/react/components/Sidebar/sgds-sidebar-section.cjs.js.map +0 -1
  131. package/react/components/Sidebar/sgds-sidebar-section.js +0 -126
  132. package/react/components/Sidebar/sgds-sidebar-section.js.map +0 -1
  133. package/react/components/Sidebar/sgds-sidebar.cjs.js +0 -418
  134. package/react/components/Sidebar/sgds-sidebar.cjs.js.map +0 -1
  135. package/react/components/Sidebar/sgds-sidebar.js +0 -413
  136. package/react/components/Sidebar/sgds-sidebar.js.map +0 -1
  137. package/react/components/Sidebar/sidebar-context.cjs.js +0 -54
  138. package/react/components/Sidebar/sidebar-context.cjs.js.map +0 -1
  139. package/react/components/Sidebar/sidebar-context.js +0 -46
  140. package/react/components/Sidebar/sidebar-context.js.map +0 -1
  141. package/react/components/Sidebar/sidebar-item.cjs.js +0 -11
  142. package/react/components/Sidebar/sidebar-item.cjs.js.map +0 -1
  143. package/react/components/Sidebar/sidebar-item.js +0 -7
  144. package/react/components/Sidebar/sidebar-item.js.map +0 -1
  145. package/react/components/Sidebar/sidebar-section.cjs.js +0 -11
  146. package/react/components/Sidebar/sidebar-section.cjs.js.map +0 -1
  147. package/react/components/Sidebar/sidebar-section.js +0 -7
  148. package/react/components/Sidebar/sidebar-section.js.map +0 -1
  149. package/react/components/Sidebar/sidebar.cjs.js +0 -11
  150. package/react/components/Sidebar/sidebar.cjs.js.map +0 -1
  151. package/react/components/Sidebar/sidebar.js +0 -7
  152. package/react/components/Sidebar/sidebar.js.map +0 -1
  153. package/react/sidebar/index.cjs.js +0 -42
  154. package/react/sidebar/index.cjs.js.map +0 -1
  155. package/react/sidebar/index.d.ts +0 -2
  156. package/react/sidebar/index.js +0 -18
  157. package/react/sidebar/index.js.map +0 -1
  158. package/react/sidebar-group/index.cjs.js +0 -40
  159. package/react/sidebar-group/index.cjs.js.map +0 -1
  160. package/react/sidebar-group/index.d.ts +0 -2
  161. package/react/sidebar-group/index.js +0 -16
  162. package/react/sidebar-group/index.js.map +0 -1
  163. package/react/sidebar-item/index.cjs.js +0 -40
  164. package/react/sidebar-item/index.cjs.js.map +0 -1
  165. package/react/sidebar-item/index.d.ts +0 -2
  166. package/react/sidebar-item/index.js +0 -16
  167. package/react/sidebar-item/index.js.map +0 -1
  168. package/react/sidebar-section/index.cjs.js +0 -40
  169. package/react/sidebar-section/index.cjs.js.map +0 -1
  170. package/react/sidebar-section/index.d.ts +0 -2
  171. package/react/sidebar-section/index.js +0 -16
  172. package/react/sidebar-section/index.js.map +0 -1
package/css/fouc.css CHANGED
@@ -42,10 +42,6 @@ sgds-radio-group:not(:defined),
42
42
  sgds-radio:not(:defined),
43
43
  sgds-select-option:not(:defined),
44
44
  sgds-select:not(:defined),
45
- sgds-sidebar-group:not(:defined),
46
- sgds-sidebar-item:not(:defined),
47
- sgds-sidebar-section:not(:defined),
48
- sgds-sidebar:not(:defined),
49
45
  sgds-sidenav-item:not(:defined),
50
46
  sgds-sidenav-link:not(:defined),
51
47
  sgds-sidenav:not(:defined),
package/css/sgds.css CHANGED
@@ -1,2 +1,2 @@
1
- @import "./reboot.css";
2
- @import "./grid.css";
1
+ @import "./reboot.css" layer(base);
2
+ @import "./grid.css"
package/css/utility.css CHANGED
@@ -297,6 +297,10 @@
297
297
  --text-label-lg: var(--sgds-font-size-label-lg);
298
298
  --text-caption-md: var(--sgds-font-size-caption-md);
299
299
  --text-overline-md: var(--sgds-font-size-overline-md);
300
+ --text-link-xs: var(--sgds-font-size-link-xs);
301
+ --text-link-sm: var(--sgds-font-size-link-sm);
302
+ --text-link-md: var(--sgds-font-size-link-md);
303
+ --text-link-lg: var(--sgds-font-size-link-lg);
300
304
 
301
305
  /* Letter Spacing */
302
306
  --tracking-tighter: var(--sgds-letter-spacing-tighter);
@@ -379,12 +383,12 @@
379
383
  --gap-layout-lg: var(--sgds-layout-gap-lg);
380
384
  --gap-layout-xl: var(--sgds-layout-gap-xl);
381
385
 
382
- /* Layout Padding */
383
- --padding-layout-xs: var(--sgds-layout-padding-xs);
384
- --padding-layout-sm: var(--sgds-layout-padding-sm);
385
- --padding-layout-md: var(--sgds-layout-padding-md);
386
- --padding-layout-lg: var(--sgds-layout-padding-lg);
387
- --padding-layout-xl: var(--sgds-layout-padding-xl);
386
+ /* Layout Padding and Margin */
387
+ --spacing-layout-xs: var(--sgds-layout-padding-xs);
388
+ --spacing-layout-sm: var(--sgds-layout-padding-sm);
389
+ --spacing-layout-md: var(--sgds-layout-padding-md);
390
+ --spacing-layout-lg: var(--sgds-layout-padding-lg);
391
+ --spacing-layout-xl: var(--sgds-layout-padding-xl);
388
392
 
389
393
  /* Component Gap */
390
394
  --gap-component-xs: var(--sgds-component-gap-xs);
@@ -393,16 +397,23 @@
393
397
  --gap-component-lg: var(--sgds-component-gap-lg);
394
398
  --gap-component-xl: var(--sgds-component-gap-xl);
395
399
 
396
- /* Component Padding */
397
- --padding-component-xs: var(--sgds-component-padding-xs);
398
- --padding-component-sm: var(--sgds-component-padding-sm);
399
- --padding-component-md: var(--sgds-component-padding-md);
400
- --padding-component-lg: var(--sgds-component-padding-lg);
401
- --padding-component-xl: var(--sgds-component-padding-xl);
400
+ /* Component Padding and Margin */
401
+ --spacing-component-xs: var(--sgds-component-padding-xs);
402
+ --spacing-component-sm: var(--sgds-component-padding-sm);
403
+ --spacing-component-md: var(--sgds-component-padding-md);
404
+ --spacing-component-lg: var(--sgds-component-padding-lg);
405
+ --spacing-component-xl: var(--sgds-component-padding-xl);
402
406
 
403
407
  /* Container Width */
404
408
  --width-container: var(--sgds-container-width);
405
409
 
410
+ /* Container Max Width */
411
+ --max-width-container-md: var(--sgds-container-max-width-md);
412
+ --max-width-container-lg: var(--sgds-container-max-width-lg);
413
+ --max-width-container-xl: var(--sgds-container-max-width-xl);
414
+ --max-width-container-2-xl: var(--sgds-container-max-width-2-xl);
415
+ --max-width-container-3-xl: var(--sgds-container-max-width-3-xl);
416
+
406
417
  /* Border Radius */
407
418
  --radius-none: var(--sgds-border-radius-none);
408
419
  --radius-xs: var(--sgds-border-radius-xs);
@@ -421,11 +432,11 @@
421
432
  --radius-form-md: var(--sgds-form-border-radius-md);
422
433
  --radius-form-full: var(--sgds-form-border-radius-full);
423
434
 
424
- /* Paragraph Spacing */
425
- --space-paragraph-none: var(--sgds-paragraph-spacing-none);
426
- --space-paragraph-sm: var(--sgds-paragraph-spacing-sm);
427
- --space-paragraph-md: var(--sgds-paragraph-spacing-md);
428
- --space-paragraph-lg: var(--sgds-paragraph-spacing-lg);
429
- --space-paragraph-xl: var(--sgds-paragraph-spacing-xl);
435
+ /* Paragraph Margins */
436
+ --margin-paragraph-none: var(--sgds-paragraph-spacing-none);
437
+ --margin-paragraph-sm: var(--sgds-paragraph-spacing-sm);
438
+ --margin-paragraph-md: var(--sgds-paragraph-spacing-md);
439
+ --margin-paragraph-lg: var(--sgds-paragraph-spacing-lg);
440
+ --margin-paragraph-xl: var(--sgds-paragraph-spacing-xl);
430
441
 
431
442
  }
package/index.d.ts CHANGED
@@ -44,4 +44,3 @@ import "./components/Select";
44
44
  import "./components/ImageCard";
45
45
  import "./components/ThumbnailCard";
46
46
  import "./components/IconCard";
47
- import "./components/Sidebar";
package/index.js CHANGED
@@ -44,5 +44,4 @@ import './components/Select/index.js';
44
44
  import './components/ImageCard/index.js';
45
45
  import './components/ThumbnailCard/index.js';
46
46
  import './components/IconCard/index.js';
47
- import './components/Sidebar/index.js';
48
47
  //# sourceMappingURL=index.js.map
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}