@govtechsg/sgds-web-component 3.11.0 → 3.12.0-rc.1

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 (163) hide show
  1. package/base/sidebar-element.d.ts +112 -0
  2. package/base/sidebar-element.js +281 -0
  3. package/base/sidebar-element.js.map +1 -0
  4. package/components/Checkbox/index.umd.min.js +6 -6
  5. package/components/Checkbox/index.umd.min.js.map +1 -1
  6. package/components/ComboBox/index.umd.min.js +240 -240
  7. package/components/ComboBox/index.umd.min.js.map +1 -1
  8. package/components/Datepicker/index.umd.min.js +22 -22
  9. package/components/Datepicker/index.umd.min.js.map +1 -1
  10. package/components/FileUpload/index.umd.min.js +8 -8
  11. package/components/FileUpload/index.umd.min.js.map +1 -1
  12. package/components/Input/index.umd.min.js +14 -14
  13. package/components/Input/index.umd.min.js.map +1 -1
  14. package/components/Input/sgds-input.d.ts +1 -0
  15. package/components/Input/sgds-input.js +1 -4
  16. package/components/Input/sgds-input.js.map +1 -1
  17. package/components/Modal/index.umd.min.js.map +1 -1
  18. package/components/Modal/sgds-modal.d.ts +1 -1
  19. package/components/Modal/sgds-modal.js +1 -1
  20. package/components/Modal/sgds-modal.js.map +1 -1
  21. package/components/QuantityToggle/index.umd.min.js +2 -2
  22. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  23. package/components/Radio/index.umd.min.js +9 -9
  24. package/components/Radio/index.umd.min.js.map +1 -1
  25. package/components/Select/index.umd.min.js +11 -11
  26. package/components/Select/index.umd.min.js.map +1 -1
  27. package/components/Sidebar/index.d.ts +16 -0
  28. package/components/Sidebar/index.js +10 -0
  29. package/components/Sidebar/index.js.map +1 -0
  30. package/components/Sidebar/index.umd.min.js +2428 -0
  31. package/components/Sidebar/index.umd.min.js.map +1 -0
  32. package/components/Sidebar/sgds-sidebar-group.d.ts +51 -0
  33. package/components/Sidebar/sgds-sidebar-group.js +124 -0
  34. package/components/Sidebar/sgds-sidebar-group.js.map +1 -0
  35. package/components/Sidebar/sgds-sidebar-item.d.ts +25 -0
  36. package/components/Sidebar/sgds-sidebar-item.js +73 -0
  37. package/components/Sidebar/sgds-sidebar-item.js.map +1 -0
  38. package/components/Sidebar/sgds-sidebar-section.d.ts +55 -0
  39. package/components/Sidebar/sgds-sidebar-section.js +122 -0
  40. package/components/Sidebar/sgds-sidebar-section.js.map +1 -0
  41. package/components/Sidebar/sgds-sidebar.d.ts +85 -0
  42. package/components/Sidebar/sgds-sidebar.js +319 -0
  43. package/components/Sidebar/sgds-sidebar.js.map +1 -0
  44. package/components/Sidebar/sidebar-context.d.ts +51 -0
  45. package/components/Sidebar/sidebar-context.js +45 -0
  46. package/components/Sidebar/sidebar-context.js.map +1 -0
  47. package/components/Sidebar/sidebar-item.js +6 -0
  48. package/components/Sidebar/sidebar-item.js.map +1 -0
  49. package/components/Sidebar/sidebar-section.js +6 -0
  50. package/components/Sidebar/sidebar-section.js.map +1 -0
  51. package/components/Sidebar/sidebar.js +6 -0
  52. package/components/Sidebar/sidebar.js.map +1 -0
  53. package/components/Tab/index.umd.min.js.map +1 -1
  54. package/components/Tab/sgds-tab-group.d.ts +2 -2
  55. package/components/Tab/sgds-tab-group.js +2 -2
  56. package/components/Tab/sgds-tab-group.js.map +1 -1
  57. package/components/Textarea/index.umd.min.js +6 -6
  58. package/components/Textarea/index.umd.min.js.map +1 -1
  59. package/components/Textarea/sgds-textarea.d.ts +2 -0
  60. package/components/Textarea/sgds-textarea.js +14 -2
  61. package/components/Textarea/sgds-textarea.js.map +1 -1
  62. package/components/index.d.ts +1 -0
  63. package/components/index.js +1 -0
  64. package/components/index.js.map +1 -1
  65. package/components/index.umd.min.js +84 -49
  66. package/components/index.umd.min.js.map +1 -1
  67. package/css/fouc.css +6 -2
  68. package/css/utility.css +21 -1
  69. package/index.d.ts +1 -0
  70. package/index.js +1 -0
  71. package/index.js.map +1 -1
  72. package/index.umd.min.js +173 -62
  73. package/index.umd.min.js.map +1 -1
  74. package/package.json +1 -1
  75. package/react/base/sidebar-element.cjs.js +286 -0
  76. package/react/base/sidebar-element.cjs.js.map +1 -0
  77. package/react/base/sidebar-element.js +282 -0
  78. package/react/base/sidebar-element.js.map +1 -0
  79. package/react/components/Input/sgds-input.cjs.js +1 -4
  80. package/react/components/Input/sgds-input.cjs.js.map +1 -1
  81. package/react/components/Input/sgds-input.js +1 -4
  82. package/react/components/Input/sgds-input.js.map +1 -1
  83. package/react/components/Modal/sgds-modal.cjs.js +1 -1
  84. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  85. package/react/components/Modal/sgds-modal.js +1 -1
  86. package/react/components/Modal/sgds-modal.js.map +1 -1
  87. package/react/components/Sidebar/sgds-sidebar-group.cjs.js +130 -0
  88. package/react/components/Sidebar/sgds-sidebar-group.cjs.js.map +1 -0
  89. package/react/components/Sidebar/sgds-sidebar-group.js +125 -0
  90. package/react/components/Sidebar/sgds-sidebar-group.js.map +1 -0
  91. package/react/components/Sidebar/sgds-sidebar-item.cjs.js +79 -0
  92. package/react/components/Sidebar/sgds-sidebar-item.cjs.js.map +1 -0
  93. package/react/components/Sidebar/sgds-sidebar-item.js +74 -0
  94. package/react/components/Sidebar/sgds-sidebar-item.js.map +1 -0
  95. package/react/components/Sidebar/sgds-sidebar-section.cjs.js +128 -0
  96. package/react/components/Sidebar/sgds-sidebar-section.cjs.js.map +1 -0
  97. package/react/components/Sidebar/sgds-sidebar-section.js +123 -0
  98. package/react/components/Sidebar/sgds-sidebar-section.js.map +1 -0
  99. package/react/components/Sidebar/sgds-sidebar.cjs.js +325 -0
  100. package/react/components/Sidebar/sgds-sidebar.cjs.js.map +1 -0
  101. package/react/components/Sidebar/sgds-sidebar.js +320 -0
  102. package/react/components/Sidebar/sgds-sidebar.js.map +1 -0
  103. package/react/components/Sidebar/sidebar-context.cjs.js +54 -0
  104. package/react/components/Sidebar/sidebar-context.cjs.js.map +1 -0
  105. package/react/components/Sidebar/sidebar-context.js +46 -0
  106. package/react/components/Sidebar/sidebar-context.js.map +1 -0
  107. package/react/components/Sidebar/sidebar-item.cjs.js +11 -0
  108. package/react/components/Sidebar/sidebar-item.cjs.js.map +1 -0
  109. package/react/components/Sidebar/sidebar-item.js +7 -0
  110. package/react/components/Sidebar/sidebar-item.js.map +1 -0
  111. package/react/components/Sidebar/sidebar-section.cjs.js +11 -0
  112. package/react/components/Sidebar/sidebar-section.cjs.js.map +1 -0
  113. package/react/components/Sidebar/sidebar-section.js +7 -0
  114. package/react/components/Sidebar/sidebar-section.js.map +1 -0
  115. package/react/components/Sidebar/sidebar.cjs.js +11 -0
  116. package/react/components/Sidebar/sidebar.cjs.js.map +1 -0
  117. package/react/components/Sidebar/sidebar.js +7 -0
  118. package/react/components/Sidebar/sidebar.js.map +1 -0
  119. package/react/components/Tab/sgds-tab-group.cjs.js +2 -2
  120. package/react/components/Tab/sgds-tab-group.cjs.js.map +1 -1
  121. package/react/components/Tab/sgds-tab-group.js +2 -2
  122. package/react/components/Tab/sgds-tab-group.js.map +1 -1
  123. package/react/components/Textarea/sgds-textarea.cjs.js +14 -2
  124. package/react/components/Textarea/sgds-textarea.cjs.js.map +1 -1
  125. package/react/components/Textarea/sgds-textarea.js +14 -2
  126. package/react/components/Textarea/sgds-textarea.js.map +1 -1
  127. package/react/index.cjs.js +68 -60
  128. package/react/index.cjs.js.map +1 -1
  129. package/react/index.d.ts +6 -2
  130. package/react/index.js +6 -2
  131. package/react/index.js.map +1 -1
  132. package/react/sidebar/index.cjs.js +40 -0
  133. package/react/sidebar/index.cjs.js.map +1 -0
  134. package/react/sidebar/index.d.ts +2 -0
  135. package/react/sidebar/index.js +16 -0
  136. package/react/sidebar/index.js.map +1 -0
  137. package/react/sidebar-group/index.cjs.js +40 -0
  138. package/react/sidebar-group/index.cjs.js.map +1 -0
  139. package/react/sidebar-group/index.d.ts +2 -0
  140. package/react/sidebar-group/index.js +16 -0
  141. package/react/sidebar-group/index.js.map +1 -0
  142. package/react/sidebar-item/index.cjs.js +40 -0
  143. package/react/sidebar-item/index.cjs.js.map +1 -0
  144. package/react/sidebar-item/index.d.ts +2 -0
  145. package/react/sidebar-item/index.js +16 -0
  146. package/react/sidebar-item/index.js.map +1 -0
  147. package/react/sidebar-section/index.cjs.js +40 -0
  148. package/react/sidebar-section/index.cjs.js.map +1 -0
  149. package/react/sidebar-section/index.d.ts +2 -0
  150. package/react/sidebar-section/index.js +16 -0
  151. package/react/sidebar-section/index.js.map +1 -0
  152. package/react/utils/inputValidationController.cjs.js +2 -1
  153. package/react/utils/inputValidationController.cjs.js.map +1 -1
  154. package/react/utils/inputValidationController.js +2 -1
  155. package/react/utils/inputValidationController.js.map +1 -1
  156. package/react/utils/validatorMixin.cjs.js +24 -6
  157. package/react/utils/validatorMixin.cjs.js.map +1 -1
  158. package/react/utils/validatorMixin.js +24 -6
  159. package/react/utils/validatorMixin.js.map +1 -1
  160. package/utils/inputValidationController.js +2 -1
  161. package/utils/inputValidationController.js.map +1 -1
  162. package/utils/validatorMixin.js +24 -6
  163. package/utils/validatorMixin.js.map +1 -1
package/css/fouc.css CHANGED
@@ -3,12 +3,12 @@ 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-breadcrumb-item:not(:defined),
7
+ sgds-breadcrumb:not(:defined),
6
8
  sgds-button:not(:defined),
7
9
  sgds-card:not(:defined),
8
10
  sgds-checkbox-group:not(:defined),
9
11
  sgds-checkbox:not(:defined),
10
- sgds-breadcrumb-item:not(:defined),
11
- sgds-breadcrumb:not(:defined),
12
12
  sgds-close-button:not(:defined),
13
13
  sgds-combo-box-option:not(:defined),
14
14
  sgds-combo-box:not(:defined),
@@ -42,6 +42,10 @@ 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),
45
49
  sgds-sidenav-item:not(:defined),
46
50
  sgds-sidenav-link:not(:defined),
47
51
  sgds-sidenav:not(:defined),
package/css/utility.css CHANGED
@@ -266,7 +266,7 @@
266
266
  --font-weight-semibold: var(--sgds-font-weight-semibold);
267
267
  --font-weight-bold: var(--sgds-font-weight-bold);
268
268
 
269
- /* Font Size */
269
+ /* Font Size - Primitive */
270
270
  --text-0: var(--sgds-font-size-0);
271
271
  --text-1: var(--sgds-font-size-1);
272
272
  --text-2: var(--sgds-font-size-2);
@@ -278,6 +278,26 @@
278
278
  --text-8: var(--sgds-font-size-8);
279
279
  --text-9: var(--sgds-font-size-9);
280
280
 
281
+ /* Font Size - Semantic Responsive */
282
+ --text-display-sm: var(--sgds-font-size-display-sm);
283
+ --text-display-md: var(--sgds-font-size-display-md);
284
+ --text-display-lg: var(--sgds-font-size-display-lg);
285
+ --text-heading-sm: var(--sgds-font-size-heading-sm);
286
+ --text-heading-md: var(--sgds-font-size-heading-md);
287
+ --text-heading-lg: var(--sgds-font-size-heading-lg);
288
+ --text-heading-xl: var(--sgds-font-size-heading-xl);
289
+ --text-subtitle-sm: var(--sgds-font-size-subtitle-sm);
290
+ --text-subtitle-md: var(--sgds-font-size-subtitle-md);
291
+ --text-body-sm: var(--sgds-font-size-body-sm);
292
+ --text-body-md: var(--sgds-font-size-body-md);
293
+ --text-body-lg: var(--sgds-font-size-body-lg);
294
+ --text-label-xs: var(--sgds-font-size-label-xs);
295
+ --text-label-sm: var(--sgds-font-size-label-sm);
296
+ --text-label-md: var(--sgds-font-size-label-md);
297
+ --text-label-lg: var(--sgds-font-size-label-lg);
298
+ --text-caption-md: var(--sgds-font-size-caption-md);
299
+ --text-overline-md: var(--sgds-font-size-overline-md);
300
+
281
301
  /* Letter Spacing */
282
302
  --tracking-tighter: var(--sgds-letter-spacing-tighter);
283
303
  --tracking-tight: var(--sgds-letter-spacing-tight);
package/index.d.ts CHANGED
@@ -44,3 +44,4 @@ 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,4 +44,5 @@ 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';
47
48
  //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}