@govtechsg/sgds-web-component 3.26.1 → 3.27.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 (243) hide show
  1. package/base/dropdown-list-element.js +9 -2
  2. package/base/dropdown-list-element.js.map +1 -1
  3. package/base/nav-element.d.ts +64 -0
  4. package/base/nav-element.js +263 -0
  5. package/base/nav-element.js.map +1 -0
  6. package/base/nav-profile-element.d.ts +47 -0
  7. package/base/nav-profile-element.js +191 -0
  8. package/base/nav-profile-element.js.map +1 -0
  9. package/base/nav-profile.js +6 -0
  10. package/base/nav-profile.js.map +1 -0
  11. package/components/Appnav/appnav-context.d.ts +6 -0
  12. package/components/Appnav/appnav-context.js +7 -0
  13. package/components/Appnav/appnav-context.js.map +1 -0
  14. package/components/Appnav/appnav.js +6 -0
  15. package/components/Appnav/appnav.js.map +1 -0
  16. package/components/Appnav/index.d.ts +9 -0
  17. package/components/Appnav/index.js +8 -0
  18. package/components/Appnav/index.js.map +1 -0
  19. package/components/Appnav/index.umd.min.js +2542 -0
  20. package/components/Appnav/index.umd.min.js.map +1 -0
  21. package/components/Appnav/sgds-appnav-profile.d.ts +17 -0
  22. package/components/Appnav/sgds-appnav-profile.js +31 -0
  23. package/components/Appnav/sgds-appnav-profile.js.map +1 -0
  24. package/components/Appnav/sgds-appnav.d.ts +44 -0
  25. package/components/Appnav/sgds-appnav.js +183 -0
  26. package/components/Appnav/sgds-appnav.js.map +1 -0
  27. package/components/Breadcrumb/index.umd.min.js +25 -25
  28. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  29. package/components/Checkbox/index.umd.min.js +233 -233
  30. package/components/Checkbox/index.umd.min.js.map +1 -1
  31. package/components/Checkbox/sgds-checkbox.d.ts +1 -0
  32. package/components/Checkbox/sgds-checkbox.js +6 -1
  33. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  34. package/components/ComboBox/index.umd.min.js +254 -254
  35. package/components/ComboBox/index.umd.min.js.map +1 -1
  36. package/components/DataTable/data-table.js +6 -0
  37. package/components/DataTable/data-table.js.map +1 -0
  38. package/components/DataTable/index.d.ts +12 -0
  39. package/components/DataTable/index.js +11 -0
  40. package/components/DataTable/index.js.map +1 -0
  41. package/components/DataTable/index.umd.min.js +2634 -0
  42. package/components/DataTable/index.umd.min.js.map +1 -0
  43. package/components/DataTable/sgds-data-table-cell.d.ts +15 -0
  44. package/components/DataTable/sgds-data-table-cell.js +32 -0
  45. package/components/DataTable/sgds-data-table-cell.js.map +1 -0
  46. package/components/DataTable/sgds-data-table-head.d.ts +28 -0
  47. package/components/DataTable/sgds-data-table-head.js +69 -0
  48. package/components/DataTable/sgds-data-table-head.js.map +1 -0
  49. package/components/DataTable/sgds-data-table-row.d.ts +76 -0
  50. package/components/DataTable/sgds-data-table-row.js +333 -0
  51. package/components/DataTable/sgds-data-table-row.js.map +1 -0
  52. package/components/DataTable/sgds-data-table.d.ts +82 -0
  53. package/components/DataTable/sgds-data-table.js +405 -0
  54. package/components/DataTable/sgds-data-table.js.map +1 -0
  55. package/components/Datepicker/index.umd.min.js +86 -86
  56. package/components/Datepicker/index.umd.min.js.map +1 -1
  57. package/components/Dropdown/dropdown-item.js +1 -1
  58. package/components/Dropdown/index.umd.min.js +5 -5
  59. package/components/Dropdown/index.umd.min.js.map +1 -1
  60. package/components/Dropdown/sgds-dropdown-item.d.ts +2 -0
  61. package/components/Dropdown/sgds-dropdown-item.js +8 -2
  62. package/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  63. package/components/Input/index.umd.min.js +2 -2
  64. package/components/Input/index.umd.min.js.map +1 -1
  65. package/components/Input/input.js +1 -1
  66. package/components/Mainnav/index.d.ts +2 -0
  67. package/components/Mainnav/index.js +2 -0
  68. package/components/Mainnav/index.js.map +1 -1
  69. package/components/Mainnav/index.umd.min.js +339 -286
  70. package/components/Mainnav/index.umd.min.js.map +1 -1
  71. package/components/Mainnav/mainnav-dropdown.js +1 -1
  72. package/components/Mainnav/mainnav-item.js +1 -1
  73. package/components/Mainnav/mainnav.js +1 -1
  74. package/components/Mainnav/sgds-mainnav-profile.d.ts +15 -0
  75. package/components/Mainnav/sgds-mainnav-profile.js +29 -0
  76. package/components/Mainnav/sgds-mainnav-profile.js.map +1 -0
  77. package/components/Mainnav/sgds-mainnav.d.ts +8 -51
  78. package/components/Mainnav/sgds-mainnav.js +40 -238
  79. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  80. package/components/OverflowMenu/index.umd.min.js +25 -25
  81. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  82. package/components/QuantityToggle/index.umd.min.js +1 -1
  83. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  84. package/components/Select/index.umd.min.js +1 -1
  85. package/components/Select/index.umd.min.js.map +1 -1
  86. package/components/Tab/index.umd.min.js +1 -1
  87. package/components/Tab/index.umd.min.js.map +1 -1
  88. package/components/Tab/tab-panel.js +1 -1
  89. package/components/Textarea/index.umd.min.js +1 -1
  90. package/components/Textarea/index.umd.min.js.map +1 -1
  91. package/components/Textarea/textarea.js +1 -1
  92. package/components/index.d.ts +7 -0
  93. package/components/index.js +7 -0
  94. package/components/index.js.map +1 -1
  95. package/components/index.umd.min.js +812 -628
  96. package/components/index.umd.min.js.map +1 -1
  97. package/css/fouc.css +9 -2
  98. package/custom-elements.json +11501 -7967
  99. package/index.d.ts +2 -0
  100. package/index.js +2 -0
  101. package/index.js.map +1 -1
  102. package/index.umd.min.js +699 -510
  103. package/index.umd.min.js.map +1 -1
  104. package/package.json +1 -1
  105. package/react/appnav/index.cjs.js +45 -0
  106. package/react/appnav/index.cjs.js.map +1 -0
  107. package/react/appnav/index.d.ts +4 -0
  108. package/react/appnav/index.js +21 -0
  109. package/react/appnav/index.js.map +1 -0
  110. package/react/appnav-profile/index.cjs.js +40 -0
  111. package/react/appnav-profile/index.cjs.js.map +1 -0
  112. package/react/appnav-profile/index.d.ts +4 -0
  113. package/react/appnav-profile/index.js +16 -0
  114. package/react/appnav-profile/index.js.map +1 -0
  115. package/react/base/dropdown-list-element.cjs.js +9 -2
  116. package/react/base/dropdown-list-element.cjs.js.map +1 -1
  117. package/react/base/dropdown-list-element.js +9 -2
  118. package/react/base/dropdown-list-element.js.map +1 -1
  119. package/react/base/nav-element.cjs.js +268 -0
  120. package/react/base/nav-element.cjs.js.map +1 -0
  121. package/react/base/nav-element.js +264 -0
  122. package/react/base/nav-element.js.map +1 -0
  123. package/react/base/nav-profile-element.cjs.js +196 -0
  124. package/react/base/nav-profile-element.cjs.js.map +1 -0
  125. package/react/base/nav-profile-element.js +192 -0
  126. package/react/base/nav-profile-element.js.map +1 -0
  127. package/react/base/nav-profile.cjs.js +11 -0
  128. package/react/base/nav-profile.cjs.js.map +1 -0
  129. package/react/base/nav-profile.js +7 -0
  130. package/react/base/nav-profile.js.map +1 -0
  131. package/react/components/Appnav/appnav-context.cjs.js +13 -0
  132. package/react/components/Appnav/appnav-context.cjs.js.map +1 -0
  133. package/react/components/Appnav/appnav-context.js +8 -0
  134. package/react/components/Appnav/appnav-context.js.map +1 -0
  135. package/react/components/Appnav/appnav.cjs.js +11 -0
  136. package/react/components/Appnav/appnav.cjs.js.map +1 -0
  137. package/react/components/Appnav/appnav.js +7 -0
  138. package/react/components/Appnav/appnav.js.map +1 -0
  139. package/react/components/Appnav/sgds-appnav-profile.cjs.js +37 -0
  140. package/react/components/Appnav/sgds-appnav-profile.cjs.js.map +1 -0
  141. package/react/components/Appnav/sgds-appnav-profile.js +32 -0
  142. package/react/components/Appnav/sgds-appnav-profile.js.map +1 -0
  143. package/react/components/Appnav/sgds-appnav.cjs.js +189 -0
  144. package/react/components/Appnav/sgds-appnav.cjs.js.map +1 -0
  145. package/react/components/Appnav/sgds-appnav.js +184 -0
  146. package/react/components/Appnav/sgds-appnav.js.map +1 -0
  147. package/react/components/Checkbox/sgds-checkbox.cjs.js +6 -1
  148. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  149. package/react/components/Checkbox/sgds-checkbox.js +6 -1
  150. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  151. package/react/components/DataTable/data-table.cjs.js +11 -0
  152. package/react/components/DataTable/data-table.cjs.js.map +1 -0
  153. package/react/components/DataTable/data-table.js +7 -0
  154. package/react/components/DataTable/data-table.js.map +1 -0
  155. package/react/components/DataTable/sgds-data-table-cell.cjs.js +38 -0
  156. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +1 -0
  157. package/react/components/DataTable/sgds-data-table-cell.js +33 -0
  158. package/react/components/DataTable/sgds-data-table-cell.js.map +1 -0
  159. package/react/components/DataTable/sgds-data-table-head.cjs.js +75 -0
  160. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +1 -0
  161. package/react/components/DataTable/sgds-data-table-head.js +70 -0
  162. package/react/components/DataTable/sgds-data-table-head.js.map +1 -0
  163. package/react/components/DataTable/sgds-data-table-row.cjs.js +339 -0
  164. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -0
  165. package/react/components/DataTable/sgds-data-table-row.js +334 -0
  166. package/react/components/DataTable/sgds-data-table-row.js.map +1 -0
  167. package/react/components/DataTable/sgds-data-table.cjs.js +411 -0
  168. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -0
  169. package/react/components/DataTable/sgds-data-table.js +406 -0
  170. package/react/components/DataTable/sgds-data-table.js.map +1 -0
  171. package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
  172. package/react/components/Dropdown/dropdown-item.js +1 -1
  173. package/react/components/Dropdown/sgds-dropdown-item.cjs.js +8 -2
  174. package/react/components/Dropdown/sgds-dropdown-item.cjs.js.map +1 -1
  175. package/react/components/Dropdown/sgds-dropdown-item.js +8 -2
  176. package/react/components/Dropdown/sgds-dropdown-item.js.map +1 -1
  177. package/react/components/Input/input.cjs.js +1 -1
  178. package/react/components/Input/input.js +1 -1
  179. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  180. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  181. package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
  182. package/react/components/Mainnav/mainnav-item.js +1 -1
  183. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  184. package/react/components/Mainnav/mainnav.js +1 -1
  185. package/react/components/Mainnav/sgds-mainnav-profile.cjs.js +35 -0
  186. package/react/components/Mainnav/sgds-mainnav-profile.cjs.js.map +1 -0
  187. package/react/components/Mainnav/sgds-mainnav-profile.js +30 -0
  188. package/react/components/Mainnav/sgds-mainnav-profile.js.map +1 -0
  189. package/react/components/Mainnav/sgds-mainnav.cjs.js +39 -237
  190. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  191. package/react/components/Mainnav/sgds-mainnav.js +40 -238
  192. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  193. package/react/components/Tab/tab-panel.cjs.js +1 -1
  194. package/react/components/Tab/tab-panel.js +1 -1
  195. package/react/components/Textarea/textarea.cjs.js +1 -1
  196. package/react/components/Textarea/textarea.js +1 -1
  197. package/react/data-table/index.cjs.js +44 -0
  198. package/react/data-table/index.cjs.js.map +1 -0
  199. package/react/data-table/index.d.ts +4 -0
  200. package/react/data-table/index.js +20 -0
  201. package/react/data-table/index.js.map +1 -0
  202. package/react/data-table-cell/index.cjs.js +40 -0
  203. package/react/data-table-cell/index.cjs.js.map +1 -0
  204. package/react/data-table-cell/index.d.ts +4 -0
  205. package/react/data-table-cell/index.js +16 -0
  206. package/react/data-table-cell/index.js.map +1 -0
  207. package/react/data-table-head/index.cjs.js +40 -0
  208. package/react/data-table-head/index.cjs.js.map +1 -0
  209. package/react/data-table-head/index.d.ts +4 -0
  210. package/react/data-table-head/index.js +16 -0
  211. package/react/data-table-head/index.js.map +1 -0
  212. package/react/data-table-row/index.cjs.js +45 -0
  213. package/react/data-table-row/index.cjs.js.map +1 -0
  214. package/react/data-table-row/index.d.ts +4 -0
  215. package/react/data-table-row/index.js +21 -0
  216. package/react/data-table-row/index.js.map +1 -0
  217. package/react/index.cjs.js +152 -138
  218. package/react/index.cjs.js.map +1 -1
  219. package/react/index.d.ts +9 -2
  220. package/react/index.js +9 -2
  221. package/react/index.js.map +1 -1
  222. package/react/mainnav-profile/index.cjs.js +40 -0
  223. package/react/mainnav-profile/index.cjs.js.map +1 -0
  224. package/react/mainnav-profile/index.d.ts +4 -0
  225. package/react/mainnav-profile/index.js +16 -0
  226. package/react/mainnav-profile/index.js.map +1 -0
  227. package/react/styles/form-text-control.cjs.js +1 -1
  228. package/react/styles/form-text-control.js +1 -1
  229. package/styles/form-text-control.js +1 -1
  230. package/themes/blue.css +11 -11
  231. package/themes/cyan.css +10 -10
  232. package/themes/gt/blue.css +11 -11
  233. package/themes/gt/cyan.css +10 -10
  234. package/themes/gt/magenta.css +11 -11
  235. package/themes/gt/pink.css +11 -11
  236. package/themes/gt/purple.css +11 -11
  237. package/themes/gt/red.css +11 -11
  238. package/themes/magenta.css +11 -11
  239. package/themes/pink.css +11 -11
  240. package/themes/purple.css +11 -11
  241. package/themes/red.css +11 -11
  242. package/themes/root.css +5 -0
  243. package/types/react.d.ts +244 -92
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;
3
+ var css_248z = css`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);height:100%;justify-content:center}.form-control-prefix{border-right:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-right:var(--sgds-form-padding-x)}.form-control-suffix{border-left:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-left:var(--sgds-form-padding-x)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=input.js.map
@@ -1,10 +1,12 @@
1
1
  import { SgdsMainnav } from "./sgds-mainnav";
2
2
  import { SgdsMainnavDropdown } from "./sgds-mainnav-dropdown";
3
3
  import { SgdsMainnavItem } from "./sgds-mainnav-item";
4
+ import { SgdsMainnavProfile } from "./sgds-mainnav-profile";
4
5
  declare global {
5
6
  interface HTMLElementTagNameMap {
6
7
  "sgds-mainnav": SgdsMainnav;
7
8
  "sgds-mainnav-dropdown": SgdsMainnavDropdown;
8
9
  "sgds-mainnav-item": SgdsMainnavItem;
10
+ "sgds-mainnav-profile": SgdsMainnavProfile;
9
11
  }
10
12
  }
@@ -1,9 +1,11 @@
1
1
  import { SgdsMainnav } from './sgds-mainnav.js';
2
2
  import { SgdsMainnavDropdown } from './sgds-mainnav-dropdown.js';
3
3
  import { SgdsMainnavItem } from './sgds-mainnav-item.js';
4
+ import { SgdsMainnavProfile } from './sgds-mainnav-profile.js';
4
5
  import { register } from '../../utils/ce-registry.js';
5
6
 
6
7
  register("sgds-mainnav", SgdsMainnav);
7
8
  register("sgds-mainnav-dropdown", SgdsMainnavDropdown);
8
9
  register("sgds-mainnav-item", SgdsMainnavItem);
10
+ register("sgds-mainnav-profile", SgdsMainnavProfile);
9
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Mainnav/index.ts"],"sourcesContent":["import { SgdsMainnav } from \"./sgds-mainnav\";\nimport { SgdsMainnavDropdown } from \"./sgds-mainnav-dropdown\";\nimport { SgdsMainnavItem } from \"./sgds-mainnav-item\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-mainnav\", SgdsMainnav);\nregister(\"sgds-mainnav-dropdown\", SgdsMainnavDropdown);\nregister(\"sgds-mainnav-item\", SgdsMainnavItem);\ndeclare global {\n interface HTMLElementTagNameMap {\n \"sgds-mainnav\": SgdsMainnav;\n \"sgds-mainnav-dropdown\": SgdsMainnavDropdown;\n \"sgds-mainnav-item\": SgdsMainnavItem;\n }\n}\n"],"names":[],"mappings":";;;;;AAKA,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AACtC,QAAQ,CAAC,uBAAuB,EAAE,mBAAmB,CAAC,CAAC;AACvD,QAAQ,CAAC,mBAAmB,EAAE,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Mainnav/index.ts"],"sourcesContent":["import { SgdsMainnav } from \"./sgds-mainnav\";\nimport { SgdsMainnavDropdown } from \"./sgds-mainnav-dropdown\";\nimport { SgdsMainnavItem } from \"./sgds-mainnav-item\";\nimport { SgdsMainnavProfile } from \"./sgds-mainnav-profile\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-mainnav\", SgdsMainnav);\nregister(\"sgds-mainnav-dropdown\", SgdsMainnavDropdown);\nregister(\"sgds-mainnav-item\", SgdsMainnavItem);\nregister(\"sgds-mainnav-profile\", SgdsMainnavProfile);\ndeclare global {\n interface HTMLElementTagNameMap {\n \"sgds-mainnav\": SgdsMainnav;\n \"sgds-mainnav-dropdown\": SgdsMainnavDropdown;\n \"sgds-mainnav-item\": SgdsMainnavItem;\n \"sgds-mainnav-profile\": SgdsMainnavProfile;\n }\n}\n"],"names":[],"mappings":";;;;;;AAMA,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AACtC,QAAQ,CAAC,uBAAuB,EAAE,mBAAmB,CAAC,CAAC;AACvD,QAAQ,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;AAC/C,QAAQ,CAAC,sBAAsB,EAAE,kBAAkB,CAAC"}