@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/Button/index.umd.js CHANGED
@@ -4554,7 +4554,7 @@
4554
4554
  /** @internal */
4555
4555
  SgdsElement.dependencies = {};
4556
4556
 
4557
- var css_248z$2 = 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)}`;
4557
+ var css_248z$2 = 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)}`;
4558
4558
 
4559
4559
  class ButtonElement extends SgdsElement {
4560
4560
  constructor() {
package/components/Card/index.umd.js CHANGED
@@ -4560,7 +4560,7 @@
4560
4560
  /** @internal */
4561
4561
  SgdsElement.dependencies = {};
4562
4562
 
4563
- var css_248z$7 = css`.nav-link::slotted(a){align-items:center;color:var(--sgds-link-color-default);cursor:pointer;display:inline-flex;flex-shrink:0;gap:var(--sgds-gap-2-xs);justify-content:center;line-height:var(--sgds-line-height-body);text-decoration:none!important}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),.nav-link::slotted(a[active]){color:var( --sgds-link-color-emphasis)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible){outline:0}.nav-link::slotted(a:focus-visible:not([disabled])),.nav-link::slotted(a:focus:not([disabled])){box-shadow:var(--sgds-box-shadow-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-danger-color-emphasis);color:var(--sgds-link-color-emphasis,--sgds-danger-color-emphasis)}:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-light)}:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-dark)}:host([size=lg]) .nav-link::slotted(a){font-size:var(--sgds-font-size-3)!important}:host([size=sm]) .nav-link::slotted(a){font-size:var(--sgds-font-size-1)!important;line-height:var(--sgds-line-height-min)}:host([size=xs]) .nav-link::slotted(a){font-size:var(--sgds-font-size-0)!important;line-height:var(--sgds-line-height-16)}`;
4563
+ var css_248z$7 = css`.nav-link::slotted(a){align-items:center;color:var(--sgds-link-color-default);cursor:pointer;display:inline-flex;flex-shrink:0;gap:var(--sgds-gap-2-xs);justify-content:center;line-height:var(--sgds-line-height-body);text-decoration:none!important}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),.nav-link::slotted(a[active]){color:var( --sgds-link-color-emphasis)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible){outline:0}.nav-link::slotted(a:focus-visible:not([disabled])){box-shadow:var(--sgds-box-shadow-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-danger-color-emphasis);color:var(--sgds-link-color-emphasis,--sgds-danger-color-emphasis)}:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-light)}:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-dark)}:host([size=lg]) .nav-link::slotted(a){font-size:var(--sgds-font-size-3)!important}:host([size=sm]) .nav-link::slotted(a){font-size:var(--sgds-font-size-1)!important;line-height:var(--sgds-line-height-min)}:host([size=xs]) .nav-link::slotted(a){font-size:var(--sgds-font-size-0)!important;line-height:var(--sgds-line-height-16)}`;
4564
4564
 
4565
4565
  /**
4566
4566
  * @summary Link allows users to click and navigate their way from page to page
package/components/Checkbox/index.umd.js CHANGED
@@ -4762,8 +4762,10 @@
4762
4762
  this._isTouched = false;
4763
4763
  }
4764
4764
  connectedCallback() {
4765
+ var _a;
4765
4766
  super.connectedCallback();
4766
- this.inputValidationController = new InputValidationController(this);
4767
+ /** Idempotency guarantee */
4768
+ (_a = this.inputValidationController) !== null && _a !== void 0 ? _a : (this.inputValidationController = new InputValidationController(this));
4767
4769
  }
4768
4770
  async firstUpdated(changedProperties) {
4769
4771
  super.firstUpdated(changedProperties);