@govtechsg/sgds-web-component 3.3.1-rc.3 → 3.3.2-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 (166) hide show
  1. package/Masthead/index.js +2 -2
  2. package/base/button.js +1 -1
  3. package/base/card.js +1 -1
  4. package/base/sgds-element2.js +1 -1
  5. package/components/Accordion/accordion-item.js +1 -1
  6. package/components/Accordion/index.umd.js +2 -2
  7. package/components/Alert/alert-link.js +1 -1
  8. package/components/Alert/index.umd.js +4 -4
  9. package/components/Badge/index.umd.js +3 -5
  10. package/components/Badge/index.umd.js.map +1 -1
  11. package/components/Badge/sgds-badge.js +1 -3
  12. package/components/Badge/sgds-badge.js.map +1 -1
  13. package/components/Breadcrumb/index.umd.js +12 -37
  14. package/components/Breadcrumb/index.umd.js.map +1 -1
  15. package/components/Button/index.umd.js +2 -2
  16. package/components/Card/index.umd.js +11 -36
  17. package/components/Card/index.umd.js.map +1 -1
  18. package/components/Checkbox/index.umd.js +4 -2
  19. package/components/Checkbox/index.umd.js.map +1 -1
  20. package/components/ComboBox/index.umd.js +7 -13
  21. package/components/ComboBox/index.umd.js.map +1 -1
  22. package/components/ComboBox/sgds-combo-box.d.ts +0 -2
  23. package/components/ComboBox/sgds-combo-box.js +0 -6
  24. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  25. package/components/Datepicker/datepicker-calendar2.js +1 -1
  26. package/components/Datepicker/index.umd.js +7 -5
  27. package/components/Datepicker/index.umd.js.map +1 -1
  28. package/components/DescriptionList/index.umd.js +1 -1
  29. package/components/Divider/index.umd.js +1 -1
  30. package/components/Drawer/index.umd.js +2 -2
  31. package/components/Dropdown/index.umd.js +2 -2
  32. package/components/FileUpload/index.umd.js +7 -5
  33. package/components/FileUpload/index.umd.js.map +1 -1
  34. package/components/Footer/footer-item.js +1 -1
  35. package/components/Footer/footer.js +1 -1
  36. package/components/Footer/index.umd.js +46 -90
  37. package/components/Footer/index.umd.js.map +1 -1
  38. package/components/Footer/sgds-footer.d.ts +1 -1
  39. package/components/Footer/sgds-footer.js +44 -39
  40. package/components/Footer/sgds-footer.js.map +1 -1
  41. package/components/Icon/icon.js +1 -1
  42. package/components/Icon/index.umd.js +2 -2
  43. package/components/IconButton/index.umd.js +3 -3
  44. package/components/IconCard/index.umd.js +11 -36
  45. package/components/IconCard/index.umd.js.map +1 -1
  46. package/components/IconList/index.umd.js +1 -1
  47. package/components/ImageCard/index.umd.js +11 -36
  48. package/components/ImageCard/index.umd.js.map +1 -1
  49. package/components/Input/index.umd.js +5 -3
  50. package/components/Input/index.umd.js.map +1 -1
  51. package/components/Link/index.umd.js +10 -35
  52. package/components/Link/index.umd.js.map +1 -1
  53. package/components/Link/link.js +1 -1
  54. package/components/Link/sgds-link.d.ts +0 -3
  55. package/components/Link/sgds-link.js +8 -33
  56. package/components/Link/sgds-link.js.map +1 -1
  57. package/components/Mainnav/index.umd.js +5 -5
  58. package/components/Mainnav/mainnav-dropdown.js +1 -1
  59. package/components/Mainnav/mainnav.js +1 -1
  60. package/components/Masthead/index.umd.js +2 -2
  61. package/components/Masthead/masthead.js +1 -1
  62. package/components/Modal/index.umd.js +2 -2
  63. package/components/OverflowMenu/index.umd.js +3 -3
  64. package/components/OverflowMenu/overflow-menu.js +1 -1
  65. package/components/Pagination/index.umd.js +4 -4
  66. package/components/Pagination/pagination.js +1 -1
  67. package/components/ProgressBar/index.umd.js +1 -1
  68. package/components/QuantityToggle/index.umd.js +6 -4
  69. package/components/QuantityToggle/index.umd.js.map +1 -1
  70. package/components/Radio/index.umd.js +4 -2
  71. package/components/Radio/index.umd.js.map +1 -1
  72. package/components/Select/index.umd.js +5 -3
  73. package/components/Select/index.umd.js.map +1 -1
  74. package/components/Sidenav/index.umd.js +4 -4
  75. package/components/Sidenav/sidenav-item.js +1 -1
  76. package/components/Sidenav/sidenav-link.js +1 -1
  77. package/components/Skeleton/index.umd.js +1 -1
  78. package/components/Spinner/index.umd.js +1 -1
  79. package/components/Stepper/index.umd.js +3 -3
  80. package/components/Stepper/stepper.js +1 -1
  81. package/components/Subnav/index.umd.js +4 -4
  82. package/components/Subnav/subnav-item.js +1 -1
  83. package/components/Subnav/subnav.js +1 -1
  84. package/components/Switch/index.umd.js +1 -1
  85. package/components/Tab/index.umd.js +2 -2
  86. package/components/Tab/tab.js +1 -1
  87. package/components/Table/index.umd.js +1 -1
  88. package/components/TableOfContents/index.umd.js +1 -1
  89. package/components/Textarea/index.umd.js +4 -2
  90. package/components/Textarea/index.umd.js.map +1 -1
  91. package/components/ThumbnailCard/index.umd.js +11 -36
  92. package/components/ThumbnailCard/index.umd.js.map +1 -1
  93. package/components/Toast/index.umd.js +2 -2
  94. package/components/Tooltip/index.umd.js +1 -1
  95. package/components/index.umd.js +75 -100
  96. package/components/index.umd.js.map +1 -1
  97. package/index.umd.js +77 -102
  98. package/index.umd.js.map +1 -1
  99. package/internals/CloseButton/close-button.js +1 -1
  100. package/package.json +1 -1
  101. package/react/base/button.cjs.js +1 -1
  102. package/react/base/button.js +1 -1
  103. package/react/base/card.cjs.js +1 -1
  104. package/react/base/card.js +1 -1
  105. package/react/base/sgds-element.cjs2.js +1 -1
  106. package/react/base/sgds-element2.js +1 -1
  107. package/react/components/Accordion/accordion-item.cjs.js +1 -1
  108. package/react/components/Accordion/accordion-item.js +1 -1
  109. package/react/components/Alert/alert-link.cjs.js +1 -1
  110. package/react/components/Alert/alert-link.js +1 -1
  111. package/react/components/Badge/sgds-badge.cjs.js +1 -3
  112. package/react/components/Badge/sgds-badge.cjs.js.map +1 -1
  113. package/react/components/Badge/sgds-badge.js +1 -3
  114. package/react/components/Badge/sgds-badge.js.map +1 -1
  115. package/react/components/ComboBox/sgds-combo-box.cjs.js +0 -6
  116. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  117. package/react/components/ComboBox/sgds-combo-box.js +0 -6
  118. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  119. package/react/components/Datepicker/datepicker-calendar.cjs2.js +1 -1
  120. package/react/components/Datepicker/datepicker-calendar2.js +1 -1
  121. package/react/components/Footer/footer-item.cjs.js +1 -1
  122. package/react/components/Footer/footer-item.js +1 -1
  123. package/react/components/Footer/footer.cjs.js +1 -1
  124. package/react/components/Footer/footer.js +1 -1
  125. package/react/components/Footer/sgds-footer.cjs.js +43 -38
  126. package/react/components/Footer/sgds-footer.cjs.js.map +1 -1
  127. package/react/components/Footer/sgds-footer.js +44 -39
  128. package/react/components/Footer/sgds-footer.js.map +1 -1
  129. package/react/components/Icon/icon.cjs.js +1 -1
  130. package/react/components/Icon/icon.js +1 -1
  131. package/react/components/Link/link.cjs.js +1 -1
  132. package/react/components/Link/link.js +1 -1
  133. package/react/components/Link/sgds-link.cjs.js +8 -33
  134. package/react/components/Link/sgds-link.cjs.js.map +1 -1
  135. package/react/components/Link/sgds-link.js +8 -33
  136. package/react/components/Link/sgds-link.js.map +1 -1
  137. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  138. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  139. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  140. package/react/components/Mainnav/mainnav.js +1 -1
  141. package/react/components/Masthead/masthead.cjs.js +1 -1
  142. package/react/components/Masthead/masthead.js +1 -1
  143. package/react/components/OverflowMenu/overflow-menu.cjs.js +1 -1
  144. package/react/components/OverflowMenu/overflow-menu.js +1 -1
  145. package/react/components/Pagination/pagination.cjs.js +1 -1
  146. package/react/components/Pagination/pagination.js +1 -1
  147. package/react/components/Sidenav/sidenav-item.cjs.js +1 -1
  148. package/react/components/Sidenav/sidenav-item.js +1 -1
  149. package/react/components/Sidenav/sidenav-link.cjs.js +1 -1
  150. package/react/components/Sidenav/sidenav-link.js +1 -1
  151. package/react/components/Stepper/stepper.cjs.js +1 -1
  152. package/react/components/Stepper/stepper.js +1 -1
  153. package/react/components/Subnav/subnav-item.cjs.js +1 -1
  154. package/react/components/Subnav/subnav-item.js +1 -1
  155. package/react/components/Subnav/subnav.cjs.js +1 -1
  156. package/react/components/Subnav/subnav.js +1 -1
  157. package/react/components/Tab/tab.cjs.js +1 -1
  158. package/react/components/Tab/tab.js +1 -1
  159. package/react/internals/CloseButton/close-button.cjs.js +1 -1
  160. package/react/internals/CloseButton/close-button.js +1 -1
  161. package/react/utils/validatorMixin.cjs.js +3 -1
  162. package/react/utils/validatorMixin.cjs.js.map +1 -1
  163. package/react/utils/validatorMixin.js +3 -1
  164. package/react/utils/validatorMixin.js.map +1 -1
  165. package/utils/validatorMixin.js +3 -1
  166. package/utils/validatorMixin.js.map +1 -1
package/components/Radio/index.umd.js CHANGED
@@ -4482,7 +4482,7 @@
4482
4482
  */
4483
4483
  const ifDefined = (value) => value ?? nothing;
4484
4484
 
4485
- var css_248z$6 = css`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-body);margin:0;*,:after,:before{box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:var(--sgds-icon-size-lg);margin-left:.25rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:bottom;width:var(--sgds-icon-size-lg)}::slotted(svg){vertical-align:middle}}`;
4485
+ var css_248z$6 = css`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-body);margin:0;*,:after,:before{box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}a[target=_blank]{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.274 3.9H9.3a.6.6 0 0 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.361 6.41c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v5.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h5.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.469-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.274c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.524-.042-1.175-.042-1.993V9.274c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C7.805 3.9 8.456 3.9 9.274 3.9Zm3.626.6a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V5.949l-5.976 5.975a.6.6 0 0 1-.848-.848L18.05 5.1H13.5a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.274 3.9H9.3a.6.6 0 0 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.361 6.41c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v5.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h5.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.469-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.274c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.524-.042-1.175-.042-1.993V9.274c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C7.805 3.9 8.456 3.9 9.274 3.9Zm3.626.6a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V5.949l-5.976 5.975a.6.6 0 0 1-.848-.848L18.05 5.1H13.5a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;padding:0 .45em}::slotted(svg){vertical-align:middle}}`;
4486
4486
 
4487
4487
  /**
4488
4488
  * @cssprop --sgds-{stateColor} - State colors in hexadecimal value
@@ -4989,8 +4989,10 @@
4989
4989
  this._isTouched = false;
4990
4990
  }
4991
4991
  connectedCallback() {
4992
+ var _a;
4992
4993
  super.connectedCallback();
4993
- this.inputValidationController = new InputValidationController(this);
4994
+ (_a = this.inputValidationController) !== null && _a !== void 0 ? _a : (this.inputValidationController = new InputValidationController(this));
4995
+ console.log("TESTING: HOW MANY TIMES IS CONNECTEDCALLBACK CALLED IN REACT");
4994
4996
  }
4995
4997
  async firstUpdated(changedProperties) {
4996
4998
  super.firstUpdated(changedProperties);