@govtechsg/sgds-web-component 3.3.1 → 3.3.2

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 (142) hide show
  1. package/Masthead/index.js +1 -1
  2. package/base/button.js +1 -1
  3. package/base/dropdown-list-element.js +3 -2
  4. package/base/dropdown-list-element.js.map +1 -1
  5. package/components/Accordion/accordion-item.js +1 -1
  6. package/components/Accordion/index.umd.js +1 -1
  7. package/components/Alert/alert-link.js +1 -1
  8. package/components/Alert/index.umd.js +2 -2
  9. package/components/Badge/index.umd.js +4 -2
  10. package/components/Badge/index.umd.js.map +1 -1
  11. package/components/Badge/sgds-badge.js +3 -1
  12. package/components/Badge/sgds-badge.js.map +1 -1
  13. package/components/Breadcrumb/index.umd.js +5 -4
  14. package/components/Breadcrumb/index.umd.js.map +1 -1
  15. package/components/Button/index.umd.js +1 -1
  16. package/components/Card/index.umd.js +1 -1
  17. package/components/Checkbox/index.umd.js +3 -1
  18. package/components/Checkbox/index.umd.js.map +1 -1
  19. package/components/ComboBox/combo-box.js +1 -1
  20. package/components/ComboBox/index.umd.js +19 -6
  21. package/components/ComboBox/index.umd.js.map +1 -1
  22. package/components/ComboBox/sgds-combo-box.d.ts +2 -0
  23. package/components/ComboBox/sgds-combo-box.js +8 -0
  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 +5 -3
  27. package/components/Datepicker/index.umd.js.map +1 -1
  28. package/components/Drawer/index.umd.js +1 -1
  29. package/components/Dropdown/index.umd.js +3 -2
  30. package/components/Dropdown/index.umd.js.map +1 -1
  31. package/components/FileUpload/index.umd.js +5 -3
  32. package/components/FileUpload/index.umd.js.map +1 -1
  33. package/components/Footer/footer-item.js +1 -1
  34. package/components/Footer/footer.js +1 -1
  35. package/components/Footer/index.umd.js +2 -2
  36. package/components/IconButton/index.umd.js +1 -1
  37. package/components/IconCard/index.umd.js +1 -1
  38. package/components/ImageCard/index.umd.js +1 -1
  39. package/components/Input/index.umd.js +3 -1
  40. package/components/Input/index.umd.js.map +1 -1
  41. package/components/Link/index.umd.js +1 -1
  42. package/components/Link/link.js +1 -1
  43. package/components/Mainnav/index.umd.js +6 -5
  44. package/components/Mainnav/index.umd.js.map +1 -1
  45. package/components/Mainnav/mainnav-dropdown.js +1 -1
  46. package/components/Mainnav/mainnav.js +1 -1
  47. package/components/Masthead/index.umd.js +1 -1
  48. package/components/Masthead/masthead.js +1 -1
  49. package/components/Modal/index.umd.js +1 -1
  50. package/components/OverflowMenu/index.umd.js +4 -3
  51. package/components/OverflowMenu/index.umd.js.map +1 -1
  52. package/components/OverflowMenu/overflow-menu.js +1 -1
  53. package/components/Pagination/index.umd.js +5 -3
  54. package/components/Pagination/index.umd.js.map +1 -1
  55. package/components/Pagination/pagination.js +1 -1
  56. package/components/Pagination/sgds-pagination.js +3 -1
  57. package/components/Pagination/sgds-pagination.js.map +1 -1
  58. package/components/QuantityToggle/index.umd.js +4 -2
  59. package/components/QuantityToggle/index.umd.js.map +1 -1
  60. package/components/Radio/index.umd.js +3 -1
  61. package/components/Radio/index.umd.js.map +1 -1
  62. package/components/Select/index.umd.js +6 -3
  63. package/components/Select/index.umd.js.map +1 -1
  64. package/components/Sidenav/index.umd.js +2 -2
  65. package/components/Sidenav/sidenav-item.js +1 -1
  66. package/components/Sidenav/sidenav-link.js +1 -1
  67. package/components/Stepper/index.umd.js +1 -1
  68. package/components/Stepper/stepper.js +1 -1
  69. package/components/Subnav/index.umd.js +1 -1
  70. package/components/Subnav/subnav.js +1 -1
  71. package/components/Tab/index.umd.js +1 -1
  72. package/components/Tab/tab.js +1 -1
  73. package/components/Textarea/index.umd.js +3 -1
  74. package/components/Textarea/index.umd.js.map +1 -1
  75. package/components/ThumbnailCard/index.umd.js +1 -1
  76. package/components/Toast/index.umd.js +1 -1
  77. package/components/index.umd.js +38 -23
  78. package/components/index.umd.js.map +1 -1
  79. package/index.umd.js +39 -24
  80. package/index.umd.js.map +1 -1
  81. package/internals/CloseButton/close-button.js +1 -1
  82. package/package.json +1 -1
  83. package/react/base/button.cjs.js +1 -1
  84. package/react/base/button.js +1 -1
  85. package/react/base/dropdown-list-element.cjs.js +3 -2
  86. package/react/base/dropdown-list-element.cjs.js.map +1 -1
  87. package/react/base/dropdown-list-element.js +3 -2
  88. package/react/base/dropdown-list-element.js.map +1 -1
  89. package/react/components/Accordion/accordion-item.cjs.js +1 -1
  90. package/react/components/Accordion/accordion-item.js +1 -1
  91. package/react/components/Alert/alert-link.cjs.js +1 -1
  92. package/react/components/Alert/alert-link.js +1 -1
  93. package/react/components/Badge/sgds-badge.cjs.js +3 -1
  94. package/react/components/Badge/sgds-badge.cjs.js.map +1 -1
  95. package/react/components/Badge/sgds-badge.js +3 -1
  96. package/react/components/Badge/sgds-badge.js.map +1 -1
  97. package/react/components/ComboBox/combo-box.cjs.js +1 -1
  98. package/react/components/ComboBox/combo-box.js +1 -1
  99. package/react/components/ComboBox/sgds-combo-box.cjs.js +8 -0
  100. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  101. package/react/components/ComboBox/sgds-combo-box.js +8 -0
  102. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  103. package/react/components/Datepicker/datepicker-calendar.cjs2.js +1 -1
  104. package/react/components/Datepicker/datepicker-calendar2.js +1 -1
  105. package/react/components/Footer/footer-item.cjs.js +1 -1
  106. package/react/components/Footer/footer-item.js +1 -1
  107. package/react/components/Footer/footer.cjs.js +1 -1
  108. package/react/components/Footer/footer.js +1 -1
  109. package/react/components/Link/link.cjs.js +1 -1
  110. package/react/components/Link/link.js +1 -1
  111. package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
  112. package/react/components/Mainnav/mainnav-dropdown.js +1 -1
  113. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  114. package/react/components/Mainnav/mainnav.js +1 -1
  115. package/react/components/Masthead/masthead.cjs.js +1 -1
  116. package/react/components/Masthead/masthead.js +1 -1
  117. package/react/components/OverflowMenu/overflow-menu.cjs.js +1 -1
  118. package/react/components/OverflowMenu/overflow-menu.js +1 -1
  119. package/react/components/Pagination/pagination.cjs.js +1 -1
  120. package/react/components/Pagination/pagination.js +1 -1
  121. package/react/components/Pagination/sgds-pagination.cjs.js +3 -1
  122. package/react/components/Pagination/sgds-pagination.cjs.js.map +1 -1
  123. package/react/components/Pagination/sgds-pagination.js +3 -1
  124. package/react/components/Pagination/sgds-pagination.js.map +1 -1
  125. package/react/components/Sidenav/sidenav-item.cjs.js +1 -1
  126. package/react/components/Sidenav/sidenav-item.js +1 -1
  127. package/react/components/Sidenav/sidenav-link.cjs.js +1 -1
  128. package/react/components/Sidenav/sidenav-link.js +1 -1
  129. package/react/components/Stepper/stepper.cjs.js +1 -1
  130. package/react/components/Stepper/stepper.js +1 -1
  131. package/react/components/Subnav/subnav.cjs.js +1 -1
  132. package/react/components/Subnav/subnav.js +1 -1
  133. package/react/components/Tab/tab.cjs.js +1 -1
  134. package/react/components/Tab/tab.js +1 -1
  135. package/react/internals/CloseButton/close-button.cjs.js +1 -1
  136. package/react/internals/CloseButton/close-button.js +1 -1
  137. package/react/utils/validatorMixin.cjs.js +3 -1
  138. package/react/utils/validatorMixin.cjs.js.map +1 -1
  139. package/react/utils/validatorMixin.js +3 -1
  140. package/react/utils/validatorMixin.js.map +1 -1
  141. package/utils/validatorMixin.js +3 -1
  142. package/utils/validatorMixin.js.map +1 -1
package/components/FileUpload/index.umd.js CHANGED
@@ -4873,7 +4873,7 @@
4873
4873
  /** @internal */
4874
4874
  SgdsElement.dependencies = {};
4875
4875
 
4876
- var css_248z$9 = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-color-fixed-light)}.btn-close-dark{color:var(--sgds-color-fixed-dark)}.btn-close:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
4876
+ var css_248z$9 = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-color-fixed-light)}.btn-close-dark{color:var(--sgds-color-fixed-dark)}.btn-close:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent);outline:0}.btn-close:focus-visible{box-shadow:var(--sgds-box-shadow-focus)}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
4877
4877
 
4878
4878
  /**
4879
4879
  *
@@ -5065,7 +5065,7 @@
5065
5065
  */
5066
5066
  const html = withStatic(html$1);
5067
5067
 
5068
- var css_248z$8 = css`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md)}:host([variant=primary]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default);--btn-border-width:var(--sgds-border-width-1);--btn-border-color:var(--sgds-primary-border-color-default)}:host([variant=ghost]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-3);height:var(--sgds-dimension-56);min-width:var(--sgds-dimension-112);padding:0 var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-1);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-min);min-width:var(--sgds-dimension-80);padding:0 var(--sgds-padding-md)}.btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-2);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-body);min-width:var(--sgds-dimension-96);padding:0 var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn.active,.btn:hover{background-color:var(--btn-hover-bg)}.btn:focus,.btn:focus-visible{background-color:var(--btn-hover-bg);border-color:transparent;box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-50)}.btn slot::slotted(*){color:var(--btn-color)}`;
5068
+ var css_248z$8 = css`:host{--btn-font-weight:var(--sgds-font-weight-regular);--btn-bg:var(--sgds-primary-surface-default);--btn-hover-bg:var(--sgds-primary-surface-emphasis);--btn-border-radius:var(--sgds-border-radius-md)}:host([variant=primary]){--btn-bg:var(--sgds-primary-surface-default);--btn-color:var(--sgds-color-fixed-light)}:host([variant=outline]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default);--btn-border-width:var(--sgds-border-width-1);--btn-border-color:var(--sgds-primary-border-color-default)}:host([variant=ghost]){--btn-bg:var(--sgds-bg-transparent);--btn-hover-bg:var(--sgds-primary-surface-translucent);--btn-color:var(--sgds-primary-color-default)}:host([variant=danger]){--btn-bg:var(--sgds-danger-surface-default);--btn-hover-bg:var(--sgds-danger-surface-emphasis);--btn-color:var(--sgds-color-fixed-light)}:host([variant=ghost]) .btn,:host([variant=outline]) .btn,:host([variant=primary]) .btn{color:var(--btn-color)}:host([variant=outline]) .btn{border:var(--btn-border-width) solid var(--btn-border-color)}:host([size=lg]) .btn{font-size:var(--sgds-font-size-3);height:var(--sgds-dimension-56);min-width:var(--sgds-dimension-112);padding:0 var(--sgds-padding-xl)}:host([size=sm]) .btn{font-size:var(--sgds-font-size-1);height:var(--sgds-dimension-40);line-height:var(--sgds-line-height-min);min-width:var(--sgds-dimension-80);padding:0 var(--sgds-padding-md)}.btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--sgds-border-color-transparent);border-radius:var(--btn-border-radius);color:var(--sgds-color-fixed-light);cursor:pointer;display:inline-flex;font-size:var(--sgds-font-size-2);font-weight:var(--btn-font-weight);gap:var(--sgds-gap-2-xs);height:var(--sgds-dimension-48);justify-content:center;line-height:var(--sgds-line-height-body);min-width:var(--sgds-dimension-96);padding:0 var(--sgds-padding-lg);text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:inherit}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn.active,.btn:hover{background-color:var(--btn-hover-bg)}.btn:focus,.btn:focus-visible{background-color:var(--btn-hover-bg);border-color:transparent;outline:0}.btn:focus-visible{box-shadow:var(--sgds-box-shadow-focus)}.btn.disabled,.btn:disabled{color:var(--btn-color);cursor:not-allowed;opacity:var(--sgds-opacity-50)}.btn slot::slotted(*){color:var(--btn-color)}`;
5069
5069
 
5070
5070
  class ButtonElement extends SgdsElement {
5071
5071
  constructor() {
@@ -5519,8 +5519,10 @@
5519
5519
  this._isTouched = false;
5520
5520
  }
5521
5521
  connectedCallback() {
5522
+ var _a;
5522
5523
  super.connectedCallback();
5523
- this.inputValidationController = new InputValidationController(this);
5524
+ /** Idempotency guarantee */
5525
+ (_a = this.inputValidationController) !== null && _a !== void 0 ? _a : (this.inputValidationController = new InputValidationController(this));
5524
5526
  }
5525
5527
  async firstUpdated(changedProperties) {
5526
5528
  super.firstUpdated(changedProperties);