@govtechsg/sgds-web-component 3.14.1-rc.1 → 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 (154) 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/Breadcrumb/index.umd.min.js +1 -1
  5. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  6. package/components/ComboBox/index.umd.min.js +24 -24
  7. package/components/ComboBox/index.umd.min.js.map +1 -1
  8. package/components/ComboBox/sgds-combo-box.js +2 -2
  9. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  10. package/components/Datepicker/datepicker.js +1 -1
  11. package/components/Datepicker/index.umd.min.js +3 -3
  12. package/components/Datepicker/index.umd.min.js.map +1 -1
  13. package/components/Datepicker/sgds-datepicker.js +1 -1
  14. package/components/Datepicker/sgds-datepicker.js.map +1 -1
  15. package/components/Dropdown/dropdown-menu.js +1 -1
  16. package/components/Dropdown/index.umd.min.js +1 -1
  17. package/components/Dropdown/index.umd.min.js.map +1 -1
  18. package/components/Dropdown/sgds-dropdown.js +1 -1
  19. package/components/Dropdown/sgds-dropdown.js.map +1 -1
  20. package/components/Mainnav/index.umd.min.js +2 -2
  21. package/components/Mainnav/index.umd.min.js.map +1 -1
  22. package/components/OverflowMenu/index.umd.min.js +1 -1
  23. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  24. package/components/Select/index.umd.min.js +7 -7
  25. package/components/Select/index.umd.min.js.map +1 -1
  26. package/components/Select/sgds-select.js +2 -2
  27. package/components/Select/sgds-select.js.map +1 -1
  28. package/components/index.d.ts +0 -1
  29. package/components/index.js +0 -1
  30. package/components/index.js.map +1 -1
  31. package/components/index.umd.min.js +75 -128
  32. package/components/index.umd.min.js.map +1 -1
  33. package/css/fouc.css +0 -4
  34. package/css/utility.css +25 -18
  35. package/index.d.ts +0 -1
  36. package/index.js +0 -1
  37. package/index.js.map +1 -1
  38. package/index.umd.min.js +63 -194
  39. package/index.umd.min.js.map +1 -1
  40. package/package.json +1 -1
  41. package/react/base/dropdown-element.cjs.js +8 -2
  42. package/react/base/dropdown-element.cjs.js.map +1 -1
  43. package/react/base/dropdown-element.js +8 -2
  44. package/react/base/dropdown-element.js.map +1 -1
  45. package/react/components/ComboBox/sgds-combo-box.cjs.js +2 -2
  46. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  47. package/react/components/ComboBox/sgds-combo-box.js +2 -2
  48. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  49. package/react/components/Datepicker/datepicker.cjs.js +1 -1
  50. package/react/components/Datepicker/datepicker.js +1 -1
  51. package/react/components/Datepicker/sgds-datepicker.cjs.js +1 -1
  52. package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
  53. package/react/components/Datepicker/sgds-datepicker.js +1 -1
  54. package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
  55. package/react/components/Dropdown/dropdown-menu.cjs.js +1 -1
  56. package/react/components/Dropdown/dropdown-menu.js +1 -1
  57. package/react/components/Dropdown/sgds-dropdown.cjs.js +1 -1
  58. package/react/components/Dropdown/sgds-dropdown.cjs.js.map +1 -1
  59. package/react/components/Dropdown/sgds-dropdown.js +1 -1
  60. package/react/components/Dropdown/sgds-dropdown.js.map +1 -1
  61. package/react/components/Select/sgds-select.cjs.js +2 -2
  62. package/react/components/Select/sgds-select.cjs.js.map +1 -1
  63. package/react/components/Select/sgds-select.js +2 -2
  64. package/react/components/Select/sgds-select.js.map +1 -1
  65. package/react/index.cjs.js +48 -56
  66. package/react/index.cjs.js.map +1 -1
  67. package/react/index.d.ts +0 -4
  68. package/react/index.js +0 -4
  69. package/react/index.js.map +1 -1
  70. package/base/sidebar-element.d.ts +0 -112
  71. package/base/sidebar-element.js +0 -281
  72. package/base/sidebar-element.js.map +0 -1
  73. package/components/Sidebar/index.d.ts +0 -16
  74. package/components/Sidebar/index.js +0 -10
  75. package/components/Sidebar/index.js.map +0 -1
  76. package/components/Sidebar/index.umd.min.js +0 -2501
  77. package/components/Sidebar/index.umd.min.js.map +0 -1
  78. package/components/Sidebar/sgds-sidebar-group.d.ts +0 -51
  79. package/components/Sidebar/sgds-sidebar-group.js +0 -124
  80. package/components/Sidebar/sgds-sidebar-group.js.map +0 -1
  81. package/components/Sidebar/sgds-sidebar-item.d.ts +0 -25
  82. package/components/Sidebar/sgds-sidebar-item.js +0 -73
  83. package/components/Sidebar/sgds-sidebar-item.js.map +0 -1
  84. package/components/Sidebar/sgds-sidebar-section.d.ts +0 -56
  85. package/components/Sidebar/sgds-sidebar-section.js +0 -125
  86. package/components/Sidebar/sgds-sidebar-section.js.map +0 -1
  87. package/components/Sidebar/sgds-sidebar.d.ts +0 -156
  88. package/components/Sidebar/sgds-sidebar.js +0 -412
  89. package/components/Sidebar/sgds-sidebar.js.map +0 -1
  90. package/components/Sidebar/sidebar-context.d.ts +0 -51
  91. package/components/Sidebar/sidebar-context.js +0 -45
  92. package/components/Sidebar/sidebar-context.js.map +0 -1
  93. package/components/Sidebar/sidebar-item.js +0 -6
  94. package/components/Sidebar/sidebar-item.js.map +0 -1
  95. package/components/Sidebar/sidebar-section.js +0 -6
  96. package/components/Sidebar/sidebar-section.js.map +0 -1
  97. package/components/Sidebar/sidebar.js +0 -6
  98. package/components/Sidebar/sidebar.js.map +0 -1
  99. package/react/base/sidebar-element.cjs.js +0 -286
  100. package/react/base/sidebar-element.cjs.js.map +0 -1
  101. package/react/base/sidebar-element.js +0 -282
  102. package/react/base/sidebar-element.js.map +0 -1
  103. package/react/components/Sidebar/sgds-sidebar-group.cjs.js +0 -130
  104. package/react/components/Sidebar/sgds-sidebar-group.cjs.js.map +0 -1
  105. package/react/components/Sidebar/sgds-sidebar-group.js +0 -125
  106. package/react/components/Sidebar/sgds-sidebar-group.js.map +0 -1
  107. package/react/components/Sidebar/sgds-sidebar-item.cjs.js +0 -79
  108. package/react/components/Sidebar/sgds-sidebar-item.cjs.js.map +0 -1
  109. package/react/components/Sidebar/sgds-sidebar-item.js +0 -74
  110. package/react/components/Sidebar/sgds-sidebar-item.js.map +0 -1
  111. package/react/components/Sidebar/sgds-sidebar-section.cjs.js +0 -131
  112. package/react/components/Sidebar/sgds-sidebar-section.cjs.js.map +0 -1
  113. package/react/components/Sidebar/sgds-sidebar-section.js +0 -126
  114. package/react/components/Sidebar/sgds-sidebar-section.js.map +0 -1
  115. package/react/components/Sidebar/sgds-sidebar.cjs.js +0 -418
  116. package/react/components/Sidebar/sgds-sidebar.cjs.js.map +0 -1
  117. package/react/components/Sidebar/sgds-sidebar.js +0 -413
  118. package/react/components/Sidebar/sgds-sidebar.js.map +0 -1
  119. package/react/components/Sidebar/sidebar-context.cjs.js +0 -54
  120. package/react/components/Sidebar/sidebar-context.cjs.js.map +0 -1
  121. package/react/components/Sidebar/sidebar-context.js +0 -46
  122. package/react/components/Sidebar/sidebar-context.js.map +0 -1
  123. package/react/components/Sidebar/sidebar-item.cjs.js +0 -11
  124. package/react/components/Sidebar/sidebar-item.cjs.js.map +0 -1
  125. package/react/components/Sidebar/sidebar-item.js +0 -7
  126. package/react/components/Sidebar/sidebar-item.js.map +0 -1
  127. package/react/components/Sidebar/sidebar-section.cjs.js +0 -11
  128. package/react/components/Sidebar/sidebar-section.cjs.js.map +0 -1
  129. package/react/components/Sidebar/sidebar-section.js +0 -7
  130. package/react/components/Sidebar/sidebar-section.js.map +0 -1
  131. package/react/components/Sidebar/sidebar.cjs.js +0 -11
  132. package/react/components/Sidebar/sidebar.cjs.js.map +0 -1
  133. package/react/components/Sidebar/sidebar.js +0 -7
  134. package/react/components/Sidebar/sidebar.js.map +0 -1
  135. package/react/sidebar/index.cjs.js +0 -42
  136. package/react/sidebar/index.cjs.js.map +0 -1
  137. package/react/sidebar/index.d.ts +0 -2
  138. package/react/sidebar/index.js +0 -18
  139. package/react/sidebar/index.js.map +0 -1
  140. package/react/sidebar-group/index.cjs.js +0 -40
  141. package/react/sidebar-group/index.cjs.js.map +0 -1
  142. package/react/sidebar-group/index.d.ts +0 -2
  143. package/react/sidebar-group/index.js +0 -16
  144. package/react/sidebar-group/index.js.map +0 -1
  145. package/react/sidebar-item/index.cjs.js +0 -40
  146. package/react/sidebar-item/index.cjs.js.map +0 -1
  147. package/react/sidebar-item/index.d.ts +0 -2
  148. package/react/sidebar-item/index.js +0 -16
  149. package/react/sidebar-item/index.js.map +0 -1
  150. package/react/sidebar-section/index.cjs.js +0 -40
  151. package/react/sidebar-section/index.cjs.js.map +0 -1
  152. package/react/sidebar-section/index.d.ts +0 -2
  153. package/react/sidebar-section/index.js +0 -16
  154. 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/utility.css CHANGED
@@ -383,12 +383,12 @@
383
383
  --gap-layout-lg: var(--sgds-layout-gap-lg);
384
384
  --gap-layout-xl: var(--sgds-layout-gap-xl);
385
385
 
386
- /* Layout Padding */
387
- --padding-layout-xs: var(--sgds-layout-padding-xs);
388
- --padding-layout-sm: var(--sgds-layout-padding-sm);
389
- --padding-layout-md: var(--sgds-layout-padding-md);
390
- --padding-layout-lg: var(--sgds-layout-padding-lg);
391
- --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);
392
392
 
393
393
  /* Component Gap */
394
394
  --gap-component-xs: var(--sgds-component-gap-xs);
@@ -397,16 +397,23 @@
397
397
  --gap-component-lg: var(--sgds-component-gap-lg);
398
398
  --gap-component-xl: var(--sgds-component-gap-xl);
399
399
 
400
- /* Component Padding */
401
- --padding-component-xs: var(--sgds-component-padding-xs);
402
- --padding-component-sm: var(--sgds-component-padding-sm);
403
- --padding-component-md: var(--sgds-component-padding-md);
404
- --padding-component-lg: var(--sgds-component-padding-lg);
405
- --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);
406
406
 
407
407
  /* Container Width */
408
408
  --width-container: var(--sgds-container-width);
409
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
+
410
417
  /* Border Radius */
411
418
  --radius-none: var(--sgds-border-radius-none);
412
419
  --radius-xs: var(--sgds-border-radius-xs);
@@ -425,11 +432,11 @@
425
432
  --radius-form-md: var(--sgds-form-border-radius-md);
426
433
  --radius-form-full: var(--sgds-form-border-radius-full);
427
434
 
428
- /* Paragraph Spacing */
429
- --space-paragraph-none: var(--sgds-paragraph-spacing-none);
430
- --space-paragraph-sm: var(--sgds-paragraph-spacing-sm);
431
- --space-paragraph-md: var(--sgds-paragraph-spacing-md);
432
- --space-paragraph-lg: var(--sgds-paragraph-spacing-lg);
433
- --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);
434
441
 
435
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}